MdN Design｜総合情報サイト
第16回（最終回） 最新のデザイン表現を適用する ここまで紹介してきたCSSのレイアウトや装飾テクニックは、現在利用者の多いInternet Explorer 7や8、Safari、FirefoxなどのWebブラウザでほぼ問題なく動作するものでした。本連載の最終回は、未来に向けた準備として現在策定中の「CSS 3」の中からモダンブラウザで既に適用可能なスタイルをいくつか紹介します。 （公開日：2010年4月16日 解説：こもりまさあき） 現在策定中のCSS 3について CSSで指定したスタイル指示は、WebブラウザのCSSサポートの度合いによって適用できるかどうかが異なります。例えば、今現在の主流であるブラウザの多くではCSSレベル2（CSS 2）をサポートしているものがほとんどです（特定のプロパティだけ未サポートも含め）。その一方、現在CSSの次のバージョンにあたるCSSレベル3（CSS
CSS（CSS3）のみでアコーディオンUIの作成方法｜BLACKFLAG
Webサイト上で今では頻繁に見かけるアコーディオンUI。 この動作は基本的にはJavaScriptやjQueryなどスクリプトを使って実装することになりますが、 CSS3アニメーションだとスクリプトを使わずにCSSのみでアコーディオンUIを実装することが可能になります。 今回はそんなアコーディオンUIをCSSのみで実装する方法を紹介してみます。 まずは動作サンプルから。 ※動作環境はWebkitブラウザのSafariやChromeのみです！！！ CSS3 ACCORDION ≫アンカーリンクが効いてしまって、うまく動作が見れない場合はこちらから 各リスト（リンク）をクリックするとアコーディオン形式でコンテンツが表示されます。 クリック後、現在アクティブな状態のリストに対しては背景色等も変化させています。 内部構成について。 まずはHTMLソース。 ◆HTML <dl id="content
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Coding assessment test - jsdo.it - Share JavaScript, HTML5 and CSS
