タグ

CSSとjavascriptに関するwww-tmccのブックマーク (2)

  • AKIBE - 最近のクロスブラウザコーディング

    Webページをコーディングする際に、昔から一番コストがかかる作業が各ブラウザへの対応です。 昔からWeb制作をしてきた人は、クロスブラウザ 、主にIEへの対応で苦労しないデザインとかタグの組み方のノウハウが蓄積していると思います。 IE6を基準に、無理なデザインはしない 透過PNGは使わない 各OS標準・共通の書体以外は全部画像にする ブラウザごとにCSSを細かく分ける 最新のCSSハックを研究・勉強する IEで使えないCSSセレクタは無いものとする つい最近まで、こんなセオリーがまかりとおっていました。 しかし今は、Javascriptのライブラリを使う方法が主流になりつつあります。シェア的にももう問題ないですし、何より簡単です。 IE9.js http://code.google.com/p/ie7-js/ IE5.x〜のIEをHTML5、CSS3に対応させ、さらにいくつかのバグも除

  • [JS]テキストの一部のみ最初に表示し、残りをアニメーションで表示するスクリプト

    パネルに配置したテキストを下部にいくにつれフェードアウトで表示し、残りのテキストをアニメーションで表示するコンテンツを実装するチュートリアルを紹介します。 残りのテキストをアニメーションで表示したキャプチャ [ad#ad-2] 実装 HTML HTMLはシンプルで、テキストと「Read More」ボタンをdiv要素内に配置します。 <div class="sidebar-box"> <p>パネルのテキスト</p> <p class="read-more"><a href="#" class="button">Read More</a></p> </div> CSS パネルの初期状態のサイズはスタイルシートで設定します。フェードアウトはCSS3グラデーションを使用します。 .sidebar-box { max-height: 120px; position: relative; overfl

  • 1