popup-desktopのブックマーク - はてなブックマーク

大藤幹の『Web標準の基礎知識』第3回－インフォアクシア

CSSの導入を阻む4つの難関－大藤幹の『Web標準の基礎知識』第3回以前より泥臭い作業は減ったもののつい数年前までは、CSSレイアウトは非常に泥臭い作業が必要なものでした。特定のブラウザでの原因不明のバグに悩まされながら、洗練されていない裏ワザ的テクニックを使うなど、様々な試行錯誤を繰り返すことでやっと完成できるようなものだったのです。しかし、現在は違います。各種ブラウザで発生する問題の多くはすでに把握されていて、その対処法も広く知られるようになり、裏ワザ的テクニックもそれほど使わなくて済むような状況となっています。とはいえ、CSSはXHTMLと比較するとやはり難しいと言わざるを得ません。実際問題として、CSSをうまく導入できない、なかなか上手に使いこなせないという人は意外に多いのではないでしょうか。その理由を考えてみると、CSSを難しくしている原因の主なものは、CSS自身で

popup-desktop 2007/02/11

webstandard

リンク

木達一仁の『Web標準に準拠したサイト構築』第1回／実践ノウハウ－インフォアクシア

ワークフローの概要とその考え方－木達一仁の『Web標準に準拠したサイト構築』　第1回 Web標準に準拠して、文書構造を適切なマークアップにより明示し、文書の見た目はスタイルシートで定義するようサイトを構築する際の、具体的なワークフローやポイントについて、これから4回にわたりお話させていただきます。第1回の今回は、全体的なフローの紹介とその考え方についてご紹介します。ワークフロー概要レイアウト目的で(X)HTMLのテーブル要素を使用し、スタイルシートはまったく（あるいはほとんど）使用していない実装手法に基づくサイトをWeb標準に準拠させる場合、そのフローは以下の7つのプロセスから成ります。個々のプロセスの呼称や、全体をいくつのプロセスに分けて定義するかは、プロジェクトの規模等によって異なるでしょうが、概ねこのようなプロセスが必要になるのではないかと思います。サイト制作は段取り八

popup-desktop 2006/07/12

リンク

住太陽の『トリックに頼らない本当のSEO』第１回／実践ノウハウ − Webアクセシビリティポータルサイト『infoaxia(インフォアクシア)』

情報を公開し、共有しよう－住太陽の『トリックに頼らない本当のSEO』第１回公開されていない情報にはアクセスできない私たちは現在、ほとんど毎日のようにWeb上の情報を利用しています。例えば、ちょっと出かけよう、といった場合でも、天気予報サイトで目的地の天気や気温を調べて服装を選択したり、乗り換え案内のサイトで路線情報を調べて出発時間を決めたり、ホテル予約サイトで宿泊施設を決めたり、ブログ検索サイトで目的地周辺の観光やグルメの情報を調べて立ち寄り先を決めたり、といった具合で、Web上の情報を利用しない日常など今や考えられません。多種多様な人々が、多種多様な情報を公開し、共有しているWebの世界は、まさに情報の宝庫のようになっており、GoogleやYahoo!などの検索エンジンを使えば、仕事のこと、生活のこと、趣味のことなど、見つからない情報などないかのようです。しかし、残念なが

popup-desktop 2006/06/29

seo

リンク

第3回「アクセシビリティとSEO」/ 植木真の『アクセシビリティとWeb標準、SEO』－ Webアクセシビリティポータルサイト『infoaxia(インフォアクシア)』

アクセシビリティとSEO －植木真の『アクセシビリティとWeb標準、SEO』　第3回アクセシビリティを確保すると、SEO効果があるウェブクローラーは、基本的に全盲ユーザーと同じだ。君のサイトがアクセシブルでないほど、Googleやその他の検索エンジンから訪れる人が少なくなる。これは、書籍『DESIGNING WITH WEB STANDARDS』で、その著者のJeffrey Zeldman氏が述べている言葉です。"ウェブクローラー" というのは、いわゆる検索エンジンのロボットのことを指します。また、アクセシビリティを確保したらなぜか検索結果ページのランキングが上がった、という話もよく聞かれるようになってきました。これについては、筆者も数年前からセミナーや雑誌記事などで取り上げてきたことですが、最近こういった話を耳にする機会が多くなってきたように思います。JIS X 8341

popup-desktop 2006/06/29

リンク

植木真の『アクセシビリティとWeb標準、SEO』第2回／実践ノウハウ－ Webアクセシビリティポータルサイト『infoaxia(インフォアクシア)』

アクセシビリティとWeb標準－植木真の『アクセシビリティとWeb標準、SEO』第2回アクセシビリティを構成する3要素アクセシビリティとWeb標準との関係を語る前に、まずアクセシビリティを構成する3つの要素についてお話しましょう。W3Cでアクセシビリティ分野を担当しているWAI（Web Accessibility Initiative）のサイトに、『Essential Components of Web Accessibility』という解説ページがあります。日本語に訳せば、「Webアクセシビリティに必要不可欠な構成要素」となるでしょうか。この考えをもとにして、WAIでは以下の3つのアクセシビリティ・ガイドラインを策定しています。 Authoring Tool Accessibility Guidelines (ATAG) オーサリングツールのガイドライン Web Conte

popup-desktop 2006/06/23

リンク

大藤幹の『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