Kangaroonote: HTMLアーカイブ

XHTML CSS ガイドライン beta ver0.5.2　基本セットを追加しました

2008年11月27日 sakuramaru | 個別ページ | コメント(0) | トラックバック(0)

コーディングの準備って結構メンドウなので、必要ファイルとディレクトリ、基本構造を記述したHTMLファイル一式をzipで用意してみました。

“基本構造HTMLとid classのみのCSSファイルセット” の構成は以下の通りです。

index.html (id/classの命名規則に基づいた基本構造のみ記述しています)
common/css (ディレクトリ)
common/css/base_layout.css (id class名のみ記述)
common/css/skin.css (id class名のみ記述)
common/css/font.css (font-family,line-height,font-size,supタグをちょっときれいにみせる指定を記述)
common/css/reset.css (デフォルトのmargin,padding,ulのlist-styleを消去,imgのborderを0にし、vertical-alignをtopに。tableのborder-collapseをcollapseにする記述)
common/css/import.css (@import記述)
common/js (ディレクトリ)
common/js/add_event.js (空ファイル)
common/images (空ディレクトリ)

こういうのは、ちょっとした手間でしかないのかもしれませんが、ベースが決まるとルーチンなので、無駄な時間を省くと言う意味で。ってまあ、結構当たり前にやってるとは思いますが...自分用にどっからでもダウンロードできるようにと。

id/classの命名規則からダウンロードできます。

XHTML CSS ガイドライン beta ver0.5

2008年10月26日 sakuramaru | 個別ページ | コメント(0) | トラックバック(0)

変更点は以下の通りです。

基本ルールのページを追加しました。
plane_css filesにデフォルトで記述してあるCSSプロパティ-defaultcss.html-のページを削除しました。（アクセスが少なく、また、id/classの命名規則と目的の一部が重複するため）

XHTML CSS ガイドライン beta

XHTML CSS ガイドライン beta ver0.4.1

2008年10月 9日 sakuramaru | 個別ページ | コメント(0) | トラックバック(0)

基本ルール (例) を追加しました。

まだホームにちょろっとしかのせてないので0.0.1しかバージョンを上げてません。

りなみにIE6をターゲットブラウザからはずしてみました。そんな時代が早くくればいい。まだIE6をお使いの方はバージョンアップをおねげぇしますだ。セキュリティ的にも、しといた方が自分のためなんで。

XHTML CSS ガイドライン

自由民主党総裁選2008記念主要政党のWebサイト(X)HTML CSS調査

2008年9月 7日 sakuramaru | 個別ページ | コメント(0) | トラックバック(0)

基本ホームだけしか見てません。あと、別に基準とかないです。レイアウトのためにtableタグを使用してると思ったらテーブルレイアウトと判断してます。

政党名	DTD	文字コード	table or css
自由民主党	HTML 4.01 Transitional	shift_jis	table
民主党	HTML 4.01 Transitional	shift_jis	table
公明党	XHTML 1.0 Transitional	utf-8	css
社民党	XHTML 1.0 Strict	shift_jis	css
日本共産党	HTML 4.01 Transitional	shift_jis	table

社民党がStrictなのはちょっと驚きです。ただXML宣言はありませんでした。文字コードがshift_jisなので、せっかくStrictにするのならXML宣言もつけてほしかったです。

あと、どこの政党もメインビジュアルがFlashなのですが、Flashを使用するほどのインターフェースではないため、無意味にしか思いませんでした。

総裁選は、あまり興味ないです。あえていうなら石破さんの目が好きなので、がんばって欲しいかな、とか思うくらいです。

Microformatsのhresumeを追加したらGoogle Adwordsで求人広告がでるようになった

2008年8月23日 sakuramaru | 個別ページ | コメント(0) | トラックバック(0)

ちなみにhresumeは履歴書とか職務経歴書を記述するためのMicroformatsです。

偶然か必然か。どっちかはわかりませんが、なんか出てきた。

XHTML CSS Guideline version 0.4 - loves Microformats

2008年8月11日 sakuramaru | 個別ページ | コメント(0) | トラックバック(0)

主な変更点は以下の5点です。

Micorformatsの記述に合わせてid class名を大文字区切りから"-"区切りに変更
CSSの設計を変更(common.cssとpages_layout.cssをskin.cssに統合)
default.cssをreset.cssに名称変更。
Templateを廃止。DesignModuleに統一。
Microformats reference 追加

XHTML CSS ガイドラインbeta

マイクロフォーマットの本を買いました

2008年7月27日 sakuramaru | 個別ページ | コメント(0) | トラックバック(0)

マイクロフォーマットとは、既にyahooやMicrosoft、Technorati、その他、有望なベンチャー企業などが採用していて、今後のWebのセマンティクス技術のひとつとして注目されている。また、FirefoxではAddonが公開されており、次期InternetExplorerでのサポートも予定されている。

マイクロフォーマットが他のセマンティック技術と大きく異なる点は、既存のHTMLのclass属性やrel.rev属性を使用して記述されるため、学習コストが大きくおさえられる点にある。

っぽいので、ちかくXHTML CSS ガイドラインbetaもマイクロフォーマットに準拠する形で、再定義しなおそうかと思ってます。(過去のデータは別個圧縮ファイルでダウンロードできる形でのこします)

マイクロフォーマット ~Webページをより便利にする最新マークアップテクニック~マイクロフォーマット(microformats)とは、既存の(X)HTMLを用いつつ、ウェブページの情報により豊かな意味を与え、構造化する仕組みです。ウェブページをマイクロフォーマットに対応させることで、ウェブページ上の情報を、コンピュータでも処理しやすくなります。人や組織のコンタクト情報をマークアップする「hCard」、セミナー、カンファレンス、ミーティング、コンサート、パーティなどのイベント情報をマークアップする「hCalendar」、人間関係をマークアップする「XFN」など、用途に応じて様々なマイクロフォーマットがあります。これらに対応したアプリケーションが、ページ内のマイクロフォーマットを適切に読み取り処理することで、情報をより高い精度で検索したり、異なるアプリケーション間でやり取りさせることが期待できます。