LINEで送る
Pocket

本日は、ちょっぴり便利かな~っと思う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っぽいエフェクトが出せます。

気に入ったものがあれば、お試しください~。

Similar Posts:

LINEで送る
Pocket


2 Thoughts on “ちょっと便利なCSS Tips いろいろ”

コメントを残す

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