Mithril.js + MaterialDesignLiteでメニューバーを作る - Qiita
やりたいこと http://www.getmdl.io/components/index.html#menus-section これをSPAの上部メニューに固定して使いたい。 バージョン Mithril.js 0.2.0 MaterialDesignLite 1.0.4 View構成 ※モデル部分は割愛。 ナビゲーション部分をコンポーネントとして定義する。 var NavBar = { controller: function(args) { var self = this; this.current = args.page; }, view: function(ctrl) { return m("div",{ class: "bar" }, [ m("button", { class: "mdl-button mdl-js-button mdl-button--icon", id: "m
Nixon US | Watches, Backpacks and Premium Accessories
Nixon is the go-to accessories shop for premium watches and much more. With a wide range of quality watches, apparel, backpacks, and accessories, Nixon stays true to its surf, skate and snow roots. From everyday sports & fitness watches for an active lifestyle to small digital watches for a night out, there's something for everyone. Whether you need an everyday watch or are looking for your next s
ナビゲーション/メニューのiPhoneアプリデザイン集22選
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
ism（イズム）｜兵庫県姫路市の写真館・フォトスタジオ
✨👗ドレスイベント開催👗✨ フォトスタジオデビューや お誕生日記念に！ ismが初めての方におすすめイベントです😊 🔶日時：1/5〜2/26 ...
Transitions for Off-Canvas Navigations | Codrops
Some inspiration for transition effects for off-canvas navigations. Today we’d like to share another set of transition effects with you. This time we’ll explore transitions for sidebars or off-canvas content like the one we’ve used in the Multi-Level Push Menu. The idea is to show some hidden sidebar with a subtle transition on the element itself and also on the remaining content. Usually the side
[CSS]デザインは美しく、かわいいアニメーションを備えたナビゲーションを実装するデモ
シンプルなリストを使って、アイテムがホバー時に吹き出し状にポップアップするかわいらしいアニメーションを備えたナビゲーションを実装するスタイルシートのデモを紹介します。 アニメーションもかわいくて素敵ですが、半透明のグラデーションもとても美しいナビゲーションですね。 デモは、最新のモダンブラウザでご覧ください。 Menu 実装は下記のようになっています。 HTML シンプルなリストで実装されています。 <nav> <menu> <li><a href="#">☀</a></li> <li><a href="#">✈</a></li> <li><a href="#">❄</a></li> <li><a href="#">☎</a></li> </menu> </nav> <nav class="menu2"> <menu> <li><a href="#">home</a></li> <li><
Responsive Multi-Level Menu - Demo 1
The submenu of this menu will slide and fade in from the right while the previous level rotates slightly and disappears in the back.
CSS で作る Tumblr モバイルアプリ風メニュー
1年くらい前に 「CSS で作るスマートフォン向け片手操作メニュー」 って記事書いたんですが、同じようなのをまたやってみたので紹介。 Tumbler の Android アプリ （Tumblr for Android） の新規投稿の UI がカッコよかったんで、これを CSS と超簡単な JavaScript （jQuery 使用） で再現してみました。実際のサンプルは下記に。 CSS で作る Tumblr モバイルアプリ風メニュー サンプル 現在最新版の Firefox、Safari、Chrome では動くと思います。あと手持ちの iOS 6 Safari では動作確認しました。他のスマートフォンとか知らない。IE？ 一応、IE10 は問題なく動作します。IE9 だと動作はするけどアニメーションとかしないです。 元ネタを下記に貼っておきますね （画像は 「Tumblr Staff」 から
45 Restaurant Identity, Menu & Stationery Designs Showcase - Blog of Francesco Mugnai
Navy Jerry’s by Werklig Sweet Chick by No Entry Design Salad Pangea by Tag Collective Brooklyn Taco CO. by Tag Collective Holly Burger by Manuel Astorga & Rodrigo Aguade Art of The Menu by Tom Schwanke Fade Street Social Menu Cover by Steve Simpson Montero by Anagrama Mama Joy’s by No Entry Design The Inside by Alexandra Turban PACT by ACRE Cafe Chiquilin by LSDK Carmina by Pedro Gonza
jQueryを使った一定以上スクロールすると上に固定される横メニュー
最近、上部に固定された横メニューをよく見かけます。最初から一番上にあるものだと最初から「position:fixed」で問題ないと思いますが、最初は一番上にはなく、メニューがページの最上部までスクロールされた時点で固定されるものだとちょっと工夫が必要です。 今回はそんな横メニューをできるだけ親切に解説してみます。 今回のメインはjQueryで固定するところなのですが、一応今回のサンプルで使用したHTMLとCSSも解説します。 HTML よくあるタイプの普通のリストメニューです。 <div id="menu-wrap"> <ul id="menu"> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <l
Animated 3D Flipping Menu with CSS
CSS animations aren't just for basic fades or sliding elements anymore -- CSS animations are capable of much more. I've showed you how you can create an exploding logo (applied with JavaScript, but all animation is CSS), an animated Photo Stack, a sweet 3D CSS flip card, and much more. Today's we'll create a simple but awesome 3D flipping menu as featured here! The HTML The HTML structure consis
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Motion Blue 横浜
Columbia
ホームワーカーズコミュニティ | HOMEWORKERS'COMMUNITY
Creative Website Navigation Shouldn't Be Avoided
Makisu ~ CSS 3D Dropdown Concept