Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita
スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生！ 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 1. スライドのアニメーションがとても滑らか・ちらつかない 2. ボタンの反応にストレスを感
レスポンシブに加えスマホ用のメニュー実装もできるjQueryプラグイン「Navobile」:phpspot開発日誌
jQuery Navobile by Made by Made レスポンシブに加えスマホ用のメニュー実装もできるjQueryプラグイン「Navobile」 レスポンシブ関連のライブラリは色々でてますが、これは便利かも、と思ったプラグイン。 通常のPCモード 幅を狭くするとナビゲーションメニューが現れます クリックでアプリ風のメニューに変身 必要最低限さっくりと入れておくと便利そうなプラグインですね 関連エントリ PCでもスマホでもスワイプで画像が遅れるスライドショー実装jQueryプラグイン「Swipeshow」 スマホ関連のリモートホストのまとめ スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」 スマホ・タブレットの判別ができるPHPクラスライブラリ「PHP Mobile Detect」
(jQuery) 最も単純なサブメニュー開閉 - すたら日記
(最終更新: 2016-10-14) デモ: https://sutara79.github.io/demo-simple-foldable-list/ ソースコード: https://github.com/sutara79/demo-simple-foldable-list/ 解説下記のリスト要素を開閉式メニューにしたい場合。 <ul id="main_menu"> <li><a href="#">見出し1</a> <ul> <li><a href="#">サブメニュー1</a></li> <li><a href="#">サブメニュー1</a></li> <li><a href="#">サブメニュー1</a></li> </ul> </li> <li><a href="#">見出し2</a> <ul> <li><a href="#">サブメニュー2</a></li> <li><a hre
「jQuery-URL-Parser」でURLの一部を取得してbody classにする | グリニッジ株式会社
jQueryで現在開いているページのURLの一部を取得して、body class="ココ" に入れちゃえという話。 jQueryプラグイン jQuery-URL-Parserについて jQuery-URL-Parserは、URLをパースしてくれるjQueryのプラグインです。 以下は簡単にどこを取れるか書いています。詳しくはjQuery-URL-Parserで確認してくださいね。 URL attributes 「.attr()」 https://example.com/folder/dir/index.html?item=value ・/folder/dir/index.html ・/folder/dir/ ・index.html Query string parameters 「.param()」 https://example.com?sky=blue&grass=green ・'bl
メニューがアクティブ時にクラスを追加するJavascript | ネットショップ立ち上げ備忘録
よく、今いるページの時はメニューがアクティブになっていてわかりやすい表示をするUIがあります。 例えば今いるURLがメニューのURLと同じURL、つまり 今いるURLと、メニューのaタグURL http://example.com/index.html にいる時はクラスに active 要素を付加したいという場合があるとします。 単純に各々メニュー部分にその時のURL時でのHTMLにクラスをつけてあげれば良いのですが、 これでは何とも面倒ですし、変更が伴うとその度に修正しなければなりません。 そこでjQueryを使って処理します。 サンプルコード jQueryを使っていますので、先にjQueryファイルを読み込んである事が条件です。 var url = document.URL.split('/'); $('ul li a').each(function(){ var menu_href
portal-f.pw - このウェブサイトは販売用です！ - portal f リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
意外性が心地よいJSメニューのWebデザイン (1/5)
JavaScriptライブラリでリッチなUIを手軽に作れるようになったのはいいけど、最近ではそれもすっかりマンネリ気味。そろそろ、ほかのWebデザイナーとは違うデザインを取り込んで何とか差をつけたい――。そんなときは、国内のデザイン誌やブログではなく、海外サイトに目を向けてみてはどうでしょうか。たとえば、優れたWebサイトを紹介している「dzineblog」というブログなら、海外のWebデザインのトレンドをいち早くチェックできます。 そのdzineblogの膨大なコンテンツの中から、今回注目するのが、「10 Websites That use JavaScript Animation Effectively!!」という少し前のエントリー。JavaScriptによるアニメーションエフェクトを上手に使っているサイトを取り上げており、その中から、「Playground Blues」をピックアップ
Interface elements for jQuery - Real examples of Interface elements
Index of /demos NameLast modifiedSize Parent Directory - windows.html2010-02-26 19:13 9.1K ttabs.html2010-02-26 19:13 1.0K tooltip.html2010-02-26 19:13 3.2K sort_tabs.html2010-02-26 19:13 2.1K sort_lists.html2010-02-26 19:13 1.6K sort_floats.html2010-02-26 19:13 2.9K sort.html2010-02-26 19:13 5.2K slideshow.html2010-02-26 19:13 4.1K slider_resize.html2010-02-26 19:13 1.8K slider_minmax.html2010-0
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
