jQueryを使った、デザインを拡張するJavascriptまとめ。スライドショーやLightbox亜種系が多いっすね。Spacegalleryっての、マックのTime Machineみたいでなんだかスゴい。デザイン主体ではなく、技術主体で作られるデザインってのも、なんだかウェブ的でイイなぁと思うのであります。
Tag Archives: Javascript
[JAVASCRIPT] 14 jQuery Plugins for Working with Images – イメージに関するjQueryを利用したJS
jQueryを利用した、イメージに関するJSのナイスなものを集めた記事。DIVスライダー、スライドショー、サムネール装飾、ページ遷移なしの画像拡大、ブラウザサイドでの画像加工、DIVコーナーの装飾といったJSが紹介されてます。対象が画像だけあって、主に装飾や演出関連ですね。サクっと導入できそうなものも多いので、導入を考える前に読んでおくといいかもしれません。
[WEB DESIGN] 50+ Freebies Every Web Designer/Developer should have – デザイナーなら知っておいた方がイイ色々なアレ
デザイナーやウェブデベロッパなら知っておいて損はない色々、という記事。フォント、フォトショップ用ブラシ、アイコン、JSといった感じで、いろんなものが集められてます。しかしながらこのフォント集・・・イロモンばっかじゃんｗ まぁこういうの好きだけどさ。他人のお気に入りの素材集って、なんだかオモろいっすね。
[WEB DESIGN] Slideshows In Web Design: When And How To Use Them – スライドショーの使い道
JSを使ったスライドショーって、一時期のFlashを使ったものに代わって普及しましたね。なので今ではいろんなスライドショーJSが流通してますが、どんなサイトでどんなスライドショーが適しているのか、他人の仕事を見て勉強しましょう、みたいな記事。閲覧性に優れたもの、デザイン的にクールなもの、動きに凝っているもの、色々ありますが、結局のところ目的と素材次第で向き不向きありますからね。そんな時に便利な気がする内容でした。
[WEB DESIGN] 11 Excellent Solutions for Creating Tooltips – エクセレントなTool Tip
エクセレントなTool Tipがまとめられた記事。各紹介は、それを実現するためのチュートリアルにリンクしてます。中でも個人的にアツいのがPanicのCodaのアレ。チュートリアルが紹介されてるので、こりゃいつか使ってやろうなんて思ってます。どれもCSSとJavascriptで作られてるので、わりと簡単に導入できそうです。いやー助かるなぁ。
[CSS] Beautiful Forms – Design, Style, & make it work with PHP & Ajax – クールで便利な入力フォーム
CSSとPHP、Ajaxなどを使って作られた、クールな入力フォームが紹介されてます。見た目だけでなく、予測入力など使い勝手の上でもエクセレントなものがあります。入力フォームって言ってみればサイト内でも地味な部分だけに、気の利いた事してくれるサイトってイイ感じですよね。
Beautiful Forms – Design, Style, & make it work with PHP & Ajax >>
[JAVASCRIPT] Easy Display Switch with CSS and jQuery – リスト表示の方法をCSSとjQueryで変更
タイトルだけじゃ何の事か分かりませんね。左のサムネール上部にある“Switch View”ボタンをクリックする事で、リスト表示の方法を変更するというJS。デモページで触ってみるとだいたいどんなものか分かりますが、これってECサイトとかでスゴくナイスな気がする。基本サムネール表示で、詳細表示にすれば遷移なしである程度の商品詳細が見れるっていうような配慮って、なかなか気が利いてるような気がします。