iOSアプリによく使用されているナビゲーションの最新パターンとそれぞれの特徴
ドロワーメニュー（ハンバーガーメニュー）について - 私のデザイン帳
ドロワーメニューを自分で作ろうとしたのですが、なかなか上手くいかないので既存のライブラリを利用しようと考えています。 ドロワーメニューを紹介しているサイト 今回はドロワーメニューのjQueryプラグインとかcss3でできるドロワーメニューを集めてみました。スマートフォンサイト制作時に使ってみるのを検討...
[jQuery] プラグインを使わずに横からスライドインするメニューを簡単に作る
![[jQuery] プラグインを使わずに横からスライドインするメニューを簡単に作る](https://cdn-ak-scissors.b.st-hatena.com/image/square/90e0d5fd2040a360e7449fe29a2efc39e3dd577c/height=288;version=1;width=512/https%3A%2F%2Fmemocarilog.info%2Fwp-content%2Fuploads%2F2014%2F11%2FjQueryicon.png)
CSSで作ったドロップダウンメニューのドロップの動きいろいろ
CSSだけで作ったドロップダウンメニューのドロップの動きをいろいろと考えてみました。ちょっとしたことですが、目を引く動きはサイトの印象をよくするかもしれないです。 では解説していきます。まずはHTMLからです。 <ul id="normal" class="dropmenu"> <li><a href="#">menu</a> <ul> <li><a href="#">submenu</a></li> <li><a href="#">submenu</a></li> <li><a href="#">submenu</a></li> <li><a href="#">submenu</a></li> </ul> </li> <li><a href="#">menu</a> <ul> <li><a href="#">submenu</a></li> <li><a href="#">submenu
レスポンシブWEBデザイン用ナビゲーション＆メニューのベストパターン16 | co-jin
CSSだけで作る動きのあるドロップダウンメニュー
では、HTMLから解説していきます。 HTML <ul id="dropmenu"> <li><a href="#">メニュー</a> <ul> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> </ul> </li> <li><a href="#">メニュー</a> <ul> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> </ul> </li> <li><a href="#">メ
Designing Drop-Down Menus: Examples and Best Practices | Design Showcase | Smashing Magazine
As a general rule, most Web developers, especially usability enthusiasts, say it is bad practice to use drop-down menus because they are confusing, annoying and oftentimes dysfunctional. From a design standpoint, however, drop-down menus are an excellent feature because they help clean up a busy layout. If structured correctly, drop-down menus can be a great navigation tool, while still being a us
jQuery MegaMenu 2 - GeekTantra
An updated jQuery based MegaMenu plugin. Demo: Click Here Download: Click Here Project Repository: Click Here This is a sequel to the popular jQuery MegaMenu Plugin, with quite a lot of changes in the code base and usability. Demo: Click Here Download: Click Here Project Repository: Click Here So whats new in jQuery MegaMenu 2 A completely revamped JS and CSS code-base. Easier to use. (A lot simpl
jQuery+CSSで実装するナビゲーションメニュー総集編
Simple jQuery Dropdowns
There are lots of dropdown menus already out there. I’m not really trying to reinvent the wheel here, but I wanted to try to do something slightly different by making them as dead simple as possible. Very stripped down code and minimal styling, yet still have all the functionality typically needed. Here are the features: Cross-browser compatible (even IE 6) Multi-level and retains “trail” Very min
jQuery MegaMenu Plugin
Normal Menu First Mega Menu First Heading Second Heading Third Heading First Link Second Link Third Link Fourth Link Fifth Link Sixth Link Seventh Link Seventh Link Second Mega Menu First Heading Second Heading First Link Second Link Third Link Fourth Link More text can go here. A new version is available at http://www.geektantra.com/2010/05/jquery-megamenu-2/ Auto Width Example Defined Width Exam
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ハンバーガーメニューの実装もこれなら簡単！パネルを左右上下からスライドさせる超軽量スクリプト -Pushbar.js
SlickNav
CSSMENUMAKER.COM