このエントリーはHatena::Staff Advent Calendar 2011のために書かれたものです はじめまして。最近は映画けいおんが生き甲斐のuedayです。 11月8日にクローズドベータリリースした「はてなブログ」のデザイン全般を担当しました。裏側というほどの話ができるか... 続きを読む

• uedayworks.hatenablog.com
• コンピュータ・IT

デザイン講演 非デザイナーも知っておきたいデザインにある葛藤とホンネ デザイナーが視覚化しているところ以外である『水面下にある大きな氷山』。そこから作るプロセスにいくには、関わる人全員の理解とインプットが欠かせません。複雑な人間関係の中で最適と... 続きを読む

• www.yasuhisa.com
• コンピュータ・IT

こんにちは、守谷です。 携帯電話のキャリア各社がこぞってスマートフォンを売り始めて早半年。ケータイの本体ではなく通信料を軸に顧客から利用料を徴収する為に、各社ともフィーチャー・フォンからスマートフォンの販売に力を入れている（移行している）とい... 続きを読む

• blog.sinap.jp
• コンピュータ・IT

Loading… Flash Player 9 (or above) is needed to view presentations. We have detected that you do not have it on your computer. To install it, go here. 色彩センスのいらない配色講座 - Presentation Transcript 色彩センスのいらない配色講座 色は理... 続きを読む

• www.slideshare.net
• コンピュータ・IT

ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、とい... 続きを読む

• kachibito.net
• コンピュータ・IT

With the power of the underlying Mozilla Gecko engine, Pencil turns your excellent Firefox 3 browser into a sketching tool with just a 400-kilobyte installation package. Pencil will always be free and can run on virtually all platforms that F... 続きを読む

• pencil.evolus.vn
• コンピュータ・IT

デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立してい... 続きを読む

• 07design.net
• コンピュータ・IT

こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんに... 続きを読む

• 07design.net
• コンピュータ・IT

名前：admin 投稿日：2011/05/28 22:00:00.00 ID:AdMiN1d2A0a9!!今回はスレで挙がったかっこいいサイトなど色々と集めてみました。 味の素のサイトがかっこいい より1 : 風吹けば名無し : 2010/03/21(日) 20:23:08.15 ID:HwXjIgeRまあ行ってみてくれ No.1 味の... 続きを読む

• umashika-news.jp
• コンピュータ・IT

日本進出に興味のある海外企業や外国人から質問されることがあるので、まとめてみたいと思います。 僕はウェブデザイナーじゃないので、プロの方から補足や突っ込みがいただければとても嬉しいです。ある程度まとまったら英語にしてAsiajinにも書こうかと思いま... 続きを読む

• akimoto.jp
• コンピュータ・IT

以下、各ポイントを意訳したものです。 1. HTML5 + CSS3 2. シンプルなカラースキーム 3. モバイル対応 4. 視差効果 5. タッチスクリーン 6. 奥行き 7. 大きい写真の背景 8. 素敵なドメイン名 9. QRコード 10. サムネイルデザイン 11. Life Stream 1. HTML5 + C... 続きを読む

• coliss.com
• コンピュータ・IT

新聞・雑誌風レイアウトのニュース系ウェブサイトでみかける特徴的な12のトレンドをVandelay Designから紹介します。 Trends in News and Magazine-Style Web Design 1. ホワイト（明るい）背景 新聞・雑誌風レイアウトのサイトではコンテンツの比重が高く、ホ... 続きを読む

• coliss.com
• コンピュータ・IT

9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 前回の記事に続き、サイトデザインが生まれる過程（デザインカンプができあがるまでの試行錯誤）を振り返っ... 続きを読む

• www.escafrace.co.jp
• コンピュータ・IT

9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんから... 続きを読む

• www.escafrace.co.jp
• コンピュータ・IT

2007年10月27日に開催された「PHP in Fukuoka ＆ 福岡Webデザイナーズ合同勉強会」で使用した資料を公開します。 FWD勉強会vol.1資料公開［PDF:1.4MB］ 当日伝えきれなかったことや、良い忘れていたこと、準備不足だった部分を補う意味で、付録を追加してから公... 続きを読む

• blog.grafoo.info
• コンピュータ・IT

公開から2週間ほど経過しておりますが、ネットイヤー様とともにKDDIコーポレートサイト・トップページのリニューアルに携わらせていただきました。ここでは、制作に携わったものの視点から、可能な範囲で解説させていただきます。 コーポレートサイトのトップペ... 続きを読む

