We're Mostly Serious, A Full-Service Digital AgencyWe're eager to learn more about problems you're facing that we can help you solve.
ページ内のどこにいるかを分かりやすくナビしてくれるjQueryプラグイン「scrollNav.js」:phpspot開発日誌
ページ内のどこにいるかを分かりやすくナビしてくれるjQueryプラグイン「scrollNav.js」 2013年01月29日- scrollNav.js ページ内のどこにいるかを分かりやすくナビしてくれるjQueryプラグイン「scrollNav.js」。 ページの見出しを<h1〜6>のタグで定義しているとして、見出しを自動でサイドバーに固定で出してくれて、カレント位置の見出しを太字にしてナビゲーションしてくれます。 当然、ナビ部分をクリックすれば指定位置までアニメーションしながらスクロールしてくれます。 コンテンツを追加した際も、ナビゲーションを変えなくていいので、とっても便利ですね jQueryプラグインなので初期化するだけで利用もとっても簡単。 関連エントリ レスポンシブなナビゲーションの見本やチュートリアル ページ上部に隠れるナビゲーションバーが実装できるjQueryプラグイン「j
TOC | jQuery Table of Contents Plugin
TOC is a jQuery plugin that will automatically generate a table of contents for your page. You can see an example of it on the left side of the page. Features Completely customizable Click to smooth scroll to that spot on the page Automatically highlight the current section Extremely lightweight (744 bytes gzipped) Can have multiple on a page Download Production Development Source Usage $('#toc').
検索ボックス フィルター、大規模なドロップ ダウン メニュー
Today we will show you some more UI elements: a search box with a filter and a large drop down menu. We will use jQuery in both elements for the effect. We will also use plenty of CSS3 properties to create some slick looking details. This search box reveals a drop down menu after the user clicks into the input field. The menu is meant to act as a filter with several checkbox options that allow the
Media QueriesとjQueryを使って、スマートフォンでアクセスした時だけナビゲーションメニューを上に隠す
シンプルで良かったので一応メモ。レスポ ンシブWebデザインのTipsです。Media Queries とjQueryを使用して、スマフォでアクセス した時だけ、邪魔になりがちなナビゲー ションメニューを上に隠す、みたいな手段。 割と良かったので参考までに記事に備忘録 として残しておきます。 隠すというと語弊があるんですけど・・・凄くシンプルな方法です。 Pull-Down-for-Navigation 通常のPCでは普通のナビゲーションですが、スマートフォンの場合、このように上に隠れています。しかし、タップで降りてくる、引っ張る、などのギミックではありません。 まずはデモをご覧下さい。 Sample QRコードでもアクセス出来ます。 Media Queriesの内容はだいたい予想が付くと思いますのでjQueryだけ。これもかなり単純ですが。 function checkWidth ()
Collapsing Site Navigation with jQuery | Codrops
Today we will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the […] Today we will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the top and a submenu slides up from the bottom. Clicking on
mastermindとのコラボで鮮烈なデビューを飾ったadidas最新作 | unbar
メンズファッションは、アイテムのあわせかたによっていくつか系統にわかれます。腕時計もファッションの方向性を決めるうえで重要なアイテムになります。今回は、ファッションを5つの系統にわけて腕時計を紹介していきます。この記事を読んで、ファッションの系統にあわせた腕時計選びの参考にしてください。 【動きやすさ重視！スポーティー系に合う腕時計2選】 スポーティー系は、スポーツがしやすい服を取り入れたファッション系統です。あわせるアイテムは、パーカーやジャージなどがあります。ここでは、スポーティー系ファッションにあわせたい腕時計を紹介します。搭載している機能にも注目してください。 ■スポーティー系の特徴とは？ スポーティー系は、パーカーやジャージなどの動きやすいファッションアイテムを取り入れたスタイルが特徴です。スポーティー系ファッションは、純粋にスポーツ系で揃えるのも良いですし、スウェットパンツにジ
ドロップダウンするcssメニューいろいろ - かちびと.net
サイトによっては必要ないかも 知れませんが、メニュー項目が 増えてくるとゴチャ付くので、 ドロップダウンするようにして 隠しておくと見やすくなりますね。 チュートリアルやジェネレーター、フレームワークなど。多すぎるので絞っています。 CSS Navigation Techniques 様々なタイプのメニューのサンプルの中にドロップダウンがいくつか。 CSS Navigation Techniques CSS Drive / Multiple Levels サンプルいっぱい。 CSS Drive / Multiple Levels Free CSS Drop-Down Menu Framework GPLライセンスで配布されるcssドロップダウンメニューのフレームワーク集です。かなり使えます。 Free CSS Drop-Down Menu Framework 38 jQuery And C
Stu Nicholls | CSS PLAY | Professional - Dropline with current page override
Information A centered dropline menu with current page selection on page entry using two classes within the code. The dropline has transparency so that the background can show through. Nothing too exciting until you hover over the top level links. The current page selection then vanishes and it operates as a normal dropline menu. Moving the mouse off the menu will restore the current page selectio
jQuery style menu with CSS3 « tobypitman.com
Official website of guitarist Toby PitmanHere’s a quick experiment I did with CSS3. Again I was just mucking about with CSS3 transitions which could one day replace all the fancy jQuery animation tricks people use. The outcome was a really simple animated sliding verticle menu. If you want to view the demo you’ll need the lastest Safari version or even better go get the latest nightly build of web
CSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」:phpspot開発日誌
CSS3 Dropdown Menu 次のようなCSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」が公開されてます。 CSS3をサポートしないブラウザでも角丸がかからないだけで綺麗に表示されるようです。 デモページはこちら。 クオリティがとても高いですね。 ヘッダーナビゲーション等に使うといい感じかもしれません。 関連エントリ クールにアニメーションする水平ドロップダウンメニュー実装jQueryライブラリ 複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」 jQueryで幅の大きなドロップダウンメニュー作成チュートリアル
A Beautiful Site » Blog Archive » jQuery File Tree
jQuery File Tree Posted by Cory LaViska in jQuery on March 25, 2008 at 6:32 pm Contents Overview Features Compatibility Demo Download Usage Dependencies Creating a File Tree Configuring the File Tree Styling the File Tree Handling Feedback Connector Scripts Custom Connector Scripts Version History Licensing & Terms of Use Special Thanks Comments Overview jQuery File Tree is a configurable, AJAX f
Create apple.com-like breadcrumb using simple CSS : Janko Jovanovic
I believe you all know what breadcrumbs are. If I would have to make a simplest, rough definition I could say it is a navigation pattern that shows a path from the home page to the current one. If you are still unsure what breadcrumbs are (or my “definition” is too rough) be sure to read Breadcrumbs pattern explanation on Welie.com In its simplest form it usually looks like this: You are here: Hom
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://pagescroller.com/
Index of /
Awesome Bubble Navigation with jQuery
How to Build a Kick-Butt CSS3 Mega Dropdown Menu | Envato Tuts+
227533_0_2.aspx
無効なURLです
Loading...