タグ

menuに関するfengtutianのブックマーク (2)

  • 左右からメニューがスルッ!CSSだけで作成されたオフカンバスメニュー6 | co-jin

    CSSだけで作られたオフカンバスメニューをまとめてご紹介します。 「オフカンバスメニュー」は、ボタンを押すと、画面の右や左からメニューがスルリと出てくるメニューのことです。 スマホサイトではユーザーにとって大変使いやすいメニューですが、一方、実装する側も、実装しただけで、サイトがリッチになった気になるので個人的にとても気に入っています。 jQueryを使って実装するタイプのオフカンバスメニューは、「レスポンシブWEBデザイン用ナビゲーション&メニューのベストパターン16」でも、いくつかご紹介させていただいきましたが、今回、ご紹介するのは、CSSだけで実装できる「オフカンバスメニュー」です。 とある記事(Implementing Off-Canvas Navigation For A Responsive Website – Smashing Magazine)では、CSSだけで実装したほう

    左右からメニューがスルッ!CSSだけで作成されたオフカンバスメニュー6 | co-jin
  • ドロワー・スライドインメニューでヘッダー固定【デモあり】jquery Slidebarsが最強!drawer slidein menu

    ドロワー・スライドインメニューでヘッダー固定【デモあり】jquery Slidebarsが最強!drawer slidein menu ドロワーメニュー(スライドインメニュー)でヘッダー固定でき、PCでも動作するjqueryプラグインは、Slidebarsが最強です。 drawer とは引き出しの意味です。 drawer menuとかslidein menuとは、facebookみたいに、メニュートグルボタンを押すと、横からスライドしてメニューが表示されるメニューの動作のことです。 まずはデモをご覧ください。 サンプルページ Slidebarsのいいところ iPhoneAndroidPCで動作する 動作がなめらか ヘッダー固定できる 左開きも右開きなどいろんな種類のメニューが用意されている 設置が簡単! 以前ご紹介したDrawer Slide Menu では、ヘッダー固定しようとすると

    ドロワー・スライドインメニューでヘッダー固定【デモあり】jquery Slidebarsが最強!drawer slidein menu
  • 1