• blog.epeher.jp
• コンピュータ・IT

Backgrounds In Web Design: Examples And Best Practices 以下、その意訳です。 ウェブデザインのスタイルは常に進化しており、大きな変化の一つに背景の使い方があります。 背景の重要な役割は、ウェブサイトへの興味を視覚的にひきつけることです。 背景はウ... 続きを読む

• coliss.com
• コンピュータ・IT

ウェブデザインのクオリティをアップする7つのポイントをFunction Web Design & Developmentから紹介します。 How to Spot Quality within Web Design: Examples & Tips 以下、その意訳です。 1. Spacing スペースは、デザインされたエレメントの間に使用される... 続きを読む

• coliss.com
• コンピュータ・IT

Have you ever wonder how the first Apple logo looks in 30 years back? Did you know Volkswagen was Hitler’s idea? Or how the IBM logo changes over the time? Or where the Mercedes-Benz Brand And The Three-Pointed Star logo came from? As we alr... 続きを読む

• www.instantshift.com.n...
• コンピュータ・IT

ソシオメディアでは、これまでのUI設計・評価・標準化サービスの経験に基づき、様々なUIデザインのベストプラクティスをパターン化しています。各種アプリケーションのUI設計効率とユーザビリティの向上に役立つノウハウとして、その一部を公開していきます。 続きを読む

• www.sociomedia.co.jp
• コンピュータ・IT

Digital Web Magazine - Creative Use of PNG Transparency in Web Design The PNG image has been widely overlooked by the web design community?and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the form... 続きを読む

• phpspot.org
• コンピュータ・IT

もうPhotoshopは要らない？ブラウザだけでできるグラフィックジェネレータ15選 May 29, 2007 9:24 AM written by そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ... 続きを読む

• www.simplexsimple.com
• コンピュータ・IT

当サイトは、株式会社レベルQの協賛をいただいてます。デザイン・FLASH制作、携帯アプリ・システム開発などでお困りのことがありましたらお仕事を承ります。黄金体験コンテンツを創造するべく日々自社サービスを開発しております。 ＜レベルQ プロジェクト一覧... 続きを読む

• exo.jp
• コンピュータ・IT

This is a mirror as the Digg link is killing the other page! This is meant to be a parody of Web 2.0 Logos. While they are pretty cool, they are all kinda the same. It was created as a joke, not a serious logo maker. But feel free to use it t... 続きを読む

• h-master.net
• コンピュータ・IT

前回はYUIの紹介でしたが、今回はCSSの管理と記述法について書きたいと思います。 CSSは、主なHTMLエディタなどでは標準で編集できますが、多人数での開発 やスタイルが多くなってくるほど管理が大変になっていきます。 アプリケーションソフトの管理機能もいい... 続きを読む

• labs.unoh.net
• コンピュータ・IT

ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free onlin... 続きを読む

• gigazine.net
• コンピュータ・IT

情報解説CSSとは CSS*1とは、(X)HTML文書の見栄えを整形するための、Web標準*2の指定方法です。要するにホームページをデザインする手段です。CSSを使わなくてもHTMLで直接デザイン*3できなくはないですが、CSSを使った方が標準的で効率的です。例えば100枚のHT... 続きを読む

• d:id:sirouto2
• コンピュータ・IT

25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … W... 続きを読む

• phpspot.org
• コンピュータ・IT

Adobe Systemsが、Googleなどの競合各社を追従すべく、人気の高い画像編集アプリケーション「Photoshop」のウェブアプリ版を6カ月以内にリリースする計画を進めている。同社最高経営責任者（CEO）Bruce Chizen氏が米国時間2月27日に明らかにした。 これは、広告... 続きを読む

• japan.cnet.com
• コンピュータ・IT

Find design inspiration with thousands of palettes and color schemes to fall in love with. Influence color trends by rating, commenting and sharing.COLOURlovers™ is a resource that monitors and influences color trends. COLOURlovers gives the... 続きを読む

• www.colourlovers.com
• コンピュータ・IT

この記事が属するカテゴリー Misc お知らせというか宣伝。九天社より出版される「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」の執筆をさせて頂きました。3ping.org の wu さんと hxxk.jp の真琴さんとの共著です。2007 年 2 月 23 日... 続きを読む

• www.lucky-bag.com
• コンピュータ・IT

Web上で写真を加工したり、多様な機能を搭載したジェネレータがどんどん増えていますね。特にWeb制作をしている方にはとてもうれしいことだと思います。しかし、様々な機能を持ったジェネレータの中からお目当てのジェネレータを探すとなると一苦労。そこで数多... 続きを読む

