[B! CSS][JavaScript] wavementのブックマーク

IE5～8をCCS3の疑似セレクタ対応にするスクリプト - ie-css3.js

CSS3に対応していないIE5/6/7/8をCSS3の擬似セレクタに対応させるスクリプトを紹介します。 ie-css3.js 対応するセレクタは、下記の11種類です。 :nth-child :nth-last-child :nth-of-type :nth-last-of-type :first-child :last-child :only-child :first-of-type :last-of-type :only-of-type :empty スクリプトの動作は、セレクタを見つけたらシミュレーションしたものに変更されて適用されている、とのことです。スクリプトの使用方法は、DOMAssistantと併用し、外部スクリプトとして記述します。 <textarea name="code" class="html" cols="60" rows="5"> <head> <script t

wavement 2010/01/24

CSS3に対応させる

リンク

2/3 CSSハックを使わずIEのバグに対処する方法 [ホームページ作成] All About

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。 ...続きを読む「条件付きコメント」とはスタイルの適用方法を説明する前に、「条件付きコメント」の記述方法を説明しておきます。 IEの独自拡張である「条件付きコメント」は、以下のような書式でHTML中に記述します。

wavement 2009/12/04

<!--[if IE ]> の詳細

リンク

手軽に導入しやすい特徴的な14のドロップダウンメニューサンプル

なかなか素敵なまとめ記事がありました。大規模なサイトに最適なリンク案内として、ドロップダウンメニューの導入が使われる事がありますが、今回のエントリーは、こうしたメニューの導入を簡単にしてくれるものとなるでしょう。 CSS、jQuery、MooTools、JavaScript WEBサイトのメニューはシンプルであるべきと考えます。大規模なWEBサイトでは、ドロップダウンメニューを設置することで、ユーザーが容易に移動できるようになる。時にそれらの設置が難しい時は以下を開いてみると良い。 14 Easy to Implement Drop Down Menu Solutions | Web Design Ledger 14ある中で今回触った感触としてお勧めが5つ。現れ方がカッコいいドロップダウンメニュー ClarkLab ? Animated Drop Down Menu with jQue