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

Browse By

Tag Archives: Javascript

[JAVASCRIPT] 25 Useful MooTools Tutorials – ナイスなMooToolsプラグインと、そのチュートリアル

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

わりと最近じゃJSガラみのエントリというと、jQueryプラグインが多いですが、こちらで紹介されてるのはmootools関係のプラグイン。それぞれチュートリアル付きで25例紹介されてます。動きやエフェクトに関して充実しているのはどちらも一緒ですね。mootools導入済みサイトなんかで是非これひとつ。

[JAVASCRIPT] 15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials – jQueryを使ったスライドショー

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

jQueryを使った画像スライドショーのプラグインまとめ記事。JSライブラリとしてjQueryに限定しているのに、15個も紹介されてます。mBlogでは使ってませんが、仕事JSライブラリを導入する時は最近じゃだいたいjQueryをチョイスしてます。プラグインが豊富にあるので、実際のトコJSがまるで読めない自分みたいな制作者でも、それなりになんとかなったりします。1ページ内で写真をまとめて掲載したい時なんかにイイっすね。

[JAVASCRIPT] Sexy Drop Down Menu w/ jQuery & CSS – セクシーなドロップダウンメニュー

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

jQueryを使った、セクシーなドロップダウンメニュー。セクシーかどうかは別として、これわりとイイ感じ。メインメニューとサブメニューが混在するサイト構成で、サブメニューをまとめるページが存在する場合に使いやすいっすね。親メニューに行くボタンと、子メニューに直接行くためのドロップダウンを分かりやすく混在させる事ができます。動作デモページはこちらから見る事ができます。

[JAVASCRIPT] The Ultimate jQuery List – 膨大な数のjQueryプラグインを1ページで紹介するサイト

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

膨大な数のjQueryプラグインを、1ページで紹介するサイト。数が数なだけにページの長さと重さは尋常じゃないですが、これだけのプラグインが揃ってる様子は圧巻でございます。それぞれカテゴリ別に並んでいるので、閲覧性は良くないですが、用途に応じて探せそうな感じです。

[JAVASCRIPT] 36 Eye-Catching Jquery Navigation Menus – アイキャッチとなるjQueryを使ったナビゲーション表現

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

jQueryを使った、アイキャッチとなり得るナビゲーション表現、という記事。jQueryを使うというあたりで、「あぁ動きに凝ってるんだな」って想像はできますね。実際フェード表現やスライド表現、スムーズな拡大縮小を使ったMacOS XのDockのような表現が主な内容です。

[WEB DESIGN] 45+ Really Essential Free HTML [Form] Enhancements – フォーム関係の装飾や機能拡張

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

入力フォーム関係のクールな装飾方法や、Javascriptを使った機能拡張についてまとめられています。フォームってわりと味気ない印象になってしまいがちなウェブパーツですが、だからこそそこをウマい感じに装飾できたり、便利に付けるようにカスタマイズするとかっこイイですよね。jQuery Timepickrあたり見せ方がとってもイカす。

[JAVASCRIPT] Simple Page Peel Effect with jQuery & CSS – ページをめくるようなエフェクト

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

jQueryとCSSを使って表現する、ページをめくるような動きのあるエフェクト。ソースやデモページも公開されているので、同じようにやればサクっと導入できそうな感じです。ページ遷移するまでもない、ちょっとした情報を掲載する際に使えそうです。動きも見た目もスタイリッシュだし。

[JAVASCRIPT] 10 Transition Effects: The art of Showing/Hiding Content – DIVボックスを出したり隠したりするJS

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

最近たまに見る、DIVボックスをスライドさせる事でコンテンツを出したり隠したりするJSが10個まとめられてます。色々ありますな。JSによって使用しているライブラリが異なりますので、そこはひとつ自分に合ったものを選びましょう。この手のJSをちょうど比較したかったところなので、個人的にとってもタイムリー。


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