[B! スタイルシート][css] imai_0707のブックマーク

imai_0707 id:imai_0707

スタイルシートとcssに関するimai_0707のブックマーク (3)

[CSS]classを加えるだけで多彩なアニメーションが簡単に使用できるスタイルシート -Animate.css
フェードイン、フェードアウト、バウンド、シェイク、回転などのアニメーションを簡単に使用できるクロスブラウザ対応のスタイルシートを紹介します。 ※JavaScriptは一切使用していません。 Animate.css - a bunch of plug-and-play CSS animations [ad#ad-2] Animate.cssの使い方「animate.css」を外部ファイルとして指定し、アニメーションを加えたいエレメントにclassを付与するだけです。外部ファイル <link rel="stylesheet" href="animate.css" /> エレメントにclassを付与 <p class="flash">Live long and prosper.</p> Animate.cssの実装デモでは、classを付与するだけで、多彩なアニメーションが簡単に利用できま
imai_0707 2011/10/18
class

webサービス

スタイルシート

css

css3

アニメーション

プログラミング

webデザイン

web制作

webdesign
リンク
[CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス
Matthew James Taylorのエントリーから、高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介します。 Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2カラム demo: 3カラム以前、紹介した「高さの異なるカラムを揃えるスタイルシート」では、ページ内アンカーで要素が消失したり、IEで印刷できないなどの不具合がありましたが、今回紹介するものは、その２つの不具合が無いものとなっています（IE7調べ）。対応ブラウザは、IE5.5, 6, 7, Fx1.5, 2, 3, Op8, 9, Safari, Google Chromeなどほとんどのものに対応しています。仕組みはカラムごとにdivを用意し、それぞれをずらして配置します。下記は、そのイメージです。
imai_0707 2008/10/30
*css

webデザイン

webdesign

クロスブラウザ

スタイルシート

css
リンク
[CSS]よく利用するスタイルシートの指定 -General Style | コリス
サイト制作時、ブラウザがもつスタイルを初期化し、ブラウザごとのレイアウトの差異を無くし、その上でスタイルシートでレイアウトを行います。使用するスタイルシートはサイトにより異なりますが、共通で使用しているスタイル(General Style)も多くあるので、それの2007年版です。スタイルの初期化の続編になります。スタイルの初期化スタイルの初期化(前編) -全称セレクタとhtml, body編スタイルの初期化(後編) -body内の個別タグ編 General Style -テキストの装飾関連 General Style -行揃え・フロート関連 General Style -ブロック関連 General Style -アシスト関連 General Style -リスト関連 General Style -2007のメモ General Style -テキストの装飾関連テキストの装飾と
imai_0707 2008/08/31
web制作

初期化

css

tips

スタイルシート

レイアウト
リンク
1