[Javascript] 10 Best And Useful jQuery Tutorials Of June 2010 – jQueryプラグイン10選
2010年6月に公開されたjQueryプラグインをまとめた記事。わりと最近のものだけに限定されているので、どれも初めて目にするものばかりでした。Awesome Cufonized Fly-out Menu with jQuery and CSS3とかなかなかかっこいい。ネタ数的にはそれほど多くないけどなかなかの良記事。
Tag Archives: Javascript
[JAVASCRIPT CSS] 25 Beautiful Examples of jQuery and CSS Drop-down Menu Tutorials – jQueryとCSSで作るドロップダウンメニュー
jQueryとCSSで作るドロップダウンメニューが25例まとめられた記事。出現プロセスや階層化の有無、並び方やトランジションなど、ドロップダウンにも色々あるのが分かります。これだけの数が揃ってると、だいたいどんな作例でも見つかりそうです。ベースとするスクリプトを探す際に便利な記事。
25 Beautiful Examples of jQuery and CSS Drop-down Menu Tutorials
[Javascript] 35 jQuery Animation Tutorials – jQueryを使ったアニメーション
jQueryを使ったアニメーション表現のまとめ記事。メニューの出現やキャラクターのアニメーション、動きを持たせた背景、トランジション付きのタブ切り替え、アコーディオン、動きを持たせたサムネール、オンマウスによるフェードやキャプションの出現など、様々なアニメーション表現が紹介されてます。サイトにおけるリッチ表現というか、なんかちょっと動かしたいって時のネタ収集にナイスな記事。
[WordPress] Top 10 Content Slider Plugins for WordPress – ワードプレス上で使いやすいコンテンツスライダー
WordPressで構築されたサイトにおいて使いやすいコンテンツスライダーが紹介されてます。どれもJavascriptを使った実装となり、その内のいくつかはjQueryをベースに制作されているようです。基本的にワープレのプラグインをアクティブにする形での実装となるので導入の敷居は低そう。ブログのトップページにおいて、トピック記事を紹介するのなんかに向いてますね。ポートフォリオサイトにも相性が良さそう。
[CSS3 JAVASCRIPT] CSS3 Rounded Image With jQuery – コーナーの角丸化に関するTips
CSS3で表現できるボックス要素の角丸化だけど、画像に適用したところ思ったような効果が出せなくて、CSS TrickとjQueryを使って解決したYO！という内容の記事。記事を見ると、画像の四隅を角丸化したけど、ブラウザによっては角が丸くならなかったりボーダーが消えたりしたからそれを修正。その後jQueryを使ってドロップシャドウを加える手順とデモが紹介されてます。いずれ使う事があるかも、と思ったので備忘録。
[JAVASCRIPT] 25 Excellent jQuery Slider Tutorials and Plugins – jQueryを使ったコンテンツスライダーまとめ
jQueryを使ったコンテンツスライダーのまとめ記事。25ものjQueryプラグインが紹介されてます。スライダーだけに限定している分、他のjQuery系のまとめ記事に比べるとより多くのスライド系プラグインが物色できます。最近じゃこうした表現を使ったサイトも頻繁に見かけるようになりました。スライドとフェードはすっかりjQueryの担当分野になりましたね。
[JAVASCRIPT] Apple-like Retina Effect With jQuery – iPhone 4のRetinaディスプレイの紹介っぽいエフェクト
iPhone 4のRetinaディスプレイの紹介ページで見られる、マウス操作による拡大鏡のような見せ方をjQueryで実装するというもの。ほぼAppleのサイトまんまの見せ方ができます。ソースコード一式もダウンロードできるので、実装もサクっとできそうです。とは言うものの、このエフェクトをウェブデザインにおいて何に使うのかというと用途は限られそうですが。あー24日が今から待ち遠しい。
[JAVASCRIPT] 30 jQuery Calendar Date Picker Plugins – jQueryを使った日付ピッカー
カレンダーをクリックすることで日付を取得するというjQueryプラグイン。フォーム入力の補助として使えそうなプラグインが多く紹介されてます。単純にカレンダーのデザインの参考としてもナイスな記事。いかにもiPhoneな雰囲気のカレンダーとかかっちょいいです。