ちょっと便利なCSS Tips いろいろ
本日は、ちょっぴり便利かな～っと思うCSS Tipsをいろいろご紹介。
既に、ご存知のものも多いかもしれませんが・・・
1. Image map for detailed information
FlickrみたいなImageMapが作れます。
2. How to Create Flick Animations with CSS
JavaScriptを使わずに、CSSと画像でアニメーションが作れます。
3. FACE: Faruk’s Animated CSS Enhancements
JavaScript と CSSを使って、とってもきれいなアニメーションが作れます。
コリスさんの記事でも紹介されていた、テキストにグラデーション効果をつけるスタイルシートです。
5. css: add a loading icon to your larger images
重たい画像を貼り付けるときは、ローディングイメージを背景に設定しておくと便利かも。
6. Creating a table with dynamically highlighted columns like Crazy Egg’s pricing table
Crazy Eggで使われているような、ひとつのカラムを強調したように見せるチュートリアル。
7. How to make sexy buttons with CSS
とってもセクシーなボタンが作れます。
8. Checkmark Your Visited Links with Pure CSS
訪問済みリンクにチェックマークがつきます。IE6ではサポートされていませんが・・・
9. footerStick
フッターを常にページの最下部にくっつけることができます。
10. CSS Dock Menu
jQueryとCSSを使って、MacのDockMenuっぽい効果が出せます。
11. Create a Lightbox effect only with CSS – no javascript needed
JavaScriptを使わずにLightboxっぽいエフェクトが出せます。
気に入ったものがあれば、お試しください～。
|
|
|
January 20th, 2008 at 2:34 pm
CSSとJavaScriptだけでこれだけの事が出来るのはすばらしいですね。勉強材料にします！
April 16th, 2008 at 2:06 am
[...] 以前『ちょっと便利なCSS Tips いろいろ』で、既にご紹介したものもありますが… [...]