一工夫でページのクオリティをアップするCSSとJavaScriptのソリューション集

Silverback Giveaway 一見、背景画像をCSSかJavaScriptで配置したように見えますが、CSSで普通に配置されたソリューションです。 テキストやリストが画像に重ならないように、marginを設定します。 HTML <textarea name="code" class="html" cols="60" rows="5"> <h3>Contest Details</h3> <div class="imagery""> <img src="imagery.png" width="205" height="400" alt="Imagery" /> </div> <p>...the introductory paragraph...</p> <ol> <li>...various bullet points went here...</li> </ol> </textar

[gagegogi]

勉強になります！

[wasai]

勉強用として後で見ておこう

[deloreanmc12]

デザインからっきしの自分にはためになる。

[arimaster]

CSSとJavaScriptのTips

[akaheru7]

一工夫でページのクオリティをアップするCSSとJavaScriptのソリューション集

[forcutie]

手作りtooltip / 角丸png

[pitworks]

1.コンテンツイメージをインラインに配置 2.タイポグラフィのトリック 3.パネルがオーバーレイで表示 4.特定箇所をハイライト表示 5.追従するナビゲーション 6.テキストに対応したサムネイル...etc

[ys0000]

色々な見せ方の参考に。

[utanaka]

サンプルソースを提示してくれているのでわかりやすいです。

[sanagi1208]

# 1. コンテンツイメージをインラインに配置 # 2. タイポグラフィのトリック # 3. パネルがオーバーレイで表示 # 4. 特定箇所をハイライト表示 # 5. 追従するナビゲーション # 6. テキストに対応したサムネイル # 7. アーカイブペ

[iceboy]

# 1. コンテンツイメージをインラインに配置 # 2. タイポグラフィのトリック # 3. パネルがオーバーレイで表示 # 4. 特定箇所をハイライト表示 # 5. 追従するナビゲーション # 6. テキストに対応したサムネイル # 7. アーカイブペ

[billy-elliot]

"[css][javascript][jquery][webdesign][html]"

[kiyokichi]

　jQuery使わないツールチップの表示方法とか、文字を拡大・overflow:hidden;とかで下がきれている画像のように見せたりなど。軽く感動。

[tomokui]

追従するナビ

[phista]

8. ホバーで透過の角丸いいね！

[fuji_hiro]

CSS Webデザイン

[savoioa]

一工夫でページのクオリティをアップするCSSとJavaScriptのソリューション集 | コリス

[mitchikeuchi]

ちょっとしたアイデアや一工夫で、ページのクオリティをアップするCSSとJavaScriptの10のソリューションをSmashing Magazineから紹介します。

[tsutomura]

スクロール

[kojika17]

ちょっとしたアイデアや一工夫で、ページのクオリティをアップするCSSとJavaScriptの10のソリューションをSmashing

[osugiura]

CSS、JavaScriptのソリューション集、Webデザイン

[granchio23]

あとで何個か試してみよう