ちょっと便利な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を使って、とってもきれいなアニメーションが作れます。 4. CSS Gradient Text Effect コリスさんの記事でも紹介されていた、テキストにグラデーション効果をつけるスタイルシートです。 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っぽいエフェクトが出せます。 気に入ったものがあれば、お試しください~。

関連記事

2件のコメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です