TOP  >  WebDesign  >  WEB制作で使えるJavascriptを使わない制作テクニック集「32 Javascript Alternatives with Pure CSS – Updated」
2011年01月04日

WEB制作で使えるJavascriptを使わない制作テクニック集「32 Javascript Alternatives with Pure CSS – Updated」

様々なWEBサイトで利用されているjavascript。様々なライブラリなども開発され幅広い表現が可能になっていますが、今日紹介するのはJavascriptを使わない制作テクニックを集めた「32 Javascript Alternatives with Pure CSS – Updated」です。


CSS Image Maps: A Beginner’s Guide | Noobcube

マップ、グラフなどを始め、様々なテクニックがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

NealGrosskopf.com l Create a JQuery Content Slider Using Pure CSS
javascriptを利用せずに、CSSのみを使ったコンテンツスライダー。


 
 
 
 
 
Perfect Full Page Background Image | CSS-Tricks
ウィンドウ幅を取得して自動的に背景画像を拡大、縮小してくれるテクニック。ダイナミックなWEBサイトに便利です。


 
 
 
 
 
Accordion using only CSS – Paul Hayes
CSSのみを使った、アコーディオン。javascriptではないので、動きはありませんがシンプルなアコーディオンが実現可能です。


 
 
上記の他にも様々なテクニックがまとめられています。jsを使わず、少しだけサイトにアクセントを加えたいという方は是非どうぞ。

32 Javascript Alternatives with Pure CSS – Updated | Speckyboy Design Magazine

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 01:03  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る