Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
|
Navigation is one of those things you have to get right in order to provide your users with easy access to your website’s content. Today we’ll take a... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
クールなナビゲーションを実装したい。そんなときにおすすめなのが、『30 Cutting Edge Examples Of CSS Navigation』。かっこいいCSSナビゲーション集です。気になったのをいくつかご紹介しますね。Pixlogix マウスオーバー時にツールチップが表示されるメニュー... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
普通と違った、奥行きのあるインターフェースを実装したい。そんなあなたにおすすめなのが、『jQuery Roundabout』。jQueryで実装する、奥行きのある回転テーブルの動きです。シンプルなul, liのHTMLを、奥行きのあるインターフェースにしてくれます。しかもクリックすると、全面にぐい... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
製品の特徴についてカッコよく表示できるjQueryプラグイン「Feature List」。 次のような、製品の紹介なんかでどこかで見たようなUIパーツを簡単に実装できるみたいです。 実装方法 最初はちょっと難しいような気もするのですが、実はかなり簡単で次のように<div>以下に2つのulを置いてお... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Codropsというサイトで、マウスオーバーするとスライド式で現れるナビゲーションの作り方が公開されています。ul,liのシンプルなメニューに、jQueryで動きをつけています。動きがスムーズで気持ちいいですね。デモは以下から。手書きのデザインでなかなか斬新なものになっています。View demo... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 CSSだけで作るDropdownナビゲーション。Thismenusolutioniscompatiblewithallmajorwebbrowsers（exceptsIE6） 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
『 viahttp://www.twitter.com/jomenat/status/6468258324 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
yensdesignというサイトで、サイト内リンクでページ遷移するAjaxサイトの作り方が公開されています。↑がナビゲーションになっていて、クリックすると、「#home」や「#tutorials」という形でパラメータがついて、ページ遷移します。リロードが必要ないので、ページ移動がスムーズで気持ちい... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
jQueryで実現するナビゲーションテクニック「15 Excellent jQuery Navigation Techniques and Solutions」様々なエフェクトを可能にしてくれるjQuery。その用途は幅広く、様々なシーンで使われていますが、今回紹介するのはjQueryで実現するナ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
「CSS3をWebページに実装する」というと意見は真っ二つに分かれる。「完全肯定派」と「完全否定派」だ。しかし、Internet Explorer（IE）を除く主要なWebブラウザー（Safari/Firefox/ Opera/Google Chrome）は現実にCSS3への対応を進めており、少し... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Category ： CSS リファレンス今まで使ってコーディングが楽になったと思われるCSSテクニック（一部CSSではない部分もありますが...）などをまとめておきたいと思います。コーダーの方は知っている事が殆どだと思いますが、知らない人は直ぐにでも使える簡単な事も多いので是非使ってみて下さい。... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 :あ、にてる。2番目。ナビゲーションのこだわりはオナニーですが、オナニーはいいんですよ、 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
VANDELAY DESIGNで、かっこいいデザインのナビゲーションメニューがたくさん紹介されています。ざっといくつかご紹介。↑は、Utah Travel。MailChimpMichael DickMission Community ChurchSouthern Mediaサイト自体もかっこいいも... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ユーザビリティに配慮したドロップダウン型のナビゲーションを実装するチュートリアル | コリス Webデザイン フィード](/thumbnail/354015.png)
デザインも秀逸ながら、ユーザビリティに配慮して大量の項目を掲載するドロップダウン型のナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。Mega Drop Down Menus w/ CSS & jQuery demoユーザビリティで配慮したポイントは、ホバー時にドロップダ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ナビゲーションに使えそうなタブ付きリスト実装サンプル。 少ない枠内に多数のメニュー項目を入れ込むことができるＵＩのタブ付きリスト実装のチュートリアルになってます。 サイドバーなんかに組み込んでサイトの使い勝手を高められそうです。 インタフェースの挙動 次のようなインタフェースになってます。 別タブ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 jQueryCSSシンプルタブメニューなめらかエフェクト 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ず、随分間が空いてしまった・・・何て言う現実。 気付けば冬間近ですね。久々の更新が、特別目新しくもなんともないんですが、自分なりのページ送りサンプルを作ってみました。 ホントは最初のだけ有れば事足りてるんですけど、ボリューム感を出す為に4種類+1にしてみました。サンプルサイトを見るサンプルをダウン... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]1ピクセルのラインを巧みに使用したドロップダウン型ナビゲーション | コリス Webデザイン フィード](/thumbnail/349255.png)
Black and white anywidth centered menu demoドロップダウン型ナビゲーションはラベルのテキスト量に関わらず中央に配置され、カラーはスタイルシートで指定されているので簡単に変更が可能なようになっています。また、ナビゲーションの随所には効果的に1ピクセルのライン... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]一味違ったアニメーションで表示するドロップダウン型ナビゲーションのスクリプト -nmcDropDown | コリス Webデザイン フィード](/thumbnail/348778.png)
ナビゲーションにふんわりとしたアニメーションでドロップダウンのパネルを表示するスクリプトをNew Media Campaignsから紹介します。nmcDropDown: A Drop-Down Menu Plugin for jQuery Exampleドロップダウン型ナビゲーションは、リスト要素... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」2009年10月22日-jQuery listmenu plugin - javascript list navigation menu control 大量のアイテムもスッキリとリスト形式... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
