Category » web topics

MacでFirefox用アドオン「HTML Validator」の代替手段

Firefoxが高速リリースサイクルへ移行してからというもの、アドオンの対応待ちでバージョンアップを躊躇してしまうケースがあります。Firefoxの複数のバージョンを共存する方法もあるようですが、セキュリティアップデートも兼ねているので多少なりとも安全面での不安が残ります。

アドオンの中でも「HTML Validator（HTMLの構文をリアルタイムで検証）」はお気に入りのひとつですが、未だMac OS XのFirefox 5には対応しておらず、どうしたものかなーと思っていたところ、代替手段を見つけたので紹介します。

乱雑モックアップさんのブログで興味深い記事があったので検証してみました。

どうやらFirefoxだけに発生するclearfix関連のバグみたい。
調べてみたところclearfixの「:after」の指定に問題が潜んでいるようで、Firefox 4.0でも同様の現象を再現できました。

※記事内で使われているclearfixは、いまどき ? いまさら ? clear fix のコード | ヨモツネットと同じものみたいなので、コードの解説はヨモツネットさんの記事を参照してみてください。コメント欄でも色々と言及されていて勉強になります。

入れ子構造のリストでjQueryを使ったシンプルな開閉式メニューを自作してみたところ、CSSやjQueryで色々と不具合に遭遇しました。

CSSだとIEだけ表示が違ったりすることはよくありますが、jQueryでもブラウザー毎に挙動が違うことがあるようで久しぶりにハマりました…