• www.hereticanthem.com
• コンピュータ・IT

個人的に、ブログやウェブサイトのテンプレートを作っている方々はご存知かと思いますが、つかえる写真素材を集めるのって結構、大変ですよね。。。 自分で写真を撮って使えば問題ないのですが、なかなか思ったような写真が撮れなかったり。。 著作権などの問題... 続きを読む

• www.designwalker.com
• コンピュータ・IT

ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度... 続きを読む

• www.123kobe.com
• コンピュータ・IT

2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利... 続きを読む

• 3ping.org
• コンピュータ・IT

NEW dynamic basic CSS TEMPLATES 07 at the moment just in german avalible All templates are XHTML 1.0 and CSS2. Basic CSS TEMPLATES 2 columns fixed centered 3 columns fixed centered Freeflux Templates Special Templates for FLUX CMS Border Tric... 続きを読む

• www.intensivstation.ch
• コンピュータ・IT

分類は結構適当かつ、自分が見やすいのが基準。作りかけ。随時、追加・修正あり。 [補足]えと、なんか大量にブクマされてるみたいなんで、ちょっと補足説明。 まず、今のウチのデザインやらソースやらを見れば分かるかと思いますが、Webデザインに関して私はド... 続きを読む

• lush-life.org
• コンピュータ・IT

角丸画像を瞬時に生成するGoogleの隠れAPI！ December 14, 2006 4:59 PM written by 100SHIKI Apprentice これはすごい・・・Googleの隠れAPI（？）を見つけてしまった人がいます。Web 2.0系でよく使われる角丸用の部品を簡単につくることができちゃいます。 » ... 続きを読む

• www.popxpop.com
• コンピュータ・IT

CSS デザインまとめサイト 44サイト Entry Information yoshi December 12, 2006 - 17:30. html/css ネタ切れしたときは、困った時の digg 頼みってことで紹介。 「List of CSS galleries」 というページで CSS デザインのイケてるサイトを集めた CSS ギャラリ... 続きを読む

• hyper-text.org
• コンピュータ・IT

2008.06.24 1年半ほど前の記事なので、現在は通用しない部分もあるかと思いますので最新の技術・流行り等を求めている方はご注意ください。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある... 続きを読む

• pruto.jp
• コンピュータ・IT

Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香り... 続きを読む

• journal.mycom.co.jp
• コンピュータ・IT

Blue Box Demo: Vertical Centering with a Shiv Div DIVを垂直方向に中央寄せするCSSサンプル。 次のように、DIV要素をブラウザの縦方向に配置できます。 CSSは非常にシンプルで、まず、html と body 要素に height:100% プロパティを設定します。 次に、body... 続きを読む

• phpspot.org
• コンピュータ・IT

日本の伝統色をRGB16進数でリスト hexadecimal rgb chart for japanese traditional colors.2xup.org repos: traditional colors of japan 日本の伝統色 和色大辞典: http://www.colordic.org/w/ 日本の伝統色のPhotoshop用カラーパレット(caramel*vanilla) 日... 続きを読む

• 2xup.org
• コンピュータ・IT

Fujifilm is engaged with the environment, and engaged with our world. 続きを読む

• www.forests-forever.com
• 政治・経済

こんにちは　satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme ... 続きを読む

• labs.unoh.net
• コンピュータ・IT

続きを読む

