[Javascript] Chosen – jQueryを使ったフォームデザイン置き換え
jQueryやPrototypeを使った、フォームデザインを置き換えるプラグイン。サイト上ではBefore and Afterが紹介されてます。プルダウンやマルチセレクトなどが見た目に美しい絵に置き換えられます。実際に導入してないので何とも言えませんが、チェックボックスやラジオボタン、インプットなどはないのかも。導入も簡単そうなので、サクっとフォーム装飾をしたい時に便利かもしれません。
Tag Archives: Javascript
[CSS3, Javascript] Syropia Labs – CSSとjQueryで作られたウェブパーツの作例紹介サイト
CSSとjQueryを使って作られたWebパーツの作例紹介サイト。いろんな人の作例をまとめたものではなく、個人のデザイナーの作例集なので、紹介されてる数はそれほど多くないけど、作風がクールなのと、各パーツのソース一式がダウンロード可能な点がナイスです。iOSのUIからの影響が濃く、Webフォームにおいて使いやすそうなパーツがいくつか紹介されてます。インターフェース考察の参考としてもナイスですねー。
[Javascript] 15 Fresh jQuery Menu Plugins and Tutorials – jQueryを使った動きのあるナビゲーションメニュー
jQueryを使った動きのあるナビゲーションメニューのまとめ記事。ドロップダウン、マウスオーバーでのアクション、アコーディオンなどのナビゲーション表現が紹介されてます。ニュっと出てくるドロップダウンメニューの作例が多いっすね。動きを使ってちょっと派手にメニューを見せたい時などにナイスなまとめ記事。
[Javascript] 33 Excellent jQuery Tutorials – jQueryプラグインに関するチュートリアルまとめ
33個のjQueryプラグインに関するチュートリアルをまとめた記事。リンク先ではそれぞれのプラグインのチュートリアルと、デモが用意されてます。プラグインをまとめただけでなく、導入やカスタマイズについて解説された記事ばかり集めている点がナイスです。最近コーダーに求められるスキルって、こういうの増えてきましたよね。
[CSS, Javascript] Five Useful Interactive CSS/jQuery Techniques Deconstructed – CSSやJSに関する役立つテクニックの考察
CSSやJavascriptを使って行う、役に立つテクニックに関する考察記事。テキストエフェクト、バックグラウンドのアニメーション、メガドロップダウン、スライダー（スライドショー）、アイコンやボタンのアニメーションという、よく使われる5つの表現に関して解説がされてます。テキストエフェクトやスライダー、アイコンのマウスオーバーによるアニメーションなどは主にjQueryを使ってよく使われる表現。デモページを使って、導入の流れやカスタマイズについてあれこれ解説されてるので、プログラマーではないけど導入までできるようになりたいデザイナーの人向けの記事なのかも。まぁ自分がそのタイプなんですが。というわけでなかなか読み応えあります。
[Javascript] 45+ New jQuery Techniques For Good User Experience – jQueryを使った45の新しいテクニック
jQueryを使った45の新しいテクニック、というまとめ記事。とは言ってもわりと他の記事でも見かける内容のものがチラホラあるので、どれも最新！っていうほどではなさそうです。動的コンテンツ、フォーム関連、ナビゲーション、コンテンツ操作、テーブル（ソートとか）、Lightbox、イメージギャラリーやスライドショー、アニメーションやエフェクト、イメージ操作、その他といった感じでカテゴリ分けされて紹介されているのが見やすいです。jQueyrを使った表現のネタ収集にナイスな記事。
[Javascript] Useful JavaScript and jQuery Tools, Libraries, Plugins – 使えるJSやjQueryプラグインまとめ
使えるJSやjQueryプラグインをまとめた記事。記事は主に3分割されていて、JSライブラリについて、JS Toolやユーティリティ、jQueryプラグインについてそれぞれ紹介されてます。紹介されている作例数が多く、なかなか見応えのある内容。最後のjQueryプラグイン紹介については、これ系のまとめ記事でよく目にするものが紹介されてます。JSがらみのネタ収集に是非。
[Game] Doom on the Web – ブラウザ上でプレイできるDOOM
ブラウザ上でプレイできる初代DOOM。若い頃からパソコン使ってた30代くらいの人にとってはなじみの深い懐かしい画面っすね。MozillaのDeveloper Networkに投稿されたもののようで、ソースコードもDLできます。「Launch Demo」のボタンをクリックすると、ちょっと待たされた後でプレイできます。移動は十字キー、発砲はCtrlキー。Macでプレイすると、Ctrl + 十字キーでSpacesのショートカットがキマっちゃってギャースとなりやすいです。以前ハマった名作ゲームがブラウザ上でできるなんてなんだかスゴいっすね。ナイスなおっさんホイホイ。