Nick’s Top User Experience Books | Blog | Nick Finck | UX/IA Pro, Speaker, and Community Cultivator.
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
160+ RSS Feeds For Web-Designers And Developers | Spyre Studios
Many of you who know me personally, have been reading this blog or one my previous blogs or have been following me on Twitter for a while, know I’m a self-taught web-designer. I didn’t study design, arts, coding or whatever, and I never attended CSS 101 in college. Instead, I read blogs, tutorials and books. Becoming a web-designer can be quite a time-consuming process so I figured I’d make a list
ウェブ制作に役立つ記事の先週のハイライト -20080804
ウェブ制作に役立つ記事の先週のハイライトです。 デザイン・チュートリアル・Photoshop関連 27 Most Refreshing Summer Illustrations And Designs
Bookmarks
counting more than 859 links, tutorials, tools, code snippets for web designers and developers (see our archive also!)
Resources for web designers — XHTML, CSS, Web standards, Usability, Accessibility, Typography, Icons
デザインの優れていると思う企業サイトを教えてください。 これぞ企業サイトと思えるようなカチっとしたデザインで、情報がきちんと整理されているものが知りたいです。
デザインの優れていると思う企業サイトを教えてください。 これぞ企業サイトと思えるようなカチっとしたデザインで、情報がきちんと整理されているものが知りたいです。 例えば、 村田製作所：http://www.murata.co.jp/ KDDI：http://www.kddi.com/ OMRON Industrial Automation：http://www.ia.omron.com/ のようなものです。 もし可能であれば、そのサイトを作った制作会社の名前もお願いします。
印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]
印刷用デザインもWebサイトにとっては1つのデザインだと言えます。制約がある印刷用デザインをきれいにまとめるためのポイントを上げてみました。 印刷用デザインをどうするか。 当ブログで印刷用CSSをはじめて取り上げたのが2006年12月でした。また、2007年4月にも印刷用CSSをもっとよくするための4つのTipsという内容で取り上げました。 さて、今回取り上げるのは今までと違い、印刷用CSSのコーディングではなく、純粋に印刷用デザインはどのようなものがよいか、というものです。コーディングではなく、いかにデザインするか。 ちょうどアックゼロヨン・アワード2007の結果発表もあったことなので、その受賞作の印刷用デザインを参考にしました。また、ADP: 印刷用CSSの書き方（基本編）もかなり（むしろほとんど）参考にさせてもらいました。そのポイントを以下の7つにまとめました。 なお、文末にアックゼ
![印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f625aab20ef8abfef513499376656cecc29a08ae/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Faratako0%2F20080518%2F20080518141449.png)
インターネットスキル認定普及協会
私たち、特定非営利活動法人「インターネットスキル認定普及協会」は、 2004年より「ウェブデザイン検定創設ワーキンググループ」を設置し、 ウェブデザインに関する人材育成制度の検討を進めてまいりました。 ウェブサイトの企画・制作にあたっては、単なるサイトのデザインのみならず、 使用するネットワークや周辺機能の特性、システムやアプリケーションの構築、 情報の提供・収集法にいたるまで、様々な高度で専門的な知識・技能が必要とされ、 ユーザーの要望も多岐に渡っていることなど、高度な技能や専門的知識が必要となっています。 このようなことから、関連分野の人材の確保及び育成がますます重要となっており、 ウェブデザインに関する技能を正しく評価する仕組みが必要と考え、様々な活動を行ってまいりました。 平成19年3月30日に、厚生労働省管轄の技能検定試験に「ウェブデザイン」職種を追加することを定めた 「職業能力
For Web Designers - Website Design Resources
User submitted list of design resources for web designers and developers.
2007年10月 WEB制作者の為のベストエントリまとめ part5*ホームページを作る人のネタ帳
2007年10月に話題になった、ウェブサービス系を中心にまとめてあります。 お時間のあるときにどうぞ。 WEB制作者のためのライフハック Seth Godin「すごいWebサイトを作る方法」（日本語訳） - TRANS [hatena] 歴史上、3人以上で作られたすごいWebサイトというのは存在しない。1つもない。厄介なことになるだけだ。 感動した。 便利サービス rsizr このサービスは異常。 すごいと言う意味で。 文章の一部を残したままリサイズしたりする液体リサイズです。 Gimpでもこうしたプラグインがあった事を以前紹介しましたが・・・。 これは楽すぎる。 自動的に素敵なサイトマップを作ってくれるサービス URLを入力すると、手軽にサイトマップを作ってくれる優れもの。星５つ。 フリー素材サイト PHOTO ST（フォトストリート） プロが撮影した写真を、商用、個人利用問わず無料で使
新規でサイトを作るのに使えそうなの一式。（あの人のパクりじゃないんだからっ！）｜CSS HappyLife
08年6月4日追記： コレの新しいの作りました。 新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記： contens.cssの56行と60行目の#contents部分でスペルミスしておました。 ごめんなさい... 現在は修正版になっております。 修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ！じょぐ！！！すげー待ってた。アナタを心から待っていた。 さて、一行駄文はお終い。本題です。 毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。 んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。 以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。 どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう
Lightbox風にムービーを表示する「Videobox」
画像をクリックすると、背景が暗くなって画面中央に画像がうにょ～んと開く透過レイヤー風効果を加えるのが、かの有名な「Lightbox」ですが、「Videobox」はそのムービー版です。対応しているのはYouTube、Google Video、Metacafe、iFilmなど。自分で作成したFlashも利用できます。 詳細とデモは以下から。 Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm http://videobox-lb.sourceforge.net/ 上記ページにあるサムネイル画像をクリックすれば実際にどんな感じで表示されるかを確認できます。 YouTubeの場合 MetaCafeの場合 Google Videoの場合 iFilmの場合 オリジナルのFlashの場合 最新版はムービーの縦横幅を指
WEB制作者の為のベストエントリ38個まとめ-part4*ホームページを作る人のネタ帳
ライブラリ・WEBツール FancyForm - Javascript checkbox replacement チェックボックスをオシャレに変換する。 見飽きたチェックボックスを変更するだけで、少し違った印象を与える事が出来るかも？ （前に紹介した気もしますが念のため） Popular Online Generators | Tech Magazine 過去に話題になったWEB2.0系の画像を自動生成するWEBジェネレータまとめ。 アップした写真をお洒落に見せるJavaScript 写真風に自動変換してくれる便利なJavaScriptライブラリ。 Gigazinize: あなたのブログ，GIGAZINEのようにします 自動でブログ文章に見合った画像を探してくるサービス。 後継のGigazinize Tools - Image: Making up your Blog（あなたのブログに選り
「左上の魔術師」理論
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AgencyTool Web Design Dashboard WEB制作に必要な情報を網羅したリンク集
UIパターンいろいろ - DesignWalker
『なぜみんなlightboxを使うの？』へのコメント
オンラインショップ向けのクレジットカードアイコンいろいろ:phpspot開発日誌
http://www.designwalker.com/2007/11/site-layout.html