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

Browse By

Tag Archives: Javascript

[PHOTO TOOL] 50 Excellent Image Galleries You Can Use Today – 今日から使えるスライドショー

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

JavascriptやFlashを使った、画像スライドショーを集めた記事。過去に紹介したものもいくつか含まれますが、すごいのはその数。50個ものフォトギャラリーが紹介されてます。っていうかこんなにあるんスね。フォトギャラリーって、扱う写真によって見せ方や操作法に向き不向きがあるから、適材適所に使えるとイイ感じですね。

[JAVASCRIPT] 60+ Must Have jQuery Toolbox – jQueryの

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

jQueryを使った各種プラグインが紹介されてます。アニメーション、Lightbox、イメージに対するエフェクト、スライダーとトランジション、フォーム拡張(装飾など)、タブやドロップダウン表現、テーブルとデータの扱いなど、カテゴリごとに分けて紹介されてます。60個という数もなかなかのもんです。jQueryってサードパーティーのプラグインが豊富にあるのが魅力ですよね。またページ上部ではチートシートも紹介されてます。

[WORDPRESS] 15+ Plugins to Unleash the Invincible Power of jQuery and WordPress – jQueryとワードプレスを解き放つ15のjQueryプラグイン

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

「解き放つ」だなんて書いちゃいましたが、けどホントにそう書いてあるんですものw 紹介されてるTipsの内容は、記事のレーティング、jQueryを使ったLightbox、jQueryを使ったコメントプレビュー、アーカイブメニューのスライド表現、コメント入力補助、IE6アラート、jQueryを使ったログインパネルなど。jQueryガラみが多いですね。リッチなブログインターフェースを目指すのであれば、結構参考になる記事ですね。

[JAVASCRIPT] 20 jQuery Tutorials And Plugins To Impress Your Friends – クールなjQueryプラグインまとめ

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

クールなjQueryプラグインが20個まとめられてます。アニメーション関係、タブ表現、ドロップダウンメニュー、スライディングイメージ、フェーダー、スライドメニュー、MacOS X風のDock表現、フォームカスタマイズ、引き出し式のログインパネルやサーチメニュー(これナイス)、アコーディオン、ポラロイド風のフォトビューアーなどなど。サイト内で動きのある表現や、ちょっと変わったUIを使いたい場合にナイスな記事。

[AJAX] Create a Twitter-Like “Load More” Widget – Twitterの“もっと読む”ボタンみたいなのを作る

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

Twitterのメイン画面下の方にある、「もっと読む」のボタンって使いやすいっすよね。画面遷移なしでエントリーが読み込まれて、どんどん追記されるという仕組み。あれのチュートリアルとデモが紹介されてます。なんかこう、CGM系のサイトとか作る際にイイっすねこの仕組み。

[JAVASCRIPT] 10 Rare and Cool jQuery Plugins – クールなjQueryプラグイン

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

クールなjQuery用プラグインが10個紹介されてます。Rareというだけあって、今まで知らなかったものが多いです。iPhoneのスライドインターフェースを模したもの、Lightbox亜種、テキストエフェクト、MacやWindowsのOS UIを模したスクロールバー、ToolTip、プルダウン、スライダーなどが紹介されてます。スクロールバーリプレイスとか地味に使う機会ありますよね。紹介されてるプラグインの数こそ少ないものの、実用的なものばかりの良記事。

[WEB DESIGN] Animating Design Elements: 7 Unique & Creative Practices – 動きのあるデザインの好例

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

動きのあるウェブサイトを制作する上での、7つのユニークでクリエイティブな例を紹介した記事。7つの例それぞれに複数のサイトが挙げられてます。動きで見せる表現というと最近ではJavascriptを使う場合が多く、どのサイトもJSを使ったスライドやフェード効果によって演出されてます。動くメニュー、スクロールするコンテンツ、フォーム補助、タブ表現、ユニークなホバーエフェクト、スライドショー、トグルによる変化などがその例。リッチなコンテンツ表現をしたい場合に参考になります。

[JAVASCRIPT] Creating a Keyboard with CSS and jQuery – CSSとjQueryを使って作るソフトウェアキーボード

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

サムネがほぼ真っ白ですな・・・w CSSと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