Create A Tabbed Interface Using jQuery - NETTUTS超クールなタブインタフェ...
ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでア [...]
ただのリンク集といえばそうなのだが、うまいことカテゴリー分けされていて使いやすそうなのでご紹介。 Web2Rainはサイト制作に役立ちそうな2.0っぽいツールを集めたサイトである。全部で400を超えるツールがまとめられているようだ。 サイトはゼロから作ってもいいが、便利なツールが日々登場しているのでこうしたツールをうまく使ってスピーディに仕上げたいところだ。 ...
Smashing Magazineのエントリーから、クリエイティブなオンラインショップのサイトを紹介します。 Design Showcase Of Creative Online-Shops ShopComposition Feel The Power yellowood store ushops Free People Clothing Boutique Nerve Music Store Bisley Perfect Order Online Store Klassiker in Acryl Brisbane Gift Baskets Habitat Shoes 他にも下記のサイトがリストアップされています。 ShoeGuru Accentuate Clothing Cosmicsoda Etsy Split the Atom Threadless TasteBook ...
UI Pattern Factoryは、フォームやナビゲーションなどのユーザーインターフェイスを設計する際に役立つリソースをコレクションしたサイトです。 UI Pattern Factory 詳細な解説があるコンテン [...]
Flashで本をペラペラするUI実装いろいろ色々、というほど沢山あるわけではないのですが、いくつかあるのでここにまとめて...
Flipping Bookは、雑誌のようにページがめくれ、拡大表示・印刷・PDF保存などの機能を備えたFlashのビューアーです。 Flash page flip engine -FlippingBook Flipp [...]
「テレビでPCと同様のWebブラウジングを」――PS3のWebブラウザは、ソニーが開発した独自エンジンを採用した。テレビで最も快適に使えるよう操作性に配慮。PC代わりの利用も増えているという。 2008年07月28日 08時36分 更新 「プレイステーション 3」（PS3）のWebブラウザ機能利用者が増えているという。「こんなに利用していただいていたのか」と開発者が驚くほどに。 ソニー...
jQuery Content Slider TutorialメニュークリックでコンテンツをダイナミックにスライドさせるJ...
webサイトを作成するときに、どうしてもサイト全体の色を決められないという人の為のエントリ。 本当は少し濃いオレンジ系が食べ物屋に向いているとか、薄いグレーが高級感や落ち着きを出すようなページだとか、清潔感のあるイメージを作る為には黒を背景にしては駄目とかというお話を先にしたほうが良いかもしれないのですが、そんなのにとらわれてもしょうがない気も...
以前、このブログでご紹介した『UIパターンいろいろ』 いろいろな見せ方を見て勉強するのはとっても大切なのではないでしょうか。 Pattern Tap 『Pattern Tap』は、ウェブデザインの要素ごとに分けられた、パターンライブラリのサイトです。例えば、ヘッダー部分のデザインや、フォームのサンプル、カレンダーのサンプルが集められていたりと…。何かと便利なサイトです。しか...
デザインセンスを刺激して、インスピレーションを与えるサイトの10選です。 Pattern Tap ボタンや背景・線などエレメントごとのデザイン集 StyleCrunch クールなデザインでスタンダードなコードを使用し [...]
デスクトップの元になった、現実の机の上は有限だ。だが、コンピュータ内に広がる空間は無制限だ。アイディア次第でどんどん広げていくことができる。例えば仮想デスクトップはその一つで、複数のデスクトップを目的に合わせて使いこなすことができる。 デスクトップが左右に広がって使いやすくなる！ だが、デスクトップを切り替えるというのは頻繁に使うと疲れて...
」（User-centered Design）を行なうことが常識になっています。システム設計者の思い込みにもとづいて作られたシステムがユーザにとって使いやすいものになる可能性は低いですが、設計の初期段階からユーザの欲求についてよく検討し、設計の途中段階においても実際にそれが使いやすいかどうかテストを行ないつつ開発を行えば、本当にユーザにとって使いやすいシステムを開発...
CSS Portalのエントリーから、ナビゲーションやフォーム、画像、リンクなどを実装するスタイルシートのサンプルを紹介します。 CSS Portal Horizontal CSS Menus Vertical [...]
Amazonは便利だが、書店のようにジャンルごとにつらつら大量の本を眺めるのには適していない。 そこで登場したのがZoomiiだ。 このサイトではGoogleマップよろしく、広大な空間に並べられた本を見ていくことができる。ズームもできるので、大局を見渡しつつ、見たい部分を詳しく見ていくこともできる。 もちろんクリックすれば本の詳細を見ることもできるし、Amazonでそのまま...
Dynamic Driveのエントリーから、入れ子の階層に対応した多段型ナビゲーションのスクリプトを紹介します。 All Levels Navigational Menu FF1+ IE6+ Opr8+ Simple Tree Menu FF1+ IE5+ Opr7+ HV Menu FF1+ IE5+ Opr7+ Top Navigational Bar FF1+ IE5+ Opr7+ Blm Multi-level Effect menu FF1+ IE5+ Opr7+ Jim's DHTML Menu FF1+ IE5+ Opr7+ JsDOMenu FF1+ IE5+ Opr7+ JsDOMenuBar FF1+ IE5+ Opr7+ Chained Select Menu FF1+ IE5+ Opr7+
サイトのトップページに配置する、訴求効果が最も高い「打ち出しエリア」のレイアウトのパターン集の紹介です。 Carousels Design Showcase 「Carousels Design Showcase」は、 [...]
HONGKIAT.COMのエントリー「50超のCSSやJavaScriptで実装するタブ型ナビゲーション集」から、当サイトで紹介したことのないものをいくつか紹介します。 50+ Nice Clean CSS Tab-Based Navigation Scripts Tab Accordian AJAX Tabs Ajax Project - Tabbed Page Interface Ajax Tab Reloaded Control Tabs Tabbar centered tabs with css Light Weight Low Tech CSS Tabs 2nd Level Tab Menu Fancy Sliding Tab Menu Core Design Magic Tabs
IT-PLUSさんに、隔週で連載させていただいている、『ウェブデザインの力』 連載３回目の今回は、『アマゾンのリニューアルで考える効果的なナビゲーションの見せ方』というお題で、サイトのナビゲーション・メニューについて、すこし書かせていただきました。 今回の記事を書かせていただくにあたって、いろいろとサイトのナビゲーション・メニューについて調べたのです...
