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

Browse By

Tag Archives: Javascript

[JAVASCRIPT] 10 Fresh jQuery Tutorials to Enhance Navigation Menus – jQueryを使ったナビゲーションメニュー

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

jQueryを使った動きのあるナビゲーションメニューが10個集められた記事。メインメニューやプルダウンメニュー、サブメニューなんかにも使えそうなメニュー類が紹介されてます。ただ単に動きをつけるだけでなく、動きを使って機能的に見せる工夫がされたものなど、JS面からデザインへフィードバックできるような表現ってイイっすね。

[JAVASCRIPT] Free Slideshow, Gallery And Lightboxes Scripts – スライドショーやLightbox亜種まとめ

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

フォトスライドショーやLightbox亜種など、イメージを見せる際の一工夫にぴったりなJSを集めた記事。多くはJSですが、一部Flashを使ったものも含まれてます。手法を限定せずにツールが集められているので、「見せ方重視、ツールはなんでも構わない」という場合にイイですね。一昔前に比べると、写真の見せ方にも幅が増えてきましたね。

[JAVASCRIPT] 20 jQuery Plugins Worth Implementing into your Themes – jQueryのナイスなプラグインまとめ

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

ウェブサイトに追加するとナイスだYO!というjQuery用おすすめプラグインが20個紹介された記事。見せ方というよりは機能面をサポートするものが多いので、用途次第で自分のブログ向きのプラグインが見つかるかも。Tooltip、レーティング、アップローダー、Lightbox亜種、スライダー、MacOS X風のドック表現、アコーディオン、フォームバリデーション、ズーム、画像トリミング、Google Maps補助、カレンダーなどのプラグインが紹介されてます。

[JAVASCRIPT] 20 Fantastic Latest jQuery Plugins – ファンタスティックなjQueryプラグイン

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

ファンタスティックなjQueryプラグインが20例紹介された記事。これといってジャンルを縛らずまとめられてます。Lightbox亜種、スライドショー、iPhone対応、スライダー、YouTube再生補助、アップローダー、翻訳ツール、カレンダー、MacOSのDock風ナビゲーション、ズーム表示、Twitter表示ツール、イメージトリミングと、幅広く揃ってます。jQueryってプラグインの数が豊富なだけに、ひとつの目的でも複数の選択肢があるのがナイスですね。

[JAVASCRIPT] 35+ Create Amazing Image Effects and Sliders with These Awesome jQuery Plugins – 画像に関するjQueryプラグイン

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

画像に関するエフェクトや編集用のjQueryプラグインが多数紹介されてます。スライダー、イメージトリミング、オンマウスによるキャプション表示、イメージロテイター、イメージスイッチ、スライドショー、画像オーバーレイ、ズーム、Lightboxクローン、画像装飾などがその内容。スライド関係のものが多いなぁという印象。ソレ系のJSを探す時にちょうどイイ記事ですね。

[WEB DESIGN] 100 Fantastic Resources For Web Designers – デザイナーのためのファンタスティックなリソース集

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

これはスゴい。デザイナーのためのファンタスティックなリソースまとめ記事なんだけど、その種類と数がなかなかエクセレントです。アイコン、チュートリアル、Javascript、ウェブアプリケーション、ワードプレスプラグイン、ウェブテンプレート、ブラウザプラグイン、PSD、ソフトウェア、ワードプレステーマといった感じでカテゴリ分けされて紹介されてます。質も量も素晴らしい記事。ただ残念なのが、各カテゴリの見出しがClearされていない点。これHタグにclear:both入れてくれると見やすいんだけどなぁ。

[JAVASCRIPT] 10 incredible JQuery navigation menus – jQueryを使ったクールなナビゲーション

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

JSライブラリとしてjQueryを使用した、クールなナビゲーションまとめ記事。ドロップダウンメニューや動きのあるFlashっぽいメニュー、オンマウス時にフェード効果を追加したものなど色々あります。ナビゲーション面でちょっと凝ったことしたい時に参考になりそうな記事。

[JAVASCRIPT] 25+ Paramount jQuery Tutorials – 25の便利なjQueryプラグイン

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

便利なjQueryプラグインが25例紹介された記事。Ajaxを使った検索補助、ページ遷移なしの入力フォーム、マウスオーバーによるエフェクト、スライド表現、テキストや背景の色変更、ドロップダウン、スライドショーなどがあります。各リンク先では実装に関するチュートリアルも紹介されています。


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