HatenaをXHTML+CSSで組みなおす
授業中、生徒は課題制作で忙しく僕は用無し。ってことで、○○○をXHTML+CSSで組みなおすシリーズ(?)第二段を勝手にこっそり作ってた。 なるべく皆が知ってるサイトで、コーディングが楽しそうなサイトを探してたのだけど、なかなか決まらず、結局、生徒のリクエストでhatenaのトップページを組みなおす事にしました。 hatenaは一部レイアウトにテーブルを使っているものの、基本はCSSでの段組がされているので、mixiを組みなおすような大きな軽量化は出来そうにない。なので、楽しみ方としては、いかに無駄なマークアップを減らしてシンプルなXHTMLで同じ見栄えを再現するかだ。 これがまた、パズルで遊んでいるときの感覚に似ていてとっても楽しい。近い将来、CSSで１つの要素に複数の背景画像がおけるようになったとき、このパズル感が失われてしまうと思うと残念でならない。(半分ホンキ) で、帰ってきて手直
2006年5月7日の日記 - 氾濫原
View Page Source ばっかりやるためウィンドウが増えるから 文章の書き方がソレっぽくなるから 非ストリクトなソースを徹底的に批判する病になりやすいから コンテンツを作ったほうが有意義だから 油断するとよくわからん他人の存在証明に付き合わされるから かっこいいサイトを見てもソースを見て「ふん、ストリクトじゃないわね！ 認めないんだから！」とかなるから とりあえず Another HTML-lint にかけて戦闘能力を測ろうとするから パンピーには通じないのにチャットでインライン要素を使いたくなるから Another HTML-lint が Accept: application/xhtml+xml してないことが気になるから W3C って MIT と Keio と、あと一つなんだっけ？とか思うから 最良の教科書は仕様書、とか思いはじめるから 指摘を受けて修正置換 トップ lif
Validator は完璧じゃない - lucky bag
(X)HTML や CSS やフィードなどが、仕様に準拠しているかチェックしてくれる Validator がいくつかある。こういったチェックツールってのはケアレスミスなんかを発見するのにスンゲェ便利なわけだけど、盲目的にチェック結果を信じてしまうのはよろしくない。 例えば、一個前のコメントで書いたけど、CSS Validator にもバグがある。単位なしの整数値を line-height の値に指定するとエラーを吐く。line-height: 1.0; などと小数点付きの実数値で指定するとエラーを回避できるんだけど、小数点なしの整数値でも Valid 。仕様書を見ても、小数点なしの整数値は不正だなんて書いちゃいない。 Firefox の拡張「Html Validator for Firefox and Mozilla」でも、ins 要素にブロック要素を内包させてるとNotice: inse
Valid！なXHTMLを学ぶ
cheesedog | Renewal File | 目的： モバイルからの画像の観覧が、できる限り可能であるために。 ファイルサイズの軽量化を心がけて、ダウンロード時間を短縮したい。 架空のページ。[ A fictitious page. ] kozika's moblogUK *Tune for Cherry*_| empty | * アップデートは終わりました。 Update was finished. * しかしながら、写真は空です。 However, photos(images) are empty. * なぜならば、moblogUKの編集ではdivとulのタグを使用することができません。 Because the contents edit profile of moblogUK cannot use tag to add
Valid HTML/XHTML - I'll sleep on it.
HTML-lintというと、まあ一般的にはAnother HTML-lintを指すだろう。って何処の一般なのかは知らんが。Another HTML-lintは非常に良いサービスで、単なる文法チェックにとどまらず、いわゆる宗教的と呼ばれるたぐいの文法であるとか、WCAGに基づくアクセシビリティのチェックまでも出来たりする。 あー便利だ、便利。マジ便利。 このチェックは採点方式で行われるのだが、DTD的にはあくまでValidな文書であっても、実際には減点されたりもする。たとえば、span要素が空だったり、p要素の中がbr要素だけだったりとか、こういうのは減点される。Authorは減点されるのを防ぐがためだけに、見栄え的に影響をあまり及ぼさない範囲、つまりたとえば空白を入れてみたりする。今のAnother HTML-lintではそれでも警告を発する。いやー素晴らしい。単にDTD的にValidかI
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Anmelden ‹ ‹radu darvaș› — WordPress
http://homepage2.nifty.com/hobbit/html/cssvalid.html
http://chankaz.cside4.jp/php/
RSS Validator - feedAnalyzer RSSの構文チェック