流行のjQueryでスクロールするサイトを集めてみました
jQueryでコンテンツをスクロールさせる海外サイトを最近見るのですが、あれはかっこいいですね。そこで、今回の記事では、jQueryでコンテンツをスクロールさせているサイトをいくつか紹介しつつ、このタイプのサイトに特有の問題についても触れてみたいと思います。 はじめに コンテンツをスクロールバーではなく、JavaScriptでスクロールさせる場合、ブラウザのスクロールバーが出ないため、「ブラウザからはみ出るコンテンツをどのように扱うか」の課題に直面します。以下のサイトで、この問題をどのように解決しているかにも、注目して見てください。 01. Reverse Büro 自由自在に縦、横方向にスクロールします。マウススクロールにも対応しています。コンテンツ自体がブラウザ幅に合わせて拡大・縮小するのでスクロールは必要ないですね。写真だけのサイトでは、こういった解決策もアリなんだと思います。 ※サ
効果的なナビゲーションを設計する5つの大切なポイント
How To Design Effective Navigation Menus [ad#ad-2] 下記は各ポイントを意訳したものです。 Positon -ポジション Simplicity -シンプル Wording -ワーディング Color -カラー Icons -アイコン [ad#ad-2] Positon -ポジション ナビゲーションをページのどこに配置するかは、非常に重要です。 ユーザーがページを見る際にある特定のパターンがあります。ユーザビリティの大家ニールセンによるFパターンが有名です（F-Shaped Pattern）。これは、ユーザーがページを走査する際、上部と左部に（Fの文字のように）フォーカスを合わせるというものです。 こういったパターンを理解し、それがどのように機能するかを学び、何を期待するべきかのアイデアを得るために使います。数多くのサイトを見て、ユーザーに配慮
JavaScriptで作られた、見たことないUIデザインのWebサイト
株式会社サイゾー（Cyzo inc.） / Raffael Stüken / La Moulade - Creative St...他...全11件
少ないスペースに一杯情報を埋め込めるクールなアコーディオン実装jQueryプラグイン「Easy Accordion」:phpspot開発日誌
少ないスペースに一杯情報を埋め込めるクールなアコーディオン実装jQueryプラグイン「Easy Accordion」 2010年10月04日- jQuery plugin: Easy Accordion | Andrea Cima Serniotti 少ないスペースに一杯情報を埋め込めるクールなアコーディオン実装jQueryプラグイン「Easy Accordion」。 次のようなクールなアコーディオンが簡単に実装することが出来ます。 コンテンツをタイマーで自動的に切り替えることも可能 コンテンツは次のように定義しておいて後はjQueryでやってくれるというもの。 <div id="accordion-2"> <dl> <dt>Slide title</dt> <dd><h2>First mammoth here</h2><p><img src="images/mammoths/img1.p
Vertical Sliding Accordion with jQuery | Codrops
Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice
Kaiten demos
Kaiten demos A few demos... For documentation, please visit our website. Intro Hello world Templating Templating, simple Templating, advanced Navigation Basic HTML navigation HTML navigation : the fake directory example JS controller Connectors Wikipedia Twitter Crunchbase Kaiten browser demo DOM Boilerpipe Youtube
オールインワンデスクトップ～究極のデスクトップを求めて | ライフハッカー・ジャパン
Christopher Yarrowさんのデスクトップは、Windows Phone 7とラスベガスのブラックジャックテーブルで過ごす長い夜を思い出させる仕上がりとなっています。 デスクトップには、RSSやGmail用のウィジェット、天気、ネットワーキング、電源の使用状況などが表示され、何が起こっているのかが一目で把握できるように工夫されています。 Metro UIやLive Tileにインスパイアされたデスクトップをたくさん見てきましたが、Metro UIのテキストとなかなか扱いの難しいタイルを組み合わせつつも、独自のエレガントさを犠牲にしないこの完成度は見事です。 Windowsデスクトップでこれと同じデスクトップが作りたい方は、下記のレシピを参考にしてみて下さい。
ズーミングユーザインタフェース - Wikipedia
ズーミングユーザインタフェース（英: zooming user interface、ZUI）は、ユーザーが詳細を見たり全体を概観するために表示領域を拡大縮小できるグラフィカル環境である。グラフィカルユーザインタフェース（GUI）の一種である。情報要素は直接、無限な広さを持つ仮想デスクトップに配置され（通常、ベクターイメージを使う）、ウィンドウは使わない。ユーザーは仮想画面を上下左右に移動させたり、興味を持ったオブジェクトにズームしたりできる。例えば、テキストオブジェクトにズームしていくと、最初は小さな点だったものがテキストページのサムネイルになり、さらにページをフルサイズで表示し、最終的にページの一部を拡大表示する。 一部の専門家は、ズーミングユーザインタフェースがウィンドウを使ったグラフィカルユーザインタフェースの後継となるパラダイムだと考えている。しかしこれまで[いつ?]のところ、ズー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ
Blogger
Wizzud.com