2008年のWeb標準 | gihyo.jp
あけましておめでとうございます。株式会社ミツエーリンクスの木達です。私はWebサイト構築の現場において、標準化された技術の適切な利用をエンジニアの立場から推進してきました。Webで用いられる標準技術を総じてWeb標準と呼びますが、私が注力しているのは主に(X)HTMLやCSSといったフロントエンド分野に属するWeb標準で、その多くはW3Cによって策定されています。本稿では、Webコンテンツ制作者にとって身近な存在である狭義のWeb標準に関し、今年2008年中にどのような動向が予測されるか、私見と期待を交え書かせていただこうと思います。 更なる標準準拠が期待されるWebブラウザ かつてはブラウザ側の対応状況が芳しくなかったがゆえに、Web標準を用いたコンテンツ実装にデザイナーや開発者がなかなか踏み切れない時代がありました。しかしそうした時代も、Internet Explorer（以下IE）や
HTML 5の草案が公開 | Web標準Blog | ミツエーリンクス
HTMLワーキンググループより、HTML 5の最初の草案が公開されました。あわせて、HTML 4（XHTML 1.0）との変更点を簡単にまとめた解説文書も公開されています。 HTML 5は、ユーザーエージェント間の相互運用性を高め、またユーザーにとって便利である機能を追加した、WebサイトやWebアプリケーションを構築するための新しい仕様です。これまでのHTMLやXHTMLとは異なり、要素や属性の定義だけではなく、それらにアクセスするためのDOMインターフェースや、オフラインストレージ機能などが盛り込まれています。 名前はHTMLとなっていますが、HTML 5にはXMLによる構文も定義されています。このためHTML 5は、HTML 4.01やXHTML 1.0の後継仕様ととらえることができるでしょう。あわせて公開されたHTML 5 differences from HTML4という文書では
HTML5が持つ本当の意味 ― ＠IT
2008/01/25 ウェブ関連技術の標準化団体「W3C」（World Wide Web Consortium）が「HTML5」の策定に向けて活動を本格化しました。1月22日には「HTML5」の最初の草案を公開。2010年9月に正式な勧告としてリリースする予定だと発表しました。 普段からウェブ関連技術をウォッチしている方は別として、「なぜ今ごろ？」と、この突然のW3Cの動きに驚かれた方が多いのではないでしょうか。「そもそもW3Cがやる意味があるの？」という疑問の声も聞こえてきそうです。 標準化団体としてのW3Cのプレゼンスは、近年あまりに高いとは言えません。かつて1990年代後半から2000年ごろにかけて、誰もがW3Cの一挙手一投足に注目していた時期がありました。彼らの出してくる標準技術仕様こそが、インターネットを形成する共通言語だと、多くの人が信じていました。 ところが、現在広く使われて
Home
Each year, the Pulitzer Prize award is given to those in newspaper, magazine, online journalism, literature, and musical composition for their achievements. This year, for 2024, amongst the 45 journalists who have been selected as finalists, five people’s entries are AI-powered. While the extent of the use of artificial intelligence in their submissions isn’t yet…
ダウンロード・CrenaHtml2jpg ＷＥＢページをサムネイル画像に！
・CrenaHtml2jpgは、URLを指定して、その画面をキャプチャーするツールで、長いページも、１枚の画像に保存できます。 ・コマンドラインにも対応していますので、スクリプトからCrenaHtml2jpgを呼び出して連続して、サイトの画像を取得できます。 CrenaHtml2jpg-v1.20.zip 474kバイト [2009/06/13] Vectorレビュー 窓の杜レビュー ◆GUI操作画面 ●800x600 ⇒ 117x90で取得 ●800x∞ ⇒ 200x∞で取得(１ページ全体を自動キャプチャー) ・「フルスクリーン自動取得」をチェックすると、縦サイズは∞となり、 １ページ全体を自動でキャプチャーできます。 ・「遅延」秒数を入力すると、サイトアクセス後、指定の秒数待ちます。 gifアニメ、FLASH,Silverlight等の動画に対して有効です。 （flash play
セマンティックHTMLの規格化に向けたHTML 5のドラフト - builder by ZDNet Japan
激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる ユーザビリティを第一に！ ソフトウェアの力でビジネス変化に対応 ハードとソフトがセットになったストレージ 身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 ひとり情シスのための年度計画 大企業も中小企業も求められるレベルは同じ 限られたリソースでのIT管理対応法 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 20年培ったデジタルカイゼン文化 誰もが知るあの「Notes」で実現する 現場とIT部門二人三脚でのデジタルカイゼン ともにDXを推進する コンテナ
Web標準に関する良書を教えてください : could
wasp Web標準に関する良書を教えてください Web Standards Project は、今でも Adobe Task Force を立ち上げるなど、Web標準を考慮したサイト作りが出来る環境をつくるために様々な活動を行っています。その中で興味深いのがWaSP Street Team。図書館や学校にある古い書籍にこっそり URL 入りの栞を忍び込ませて草の根的な活動をするというちょっと変わったプロジェクト。本当にやっている方もいるみたいですが、同僚や同業種の友達に渡すちょっとしたアイテムにもなりそうです。春ですし、新入社員に渡すということも出来そうですね 今のところ 洋書のリストしかないので、担当の方に「日本語版作っていいかい？」と尋ねたら「もちろん良いですよ」という応えが帰ってきたので、早速日本語版を作ろうと思います。 書店に行くと、小さい業界のわりにはものすごく書籍が多いのでど
John Resig - Pure JavaScript HTML Parser
Recently I was having a little bit of fun and decided to go about writing a pure JavaScript HTML parser. Some might remember my one project, env.js, which ported the native browser JavaScript features to the server-side (powered by Rhino). One thing that was lacking from that project was an HTML parser (it parsed strict XML only). I’ve been toying with the ability to port env.js to other platforms
アクセシブルなRIAとHTML 5の関わり | Web標準Blog | ミツエーリンクス
近年、FlashやJavaScriptを用いたRich Internet Application (RIA)と呼ばれる、高機能なWebアプリケーションが増えてきています。今年に入りAdobe、Google、Microsoftの3社がそれぞれRIAの開発環境を発表したことからも、その注目度の高さがうかがえます。 一方、RIAにおけるアクセシビリティの問題については、あまり知られていないようです。例えば、AjaxによるWebアプリケーションの場合では、メニューやポップアップがdiv要素としてマークアップされ、支援技術がそれらをうまく認識できないという問題があります。 こうした課題を解決すべく、W3CはWAI-ARIAという動きを立ち上げ、必要となる仕様を策定しています。核となる技術は、ある要素がアプリケーションにおいてどのような「役割」または「状態」であるかを規定する、WAI-ARIA Rol
テーブルをソートできるようにするjsライブラリ-table sorting
テーブルをソートできるようにするjsライブラリ-table sorting table sortingはテーブルをソートできるようにするjsライブラリです。 テーブルの内容でソートしたり、奇数行、偶数行にそれぞれ異なるclassをつけたりが可能です。 設置方法 ダウンロードしたsortable.jsをhead要素内なので読み込みます。 <script type="text/javascript" src="sortable.js"></script> ソートの対象のtable要素のclass属性をsortableに設定して、任意のID名をid属性につけます。 <table class="sortable" id="foo"> ソートの対象にしたくない列がある場合はth要素のclass属性にunsortableを設定します。 <th class="unsortable"> ソートの対象にした
Travellers Tales : ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法
ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法 viewport を設定して iPhone/iPod touch に対応しよう ぼちぼち iPod touch が届き始めましたね。 Safari on iPhone/iPod touch のために用意された meta 要素の viewport 属性1を使って、あなたのサイトをなんちゃって iPhone/iPod touch 対応にする方法を説明してみたいと思います。 方法は簡単です。 <meta name="viewport" content="width=1024" /> head 要素に上記のようなタグを入れるだけです。ただ、ここで width に指定する横幅を自分のサイトに合わせて最適化する必要があります。 ちなみに、上記の width=1024 となっている viewport の設定は Apple のホ
Improve snippets with a meta description makeover
accessibility 10 advanced 195 AMP 13 Android 2 API 7 apps 7 autocomplete 2 beginner 173 CAPTCHA 1 Chrome 2 cms 1 crawling and indexing 158 encryption 3 events 51 feedback and communication 83 forums 5 general tips 90 geotargeting 1 Google Assistant 3 Google I/O 3 Google Images 3 Google News 2 hacked sites 12 hangout 2 hreflang 3 https 5 images 12 intermediate 205 interstitials 1 javascript 8 job s
The Structured Web - A Primer
When you buy through affiliate links in our content, we may earn a commission at no extra cost to you. Learn how our funding model works. By using this website you agree to our terms and conditions and privacy policy. We uphold a strict editorial policy that focuses on factual accuracy, relevance, and impartiality. Our content, created by leading industry experts, is meticulously reviewed by a tea
次のウェブをどう定義するか：構\造化ウェブの始まり:コラム - CNET Japan
ブログ界には次のウェブの基本性質に関する議論が浮上している。Tim O'Reillyは何にでもバージョンを付け、「Web 3.0」などと呼ぶ流行を批判するシグナルを送っているが、とにかく次に何が来るかについては合意は得られていないのが現状だ。わたしは、次に来るのは1つのものではなく、いくつかの大きなテーマによって特徴づけられると考えている。 ウェブの新しい進歩には、セマンティクス、アテンション（無意識的な行動）、個人化がある。次のウェブをどう呼ぶかはともかくとして、そこでの情報はより意味があり、より自動的で、われわれひとりひとりに合わせた動きをするものになる。 次のウェブの進化で欠かせないのは、構造化された情報の取り込みという要素だ。この概念はわれわれ人間にとってはあたりまえのものだが、コンピュータにとってはそうではないという事実を完全に見過ごしてしまっている。人間がAmazonで書籍を見
XHTML 2.0の目的と今後のXHTML | Web標準Blog | ミツエーリンクス
先週開かれたW3C TPAC Weekというイベントにて、XHTML 2ワーキンググループおよび、HTMLワーキンググループの部会に出席してきました。今回は、XHTML 2.0の現在のWebとの関わり、および今後について、部会で得た情報をもとに考えてみます。 XHTML 2ワーキンググループが考えるHTMLとは、その名の通り「文書をマークアップするための言語」です。文書マークアップのベースとしてXHTMLを用い、足りない機能の追加はモジュールを定義したり、SVGのような他のXMLフォーマットを取り込むアプローチをとっています。 XMLの持つ拡張性と、XHTMLの汎用性を組み合わせることで、文書そのものをアプリケーション側の処理（表示やコントロールの追加など）を分け、持続可能な文書フォーマットとしてXHTMLを利用することが可能です。eBayやTIMEでは既にXHTML 2.0を利用している
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Matt video: ALT attributes for images
Prince - Convert HTML to PDF with CSS
tkrb.jp
HTML Reloaded