jQueryでマウス動作が止まった時点で展開するドロップダウンメニューを実装する方法 2018/02/06
以前「jQueryでマウス動作がストップした時を判別して処理する方法」と題してjQueryでマウス動作がストップした時を判別して処理する方法を紹介しましたがそれを利用してドロップダウンメニューのロールオーバー動作をマウス動作がストップしたときに発動させるUI改善について紹介してみます。jQueryでマウス動作が止まった…
以前「jQueryでマウス動作がストップした時を判別して処理する方法」と題してjQueryでマウス動作がストップした時を判別して処理する方法を紹介しましたがそれを利用してドロップダウンメニューのロールオーバー動作をマウス動作がストップしたときに発動させるUI改善について紹介してみます。jQueryでマウス動作が止まった…
レスポンシブ対応を求められるWebサイト制作ではナビゲーションメニューの構成について何かと気を使わなくてはいけない点が出てきます。ウィンドウサイズによってナビゲーションメニューの形状を変化させるやり方は様々ですが便利に使えそうだと思ってメモしておいたJSやCSSでのチュートリアルがそこそこ溜まっていたので11種類ほどま…
Webサイト上で重要な役割を持つナビゲーションメニュー。ページデザインをする上で、ボタン素材のテンプレート集などは良くありますが、ナビゲーション全体のデザインテンプレートを36種類まとめたエントリー「36 Best Menu Designs Template」が参考になりそうなデザインがたくさんあったのでご紹介。36 …
昨年(2010年)に、サイト制作で役立ちそうなjQueryプラグインをまとめて紹介している記事を、自分用にメモっていたものが、まとまりきらなくなってきたので、ここに一部まとめて紹介してみます。jQueryを使ってサイトに華やかな演出を加えたり、UIを勉強するために役立ちそうなサイト(ブログ)のまとめ。60 Useful…
サイト内でのナビゲーションメニュー構成は特に重要視しなければいけないところ。見せ方から配置位置までユーザビリティを考慮したナビゲーション構成になることが望まれます。そんなナビゲーションメニューをjQueryを使って演出するチュートリアルを26パターンまとめた「26 Useful jQuery Navigation Me…
jQueryを使ってサイト上を華やかに彩ることが可能なプラグインを45種類ほどまとめた「smashingapps.com」のエントリーが見ていておもしろかったので紹介。≫Awesome jQuery Plugins And Techniques To Create Visually Excellent Websites…
限られた範囲で多くのリンクリストを配置するのに便利なドロップダウンメニュー。そんなドロップダウンメニューのjQueryプラグインを25種類集めたエントリー「25 jQuery Drop Down Menu Scripts」が参考になりそうだったので紹介してみます。≫25 jQuery Drop Down Menu Sc…
CSSplayにて紹介されていた、CSSのみで構成されているドロップダウンメニュー「A Dropdown Menu with CSS3 enhancements」のご紹介。≫Stu Nicholls | CSSplay | Professional CSS3 Drop All menuCSSのみでの構成なのでアニメーシ…
jQueryを使ってのドロップダウンアニメーションは色んなプラグインがありますが、jQueryとCSS3を組み合わせて、今までにない動きでナビゲーションを演出している「Slide Down Box Menu with jQuery and CSS3」がおもしろかったのでご紹介。≫Slide Down Box Menu …
久々にjQueryライブラリを多数紹介しているエントリーの紹介。Web上のインターフェースなどでの用途別で分けて、おすすめライブラリを50種類紹介しています。≫50 Fundamental jQuery Controls, Components and Plugins - Speckyboy Design Magazi…