• blog.bond-d.com

Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[... 続きを読む

• phpspot.org
• コンピュータ・IT

一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと... 続きを読む

• d:id:wa-ren
• コンピュータ・IT

今まで山ほど素材関連のサイトを見つけてきましたが、灯台もと暗し、日本にもありました。というか、今まで日本の他の素材サイトは紹介できるだけの質と物量がないところばかりだったのですが、この「ゆんフリー写真素材集」は枚数が非常に多く、ジャンル別に整... 続きを読む

• gigazine.net
• コンピュータ・IT

全部で25個のカテゴリに分類されており、それ以外にもフォント名や頭文字で探すことも可能。フリーフォントだけでなく、商用のフォントも2万3000個以上用意されており、「こういうフォントが欲しい」と思った際に的確に発見できるように作られています。 詳細は... 続きを読む

• gigazine.net
• コンピュータ・IT

ダウンロードできる画像数は現時点で5425枚、カテゴリ数は93、全合計で3432MB（約3.4GB）もの大容量のフリーストックフォトギャラリーです。解像度は1280x960から1800x1200までとなっており、全体的に割と高め。個人利用に限りフリーで、自由に使うことができま... 続きを読む

• gigazine.net
• コンピュータ・IT

Great Fonts for Web 2.0 13 November, 2006 — Stuart BrownA selection of typefaces for the modern web eraPosted in Design, Web 2.0 Tagged with: web2, web, fonts, typography, typeface, design Fonts are an essential part of design - but there ar... 続きを読む

• www.modernlifeisrubbis...
• コンピュータ・IT

～10程度っすよ ～50程度かな ～100くらい ～300程度です ～500はこなす ～1000はやってます これ以上 ( ! ) 続きを読む

• www.designlinkdatabase...
• コンピュータ・IT

Dynamic Drive CSS Layouts This is Dynamic Drive's new CSS layouts section. Here you'll find tableless, CSS based page templates to quickly define the skeleton of your pages. Created: Oct 22nd, 2006 | Last Updated: Dec 25th, 2006. Layout Categ... 続きを読む

• www.dynamicdrive.com
• コンピュータ・IT

ページ作成の際に何かと役立つCSSテンプレート集。 便利なので、色々なサイトがテンプレートを配布してくれてます。 色々あるのでまとめてみました。 次は、過去に紹介したサイトの本ブログでの紹介エントリ CSSレイアウトのサンプル集 フリーのCSSデザインテン... 続きを読む

• phpspot.org
• コンピュータ・IT

能登乃國･和倉温泉 多田屋このウェブサイトをご覧になるにはFlashプレーヤー8以上が必要になります。 最新のFlashプレーヤーのインストールはこちらからお願いいたします。 Flashプレーヤーの不要なHTML版もご用意しております。 また、ブログもございますので... 続きを読む

• tadaya.net
• コンピュータ・IT

通常のアイコンよりも小さなサイズの使いやすいミニアイコンを集める必要性に迫られたので、いろいろとリストアップしてみました。 ブログやWiki、通常のサイト作成やFlash、PowerPointのプレゼンテーションやソフトウェアのボタンなどなど、いろいろな場面で役... 続きを読む

• gigazine.net
• コンピュータ・IT

Webプログラミングは，プロはもちろんアマチュアのプログラマの間でも，もはや欠かせない開発ジャンルの一つです。しかし，書籍や雑誌の解説記事のほとんどが，データベースがどうとか，サーバーサイドがどうとか，どうしてもディープな方向に進んでしまう傾向... 続きを読む

• itpro.nikkeibp.co.jp
• コンピュータ・IT

Free Css Templates フリーのCSSデザインテンプレート集「Free Css Templates」。 HTMLはXHTMLで記述されている模様です。デザイン自体のクオリティもなかなか高いです。 次の画像は配布されているテンプレートの一例。こういったテンプレートが10種類以上配布... 続きを読む

• phpspot.org
• コンピュータ・IT

IE7、Firefox、Netscape、Operaで動作するグラフィカルなイメージ画像を使ったチェックボックスとラジオボタンです。通常のチェックボックスなどではおもしろみがないという場合に使うとかなり大きなインパクトがあります。 コードのダウンロードと実際の動作例... 続きを読む

• gigazine.net
• コンピュータ・IT

Posted at 2005-10-13T08:08:00+09:00 in Web Design 大きな画像を利用するとレイアウトや見た目がメチャクチャになる場合があります。このサイトのように本文のカラム(つまり様々な画像を利用するカラム)が左でメニューのカラムが右にあるような場合や要素の内... 続きを読む

• hail2u.net
• コンピュータ・IT

透明感のある水晶のような美しいボタン画像を手軽に作成できるソフト「AquaMaker」v1.03が、9月24日に公開された。Windows 98/Me/2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「AquaMaker」は、任意の文字や画像入りのボ... 続きを読む

• www.forest.impress.co.jp
• コンピュータ・IT

Photoshopで写真を○○するテクニック 2006年10月11日 10:23 ネタフルでエントリーを書いた、Photoshopで写真を○○するテクニックのまとめです。 ▼写真をアンディ・ウォーホールのポップアート風に加工する方法 ▼写真からパターン化されたシルエットを作成す... 続きを読む

• netafull.net
• コンピュータ・IT

Dynamic Drive CSS Library Welcome to Dynamic Drive's new CSS library! Here you'll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast. CSS Library- What's New 続きを読む

• www.dynamicdrive.com
• コンピュータ・IT