Webサイト設計にインフォメーションアーキテクトは必要か | Web担当者Forum
僕は、普段はインフォメーションアーキテクトとして情報アーキテクチャ設計やユーザー経験デザインのプロジェクトに関わったり、プロデューサーとしてプロジェクトを統括する立場に立ったりしています。このコラムでは、僕自身の経験や情報アーキテクチャ分野での議論から、主にWebプロジェクト一般に関わるような課題や考え方を紹介していきたいと思います。 まず、第１回のテーマとしては、僕が代表を務める株式会社コンセントの体制を例にしながら、「情報アーキテクチャ」という考え方がどういうものなのかを紹介します。 そもそも情報アーキテクチャとは何か情報アーキテクチャは、簡単に言ってしまえば情報のつなぎ方のデザインです（図1）。世の中には、平面上のデザイン（グラフィックデザイン）、操作画面のデザイン（GUIデザイン）、主に製品の形のデザイン（プロダクトデザイン）など、さまざまなデザインが存在しますが、情報アーキテクチ
jQueryのプラグイン100選 -2008年総集編 | コリス
seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン
【レビュー】ある意味CMSの理想型かも。『Concrete5』を試す! (1) 物足りなさを解消したCMS「Concrete5」 | ネット | マイコミジャーナル
いま評判の"編集しやすい"CMS『Concrete5』とは? あなたは「Concrete5」を知っていますか? CMS(コンテンツ マネジメント システム)というと、大きく分けて3つくらいに分類される。ひとつは昔からのCMSで、PHPNuke/ Xoops/ Mambo/ Ploneなどが存在する。もうひとつはブログエンジンで、WordPress/ Movable Type/ Nucleusなどだ。そして最後にWikiエンジンだ。Yukiwiki/ Pukiwiki/ DokuWiki/ MediaWikiなどが挙げられる。Wikiを除くCMSに共通するのは公開画面とコンテンツ管理画面が分かれているということだ。ユーザの権限によって管理者とサイト利用者の画面が分かれ、管理者は管理画面にログイン後、サイトのコンテンツ編集・デザイン変更・モジュール追加などを行なう。Wikiの場合は共同編集が基
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
サイト制作のためのテンプレートをごっそり自動生成してくれる『Project deply*』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
複数階層のドロップダウンメニューを作成するサンプル:phpspot開発日誌
JavaScript Dropdown Menu with Multi Levels - Web Development Blog 複数階層のドロップダウンメニューを作成するサンプル JavaScript Dropdown Menu Demo ul と li の階層構造によって作られていて、初期化は次のように簡単に行えます var menu=new menu.dd("menu"); menu.init("menu","menuhover"); これはなかなか良さそう。 関連エントリ デザイン性に優れたCSSメニュー集 綺麗で立体感のあるサイトメニュー素材 使えるCSSメニューいろいろ アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」 Flash製のドロップダウンメニューを作成するWEBツール
Solucija − Free CSS Templates
These are free XHTML / CSS website templates available to use without any limitations. They can be used on a noncommercial site aswell as on a commercial one. Keeping a small credit link in the footer is not obligatory but shows your appreciation and support. All templates are hand coded and lightweight (under 60KB) which ensures fast loading. They can be easily used as a standalone templates or
いまどきのソーシャルサイトを作るために必要な10の機能（とそのサンプルコード） | IDEA*IDEA
ドットインストール代表のライフハックブログ
汎用性の高そうな無料で高品質のベクターのアイコンセット集 | コリス
VECTOR TUTSのエントリー「無料の高品質な60のベクターのアイコンパック」から、汎用性の高そうなアイコンセットを紹介します。 60 Free Vector Icon Packs for Design Professionals
時代遅れのウェブ技術コンセプト--何とかしてほしい5つのケース:スペシャルレポート - CNET Japan
いいかげんに目を覚まそうではないか。もう2008年だ。私たちがもう何年もウェブサイト上でするのにも見るのにも慣れてしまったもので、本当は今頃とっくに消えてなくなっているべきものがいくつかある。筆者の頭に浮かぶ5つのことは、ユーザーインターフェースの悲劇とも呼べるものだ。筆者が大統領になったら、間違いなく次の5つを禁止するよう、最高裁判所に命じるだろう。 1. リフレッシュ この記事を思いついたのは、Appleイベントの基調講演をチェックしようとした時だ。講演の最新内容を見るのにリロードボタンを押さなくてすむページを見つけるのに苦労した。筆者はただ、最新の内容がリアルタイムで反映されるブログを見つけたかっただけなのだが。信頼の置けるブログで、最新情報が自動的に表示されるものはSlashGearしか見つけられなかった。 ニュースサイト「Huffington Post」では、トップページを見てい
これは面白い！奥行きを感じさせる動作をするjQueryプラグイン·jParallax MOONGIFT
な、なんじゃこりゃぁと思わざるを得ないようなJavaScriptの登場だ。JavaScriptはNetscapeがあった時代からあるもので、ずっと昔から存在している。単なるサイトの装飾扱いだった時代を経て、Ajax、prototype.js、YUI、Ext-JSなどここ数年で一気に進化を遂げている。 複数の画像によって、まるで中に入り込んだかのように動かすことができる その留まる所を知らない進化の最新系を見られるのがこのjParallaxというjQueryプラグインだ。JavaScriptなのでもちろんソースコードは公開されているが、ライセンスは特に明記されていなかったのでご注意いただきたい。 jParallaxは言わば複数の画像をレイヤーを重ねるがごとく表示して、マウスの動きにあわせて上下左右にちょっとずつずらして表示を切り替える。それによってまるで遠近感をもって動いているかのような印象
プログラマーに最適なデータマイニングの教科書 『集合知プログラミング』 - 図書館情報学を学ぶ
集合知プログラミング 作者: Toby Segaran,當山仁健,鴨澤眞夫出版社/メーカー: オライリージャパン発売日: 2008/07/25メディア: 大型本購入: 91人 クリック: 2,220回この商品を含むブログ (277件) を見る当初はサンプルコードがPythonということで購入した本書ですが、読んでみると内容の素晴らしさに驚嘆しました。私が今までに読んだオライリーシリーズでも屈指の名作だと思います。 『集合知プログラミング』とは 『集合知プログラミング』は、Amazonの協調フィルタリングのように、ウェブ上のデータを収集してユーザーの嗜好にあったコンテンツを推薦したり、大量のデータを分かりやすく分類・可視化するプログラムを簡単に実装する技術を解説した書籍です。Webプログラミングをかじったことのある方でしたら、だれしもAmazonのような推薦サービスを作ってみたいと思ったこと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オンラインCSSテンプレートジェネレーター「iStylr」 ：ソーシャルメディア.jp
http://www.designwalker.com/2008/12/psd.html
画像を効果的に見せるCSSサンプル集:phpspot開発日誌
手書き風ウェブデザインまとめ - DesignWalker
[CSS]個人・商用サイトでフリーで利用できるXHTML/CSSのテンプレート -Solucija
「Google Analytics」がFlashコンテンツのアクセス解析に対応
リンクをデザインするCSSいろいろ - DesignWalker
ウェブサイトに使えるアイコンセットのまとめサイト:phpspot開発日誌