Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Javascript

[Javascript] Top 10 Best Free jQuery Plugin Of November 2010 – 11月に公開されたクールなjQueryプラグイン

  • Pocket
  • このエントリーをはてなブックマークに追加

11月に公開されたクールなjQueryプラグインをまとめた記事。ベスト10という事でそれほど多くはありませんが、新しいだけあって知らないプラグインが多かったので紹介。スライド関連がわりと充実している印象。すっかり既存技術だけあって、トランジションなんかもわりと凝ったものが増えてきましたね。ちょうどスライド&フェードを使ったサイト制作直前だったので、個人的にタイムリーな内容。

[HTML5] 10 Cool and Useful HTML 5 Tutorials – 使えるHTML5のチュートリアル

  • Pocket
  • このエントリーをはてなブックマークに追加

HTML5のテンプレートやクールな作例、Javascriptなどが紹介された記事。HTML5とわりとセットで扱われる事の多い、CSS3ガラみの紹介もあります。PC向けサイトのコーディングではまだそれほど実例は多くありませんが、スマートフォンやiPad対応においてはすでにバリバリ業務レベルとも言えるので、HTML5の記述例参考やコード素体を探す際に使えるまとめ記事。

[Javascript] 50 Useful jQuery Plugins to Enhance your Forms – フォームを拡張するjQueryプラグイン

  • Pocket
  • このエントリーをはてなブックマークに追加

フォームに関するjQueryプラグインをたくさん集めた記事。フォーム関連に限定しているのに50例も紹介されててなかなかアツいです。ウィザード形式のフォーム遷移、スタイル置き換え、オートコンプリート機能、遷移なしのエラー表示、キーパッド表示、機能的なカレンダーなどがあり、フォームがらみのJSに関する情報は、このまとめ記事だけで事足りるというくらい充実してます。

[Javascript] 26 Useful jQuery Navigation Menu Tutorials – jQueryを使って作られたナビゲーションメニュー

  • Pocket
  • このエントリーをはてなブックマークに追加

jQueryを使って作られたクールなナビゲーションメニューのまとめ記事。動きを使った見せ方というよりは、ドロップダウンメニューなどの機能性にフォーカスした内容です。メインナビゲーションの作例集としても悪くないかも。ナビゲーションどうすっかなー、って時にひとつ。

[Javascript] How to Build an RSS Reader with jQuery Mobile – jQueryを使ったサーバサイドのRSSリーダー

  • Pocket
  • このエントリーをはてなブックマークに追加

jQueryを使った、サーバサイドによるRSSリーダー。jQueryの使いどころは、いわゆるiPhoneライクな画面遷移UIの部分に使われていて、RSSの読み込みそのものはPHPで行っているようです。複数サイトを登録でき、個別記事のRSS整形までを行ってくれます。ひとつのモバイル対応サイトのようにも見えるので、RSSは吐いてるけどiPhone対応はコストがかかる、なんて場合にこれで代用するってのも手かもしれません。

[Web Design] 10 Beautiful JQuery Implemented Websites for Inspiration – jQueryをウマいこと導入したクールサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

jQueryをウマいこと導入したサイト。動きを前提とした見せ方や、ページ遷移のないコンテンツ切り替えなどがなかなかホットです。仕様が前衛的なだけに、デザインもどちらかというとデザイナーの好みそうなサイトが多く、見ていて楽しいです。jQueryをディープに導入したサイト制作を行う際に、アイデアを盗めそうなまとめ記事。

[Javascript] 7 Awesome JQuery Photo Plugins for Developers – フォトギャラリー関連のjQueryプラグインまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

サイト上にフォトギャラリーを用意する手段として、最近ではすっかりFlashに取って代わりJSが使われるようになりました。ここではフォトギャラリー関連のjQueryプラグインが7例まとめられてます。写真の見せ方次第でスライドショーで表示するプロセスも色々と変わってきますが、このまとめ記事なら用途に応じたプラグインが見つかりそうです。写真家の人のポートフォリオサイトや、商品写真の掲載に向いてそう。

[Javascript] Awesome jQuery Plugins And Techniques To Create Visually Excellent Websites – jQueryを使ったクールな装飾

  • Pocket
  • このエントリーをはてなブックマークに追加

jQueryを使った、クールな装飾テクニック。オンマウスによるフェード効果を追加したり、プルダウンやアラートをフェードさせたり、ボックス要素をスライドさせたり、ソレ系のjQueryプラグインが紹介されてます。人に「お!」っと思わせるちょっとした効果を追加したい時に便利なまとめ記事。


Warning: Trying to access array offset on false in /home/users/0/mantid2/web/mantiddesign/wp-content/themes/mStyle8/footer.php on line 8