HTML5を中心とした「Web標準」がどれだけあるのか、図にしてみると……
急速に立ち上がろうとしている「プラットフォームとしてのWeb」。そのために現在たくさんのWeb標準が提唱され、標準化作業が行われています。 その全体像を1枚の図として示したのは、Mozilla Japanのdynamis（でゅなみす）氏こと浅井智也氏。先週行われたオープンソースカンファレンス2012京都で行った講演のスライドから許可を得て引用します。 HTML5を中心に、円の色は標準化団体の色を示しています。青ならW3C/WHATWG、黄色はIETF、茶色はECMA、赤はKhronos。また、円の外側はまだまだこれからの技術という位置づけになっているそうです。 こうして1枚の図にして見ると、実にたくさんの技術がWebで実現されようとしていることに驚かされます。 このすべての技術を使いこなす必要はないかもしれませんが、Webをプラットフォームとするアプリケーションの構築には、HTML5のマー
ESPRESSO CODING | ハイクオリティのWEB制作サービス
WEB標準 WEB標準に準拠することで、アクセシビリティやユーザビリティが向上し、より多くのユーザーがアクセスしやすくなります。またSEO(WEBサイト最適化)においても有効な対策の1つです。また経済的な効果として、メンテナンス性・柔軟性の向上により更新コスト軽減につながります。 ハンドコーディング どんなに複雑なデザインでも、忠実に再現します。テンプレート対応や外注は行わず、案件ごとに完全オリジナルで手打ちコーディングを行います。そのため、ご要望に合わせて柔軟に対応可能です。複雑なデザインやインタラクティブなページも1ページ1ページを丁寧に仕上げます。
WEB標準デザイン、はじめの一歩 ～デザインからマークアップまで～
第6回 岡山WEBクリエイターズのセッション1で発表したスライド内容を全文掲載。第6回 岡山WEBクリエイターズ セッション1『WEB標準デザイン、はじめの一歩 ～デザインからマークアップまで～』 岡山WEBクリエイターズ勉強会でお話した内容を、スライドとともに全文掲載しています。 テキストはあくまで原稿そのままですので、実際に喋った内容とは幾分異なる場合があります。 スライドのPDFをダウンロード 講師概要 SKPRODUCT代表。 デザイン、コーディング、PHPによるシステム構築、ActionScriptを使用したFlashなど、WEB制作全般を行うWEBアーキテクトです。 岡山の大手企業・学校などを中心にWEBサイトと独自に開発したCMSフレームワーク『SEED』の提供を行っています。 本日は、WEB標準デザインはじめの一歩です。 WEB標準というと、技術的なことを想像される方
第2回 仕様書に沿ったページを作るために | gihyo.jp
前回はW3Cの役割やプロセスがどのようなものであるかをお伝えしました。では、仕様書に書かれている通りにHTMLやCSSを書くために、どのようなことを行えばいいのでしょうか。 仕様書を読めば解決！だけど英語…… 「仕様書に書かれている通りにHTMLを書きたいんですが……」 「じゃあ、仕様書を読めばいいよ。」 と、一言で済ませられれば楽なのですが、あいにくそうもいきません。仕様書のほとんどが英語で書かれているため、私たち非英語圏の人間にとって、仕様書に書かれてあることの意味をくみとることはおろか、読むことにも多くの時間をとられてしまいます。 というわけで今回は、「仕様書にあまり触れないながらも、仕様書に沿ったコードを書く」ための方法について考えてみたいと思います。 さまざまなリソースに触れて理解を深める まずは、本やWebにある仕様書についての解説をあたってみましょう。莫大な数の情報が公開
4: Web 標準のモデル — HTML, CSS, JavaScript - Opera Developer Community
4: Web 標準のモデル — HTML, CSS, JavaScript Translated by Masataka Yakura · 5 Nov, 2009Published in: html, javascript, Web, css, standardsThis is a translation of 4: The Web standards model - HTML, CSS and JavaScript, written by Jonathan Lane. 前の記事: インターネットのしくみ 次の記事: Web standards—beautiful dream, but what’s the reality? カリキュラムの目次へ はじめに 前の記事で、Web の基本的な構成要素に HTML (XHTML), CSS, JavaScript があることを簡単に説明しました。
HTML5と関連仕様、言語リファレンスが公開 | Web標準Blog | ミツエーリンクス
HTML WGより3月4日付で、新しいHTML5の草案を含めた6つの文書が公開されました。 HTML5 HTML Canvas 2D Context HTML Microdata HTML+RDFa HTML: The Markup Language HTML5 differences from HTML4 HTML5 differences from HTML4の日本語訳も、いつもの通り更新しています。 HTML5 における HTML4 からの変更点 変更点 昨年の草案からの変更点から、いくつか気になるものを挙げてみます。 ひとつは、会話文を表現するdialog要素が削除されました。専用のマークアップを用意する必要性や、表現力に乏しいといった懸念が寄せられたことによります。 また、figure要素とdetails要素について内容モデルの変更がありました。これらの要素はキャプションにlab
大藤 幹の『Web標準の基礎知識』 第1回／実践ノウハウ ― Webアクセシビリティポータルサイト『infoaxia(インフォアクシア)』
Web標準って何？ －大藤 幹の『Web標準の基礎知識』 第1回 Web標準の２つの意味 最近になって、「Web標準」という言葉をよく耳にするようになりました。では、「Web標準」とは具体的に何を指す言葉なのかというと、ひとことではなかなか表現することができません。その理由を考えてみると、「Web標準」には大きく２つの意味が込められて使われているからではないかと思います。 Web標準は「Webの標準規格の総称」 1つめの意味としては、英語では「Web Standards」と呼ばれていることからもわかるように、「Webに関する標準規格の総称」であると言うことができます。つまり、W3C（World Wide Web Consortium：中立的な立場からWeb関連の技術仕様やガイドラインなどの策定を行っている国際産業コンソーシアム）が策定・公開しているXHTMLやCSS、ECMA（Europ
hxxk.jp - 実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips が発売となります
記事データ 投稿者 望月真琴 投稿日時 2007-02-20T23:01+09:00 タグ CSS HTML XHTML お知らせ アソシエイト 出版 実践 Web Standards Design 概要 拙著「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips 」の発売に関する情報のページです。 リプライ 14 件のリプライがあります。 hxxk.jp ( のごく一部 ) が書籍化されます ! ブログ 書籍化で Google 検索すると何十万件もヒットするという昨今、時流に乗ってか乗らずか、お誘いを受けて書籍を出すこととなりました ! ......とは言え取り扱う話題がまとまっておらず、また純粋な文章としての完成度も低い hxxk.jp の記事を丸々書籍にパッケージングしたものではありません。 というか単著ではありませんし、あくまで
WEB標準なレイアウトを作成するレイアウト言語「Bamboo」:phpspot開発日誌
The Bamboo Projekt - About Bamboo helps you to create standards-based, cross-browser page layouts more easily by providing a new layout language that is more natural than CSS for defining layouts. WEB標準なレイアウトを作成するレイアウト言語「Bamboo」。 次のようなレイアウト指定をすることで複雑なHTML&CSSなレイアウトを作成できます。 <layout> <grid> <rows> <row height="200px" /> <!-- Jumbo Banner --> <row height="20px" /> <!-- Global Navbar --> <row height="
[論文] Web標準と慣習の競合:Geekなぺーじ
「The Web designer's dilemma: When standards and practice diverge, Aaron Weiss, Web design '06: balancing standards and practice ,Pages: 18 - 25, March 2006, ACM Press」 という論文を読みました。 面白かったので要約してみました。 以下の文は論文に書いてある事の要約です。 私の誤訳や誤解があるかもしれないので、詳細は論文を読んでください。 ブラウザ戦争 1991年にTim Berners-LeeがWebサーバとブラウザを配布し始めたときには、理論と実装は整合性を保っていました。 しかし、他の人たちが独自のブラウザを作り始めて、それぞれ独自の拡張を加え始めました。 Webデザイナーは、Netscapeの<BLINK>タグのような独
Web標準準拠やSEOの適切さを無料で診断できる「ホームページ診断ツール」 | クリエイティブ | マイコミジャーナル
インターネットビジネスサポート事業などを行うエイエスウィンドウは、同社が運営するインターネットビジネス支援サービス「WebAgency」サイトにおいて、無料で使える「ホームページ診断ツール」サービスを発表した。 同サービスは、診断したいページのURLを入力すると、「HTMLタグ」「検索キーワード」「検索エンジンランク」のチェックを一括して行うことができる。 「HTMLタグ」チェックは、W3Cで提供されている「Markup Validation Service」の診断基準などを参考に開発。W3Cの仕様や、同社独自のガイドラインに沿って診断が行われているという。また、診断の結果、妥当でない事項があった場合、問題の重要度も表示されるしくみになっているが、これはSEOとアクセシビリティの観点から好ましくない問題が重要視される傾向があるとのこと。 ホームページ診断結果の例。診断結果は文章とともに、
毎日考ブログ -Web屋のウェブログ- | Web標準に進路を取れ 第5回「テーブルレイアウトは罪なのか」
テーブルレイアウトとはテーブルタグを、左のようにセルを切ってレイアウトするもの。そもそもはテーブルタグは表に使われるものであって、レイアウト目的で使うべきではないという意見はごもっともなものの、きっちり幅指定や余白指定ができてブラウザ依存しにくいことから、企業サイトはもとよりいろいろなサイトに使われておりました。いや、今でも立派に使われています。 対してCSSレイアウトは、上と同じレイアウトをHTML（XHTML）＋CSSで表現するもの。こんな感じです。記述は一例として適当に書いてるんで、アテにしたり突っ込みいれたりしないでくださいね(笑)。 【HTML】 <div id="header"> <h1>毎日考ブログ（ヘッダ部分）</h1> </div> <div id="main"> <div class="menu">メニュー部分</div> <div class="contents">本
【レポート】コードを書く前と後が大切 - Web Designing Live Seminar / Web標準 (1) サイト構築の秘訣は"段取り八分" | クリエイティブ | マイコミジャーナル
なぜ、今「Web標準」なのか? Webデザイナーのための専門雑誌「Web Designing」主催、アドミラルシステム後援 / 協賛による「Web Designing Live Seminar / Web標準」が開かれた。「Web Designing Live」とは、同誌が主催する一連のイベントの名称。2005年3月には「Web Designing Live Conference / Flash Video」が開催されている。前回はConference、今回はSeminarという違いはあるものの、Webデザイナーに役立つ情報を提供するというコンセプトは変わらない。 Seminarのテーマは「Web標準時代に求められるサイト構築法」。構成は2部立て。前半はWeb制作会社ミツエーリンクスのフロントエンドエンジニア木達一仁氏の講演、後半はミツエーリンクスの技術者4氏が登場し、会場とのQ &
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 公式サポートサイト
Web標準導入キット - maccaws.org
Step1 過去の変遷とともにWeb標準について考える - MdN Design Interactive
Flashの学校 ロクナナワークショップ
http://www.exj-lab.com/marketing/index.php?hours=-1&select=3
CSS Nite公式サイト - 「CSS」だけでなく、Web制作全般に関するトピックを取り上げるセミナーイベント
XHTML CSS (r)evolution [1]