HOME ≫ Entry no.142 「パズル遊び中。」 ≫ [147] [146] [145] [144] [143] [142] [141] [140] [139] [138] [137]
パズル遊び中。
2006.09.10 ｜Category …天麩羅揚げ
現在、記事幅可変２＆３カラムのHTML階層調整中。可読性悪いですが、デザイン後回しなので御容赦。
一週間でもう構造忘れてる鳥頭。ヽ(´ｰ`)ﾉ
テンプレで遊ぶ時に自分が基本とするのは
今回は着せ替えやすいようにdivブロックの階層を組み替えていて、階層構造によって解析やカウンタのJavaScript挙動がびみょーに変わる場合があるなーと気を取られ。MacIEはJS弱いから目立つだけですが。（一部動作しないとか読み込みに時間かかるだけならまだしも、JS職人さまのブログでリンク移動が出来なくなった日には泣けた。弱いにも程があるだろうorz。何のスクリプトが引っかかってるのかな…よく出回っているプラグイン（サイドバー）折りたたみ・ツリー表示・レインボーリンクとかは大体行けるんだけど）
HTML初心者用おまけメモ：W3Cのvalid取れたらAnother HTML-lint gatewayで遊ぼう。満点への道は果てしなく遠いけど（笑）細々とhtml作法を教えてもらえて楽しい。
一週間でもう構造忘れてる鳥頭。ヽ(´ｰ`)ﾉ
テンプレで遊ぶ時に自分が基本とするのは
- HTML：W3C HTML Validation Service （英語）
- CSS：W3C CSS 検証サービス
今回は着せ替えやすいようにdivブロックの階層を組み替えていて、階層構造によって解析やカウンタのJavaScript挙動がびみょーに変わる場合があるなーと気を取られ。MacIEはJS弱いから目立つだけですが。（一部動作しないとか読み込みに時間かかるだけならまだしも、JS職人さまのブログでリンク移動が出来なくなった日には泣けた。弱いにも程があるだろうorz。何のスクリプトが引っかかってるのかな…よく出回っているプラグイン（サイドバー）折りたたみ・ツリー表示・レインボーリンクとかは大体行けるんだけど）
HTML初心者用おまけメモ：W3Cのvalid取れたらAnother HTML-lint gatewayで遊ぼう。満点への道は果てしなく遠いけど（笑）細々とhtml作法を教えてもらえて楽しい。
PR
●Thanks Comments
階層調整なら
FirefoxやMozilla、SeaMonkeyに搭載されているDOMインスペクタで軽くチェックするのが便利ですね。
もしかするとうちのサイトなんかをMacIEで見ると難儀しまくっているのかなぁ。
JavaScript使いまくりだし。
ちなみにLintの類は当然チェックするにしても私はあくまで目安としてですね。
いくら毎回エラーが出てもonkeypress属性を付けるつもりは毛頭無いし、accesskeyやtabindexも動的ページで中途半端に振ったら返ってアクセシビリティが低下しますので、一切振っていませんし。
HTML-lintで便利なのはDOCTYPE指定を無視して強制的にHTMLヴァージョンを指定してチェック出来る機能ですね。
Transitionalなサイトを「Strictにしちゃったらどうなるんだろう？」っていう時とか、将来的に上位規格に移行する事を踏まえてサイト構築する時はTransitionalなサイトでも殆どStrictで通る位にした方が良いですし。
Re:階層調整なら
こんばんは〜。
ブラウザにCSSやHTMLのチェック機能や編集機能ついてるのは便利ですね。WinでチェックするときはFFのお世話になることが多いです。
Mac用ブラウザではiCabのチェック機能が手頃なんですが、ブラウジングにちょと難アリで、チェック専門となってます。
>もしかするとうちのサイトなんかをMacIEで見ると難儀しまくっているのかなぁ。
いえいえ、suna77777さんの所はMacIEでも動作には問題ないです。カラム崩れも無いですし。
細かいMacIEのCSS小ネタは/Entry/95にありますので、ご興味がおありでしたらご覧下さい。
>ちなみにLintの類は当然チェックするにしても私はあくまで目安としてですね。
そうですね。自分もです。実際、ここをチェックすると「がんばりましょう」にしかなりませんが、放置（笑）
エラーレポでHTMLの作法（どの程度のタグを省略して大丈夫なのか）が分かり易いので、自分のようなHTML覚えたての段階にはいい参考書となります。DOCTYPE別チェックは便利ですね。
ブラウザにCSSやHTMLのチェック機能や編集機能ついてるのは便利ですね。WinでチェックするときはFFのお世話になることが多いです。
Mac用ブラウザではiCabのチェック機能が手頃なんですが、ブラウジングにちょと難アリで、チェック専門となってます。
>もしかするとうちのサイトなんかをMacIEで見ると難儀しまくっているのかなぁ。
いえいえ、suna77777さんの所はMacIEでも動作には問題ないです。カラム崩れも無いですし。
細かいMacIEのCSS小ネタは/Entry/95にありますので、ご興味がおありでしたらご覧下さい。
>ちなみにLintの類は当然チェックするにしても私はあくまで目安としてですね。
そうですね。自分もです。実際、ここをチェックすると「がんばりましょう」にしかなりませんが、放置（笑）
エラーレポでHTMLの作法（どの程度のタグを省略して大丈夫なのか）が分かり易いので、自分のようなHTML覚えたての段階にはいい参考書となります。DOCTYPE別チェックは便利ですね。