Category : Mootools

READ MORE

Webサイト内の限られた範囲に多くの情報量を掲載することができるタブインターフェース。今ではあたり前のようによく見かけます。そんなタブインターフェースについて、デザインや演出パターンの違うものを30種類紹介しているエントリー「30 CSS and Javascript Tabs Solutions」が参考になりそうだっ…

READ MORE

コミュニケーションサイトの様なSNSサイト構築の際やブログ構築の場合など、サイト内にカレンダー機能を実装することは結構よくあること。jQueryプラグインでの有名どころDatePicker.jsや使い勝手の良いFullCalendar.jsを使用することが多いのですが、そんなカレンダーをjQueryなどで実装する為のプ…

READ MORE

サイト上で頻繁に見かけるタブやアコーディオンメニューのインターフェース。ただパパッと切り替えるだけでは何となく淋しい感じがすると思っているのですがそんなタブ&アコーディオンのインターフェースにアニメーションを付けるスクリプトを30種類紹介しているエントリーの紹介。(エントリー自体は結構古い…)≫30+ Animated…

READ MORE

JavaScriptライブラリを使ってのPHOTOギャラリーは多々ありますが、mootools使用のブラインドエフェクト効果を掛けて画像を切り替える「Floom」が綺麗だったのでご紹介。≫Floom - Oskar Krawczyk - blog.olicio.us次の画像に切り替わるまでローディングバーが表示され、動…

READ MORE

サイト上に時間(時計)を表示することはあまりありませんがMootoolsを使って作れるフリップがパタパタめくれる時計が美しかったのでご紹介。≫Learn how to Create a Retro Animated Flip-Down Clock - Nettuts+上記ページはチュートリアルになっているので、HTML…

READ MORE

ここでもjQueryを使ってのサンプルはあれこれ紹介していますが、同じようなことをMootoolsで行った場合のテクニック集の紹介をしているエントリーがあったのでご紹介。≫20 Excellent Mootools Techniques for Rich User Interface | DevSnippetsスライド…

READ MORE

何気に好き嫌いが分かれるサイト上でのドロップダウンメニュー。ユーザビリティ等の問題もありますが、私的には嫌いではなかったり。(というか好きな方)そんなドロップダウンメニューをMooToolsを使って軽快な動きで作成できるライブラリがあったのでご紹介。まずはサンプルから。メニューボタンを横並びもしくは縦並び2パターンで対…

READ MORE

画像をマウスの動きに合わせて縦・横方向にグルグル3D回転させることができるスクリプトの紹介。グルグル感が気持ちよかったので試してみました。まずは横パターン使用方法もいたってシンプルで、必要なJSファイルを読み込ませ、回転させる画像群をIDで囲み<a>タグに関連クラスを付けるだけ。JSファイルは「mootoo…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner