この度の「東北地方太平洋沖地震」により被災を受けられました皆様に心よりお見舞い申し上げます。 お届けの地域におきまして交通状況によりお荷物の配送が遅れる場合がございます。 ご迷惑をお掛けしますが、何卒ご了承の程よろしくお願い致します。 「なにか... 続きを読む

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

SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Sean P Aune氏がSitePointにおいて19 Firefox Add-ons For Designersのタイトルのもと、Webデザイナ向けのFirefoxエクステンションを紹介している。Webデザインの作業をおこなうにあ... 続きを読む

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

Now days CSS Galleries are great for improving your website’s traffic and pagerank. Getting a site featured in some of the popular galleries can bring thousands of visitors and many valuable inbound links with excellent SEO benefits. These g... 続きを読む

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

It’s so Interesting to see what designers can do with single pages, and sometimes a single page site delivers more info ever need than a multi page site. Single-page design works if you don’t have much content, some designers use tabs, acco... 続きを読む

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

現在「実践Web Standards Design」を読破中。アマゾンでもやたら評価が高かったので気になっていたのですが、改訂版が出るというので待っていたのでした。先日無事に改訂版を購入、一気に読み込んでいます。 ↑ やっと手に入れたぞ、と。 まだ途中ではあります... 続きを読む

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

2009年のウェブデザインのトレンドで押さえておきたい10のポイントをSmashing Magazineから紹介します。 Web Design Trends For 2009 1. Letterpress プレスしたよう [...] 続きを読む

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

Subscribe to Mike Industries via RSS or e-mail and be notified of new stuff automatically.Close this message Over the last several months, a small group of web developers and designers have been hard at work perfecting a method to insert rich... 続きを読む

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

JavaScriptを使って、ダイナミックな動きのあるサイトがたくさんありますね。 今回は特にスライドに注目していろいろなスクリプトとスライドを上手く利用したウェブサイトをまとめてみました。 サンプルのスクリプトと、インスピレーションサイトを参考にして、... 続きを読む

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

ウェブサイトのレイアウトをはじめ、ヘッダ、ナビゲーション、パネル、ボタン、アイコンなどのエレメントを作成するためのPhotoshopのチュートリアルの紹介です。 続きを読む

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

Liquid & Color Adjustable CSS Buttons - CSS/XHTML/Photoshop Tutorial When working on a large site with multiple buttons, it can be quite tedious to make all the buttons in Photoshop.CSSで色指定が可能な立体的でクールなボタン実装サンプル。 次の... 続きを読む

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

Webデザイン > プログラマでも出来るWebデザイン 2007年01月08日 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンス... 続きを読む

• blog.37to.net
• コンピュータ・IT

Footers Design Showcase | Elements of Design Footers can be much more than an afterthought containing the fine print of a web site. 秀逸なサイトフッターのデザイン集７６． サイトフッターのデザインというと、なかなか難しいものですが、サンプルを... 続きを読む

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

料金プランやサービス内容などの比較など、単純にテーブルで組んでいるだけでは、なんだか味気ないですよね。 おすすめのプランを少し、大きく表示して目立たせたり、アイコンやボタンを使って分かりやすく仕上げたり…。 今回は、とってもきれいな料金表デザイ... 続きを読む

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

ポータル・検索サイト Google770px iGoogle920px842pxからのリキッド Yahoo950px Livedoor954px Goo970px MSN950px Infoseek850px Excite920px フレッシュアイ986px はてな920pxからのリキッド @nifty945px BIGLOBE950px OCN950px So-net970px ODN760px AOL900p... 続きを読む

• lpclips.net
• 科学・学問

ウェブデザインでは固定か可変かなどというレイアウト上の議論があるようですが、常にユーザの環境に合わせて最適なレイアウト/デザインを提供するのがベストではないでしょうか幅固定か可変かではなく、読者環境に合わせて見やすいデザインを提供しよう 書いた... 続きを読む

• note.openvista.jp
• コンピュータ・IT

960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。 960 Grid System デモページ 960pxを基準にする理由としては、下記の2つが挙げられています。 最近のモニターは1024×768の解像度をサポートしており、960... 続きを読む

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

1965年愛知県生まれ。多摩美術大学卒業。美大卒業後にキャンバスよりもディスプレイに魅入られ，絵を描くよりもコードと文章を書くことに取り憑かれてフリーライターに転身。妹もフリーカメラマンという，よく言えばクリエイター一族，悪く言えばその日暮らし揃... 続きを読む

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

そろそろ大まかな形でワイヤーフレームを作っていこうと思っているわけですが、その前にいろいろ準備しておきたいことも幾つかあります。そのひとつが、拡張性を考えて、どのようなデータをどの辺りに配置するのがベストかを考えること。これは Webアプリケーシ... 続きを読む

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

バナーのサイズについて 最終修正日 2007.10.13.　　 バナーとは 国際標準バナーサイズ一覧 国際標準サイズ一覧（画像） バナーとは Bannerは英語で旗の雅語です。サイトの旗です。 そして、日本のCG系に多い、200x40のバナーは日本のローカルサイズなのですね... 続きを読む

• www.yuzuriha.sakura.ne...
• コンピュータ・IT

Just Creative Designのエントリー「13 Signs You’re A Bad Graphic Designer」から、英語サイトで気をつけたい14のデザインのポイントの紹介です。 ※タイトルは13とありますが、14ありました。 13 Signs You’re A Bad Graphic Designer 続きを読む

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

Web標準Blogでは、Web標準の利用に興味のあるWebサイト管理者、Webデザイナーの方向けに、Web標準を利用するための手法やノウハウ、参考になるリソース等を、国内外を問わずご紹介します。 なお当Blogでは、Web標準に関する疑問や質問を募集しています。Webコン... 続きを読む

• standards.mitsue.co.jp
• コンピュータ・IT

お絵描きじゃない Web デザイン勉強会 (仮) やります よりアクセスし易く・使い易く・読み易いウェブページやウェブアプリケーションを作る際に欠かせない「情報設計 (IA)」 や「ユーザーエクスペリエンス (UX) デザイン」などなどの知識や意義を共有しさらに発... 続きを読む

• g:xiss:id:orzccc
• コンピュータ・IT

前回に引き続き、エラステックレイアウトに関するエントリーです。海外の記事で興味深いものがあったのでご紹介。 Elastic layout - wrong term? Elastic Layouts Dead? 結構過激な見出しですが･･･。1番目はまだしも2番目は「エラステックレイアウトは死んだの... 続きを読む

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

ナビゲーションメニューをかっこいいものにしたい。 そんなあなたにおすすめなのが、『Navigation Menus: Trends and Examples』。Smashing Magazineによる、かっこいいナビゲーションメニュー集だ。 このエントリーでは、以下のカテゴリーにわけてたくさんの魅... 続きを読む

• blog.creamu.com
• 科学・学問

とにかく読むことです。すべてを経験によってまかなうことはできません。だからこそ他人から学ぶのです。ウェブデザインの書籍やニュースレター、ヒントを読むことは、時間や労力の節約になり、非常に有益です。基本的に、書籍のほうが確実ですが、ニュースレタ... 続きを読む

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

グリッドレイアウトの勉強がしたい。 そんなあなたにおすすめなのが、『Grid and Column Designs』。WebDesignerWallによる、グリッド&カラムデザインに優れたサイト特集だ。 このエントリーでは、以下のカテゴリーにわけてたくさんの優れたデザインが紹介され... 続きを読む

• blog.creamu.com
• コンピュータ・IT

ウェブデザインをする上での確かな情報が満載。ウェブデザイン初級者から上級者まで幅広くご利用いただけます。08.09.26 「SOHOビジネススキル検定試験」のご案内 ( NPO法人 日本ITイノベーション協会 )  08.09.26 瀬戸内寂聴さん、86歳でケータイ小説に挑戦 ( ... 続きを読む

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

ご参考にどうぞ。WEBデザイナーの方々に役立つ知識が学べる、オープンコースウェアを60以上も集めた記事です： ■ 60+ Killer Open Courseware Collections for Web Designers (College Degree.com) 残念ながら海外の大学ばかりなのですが、役立つ知識が見つか... 続きを読む

• akihitok.typepad.jp
• コンピュータ・IT

みなさんお馴染みのYouTube このYouTubeのプレーヤーに使われている画像は実は↓のような一枚の画像が用意されていて、スタイルでうまく表示されているようです。 画像をスライスして一枚ずつ読み込むよりも、このように一枚の画像にすると、スライスの手間が省... 続きを読む

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

堅いボタン、やわらかいボタン。 February 15, 2008 9:40 AM written by Gen Taguchi つらつら考えていてもまとまらなかったので書くのを躊躇していたのですが・・・まぁ、いいや、ということでエントリー。 ある人と話していたときに「Wikiのボタンってブログ... 続きを読む

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

1 - 百瀬博教 さん このサイトはトップと下層ページのナビの位置が変わらなくて絶妙ですよ。 http://www.softbank.co.jp/ 2008年1月29日 10:50 2 - ぼくも聞きたかった さん 「上下中央」最近やりました。 しかも“かどまるかどまるかどまる”（笑 幸いにもtabl... 続きを読む

• css-happylife.com
• コンピュータ・IT

本日は、ちょっぴり便利かな～っと思うCSS Tipsをいろいろご紹介。 既に、ご存知のものも多いかもしれませんが・・・ 1. Image map for detailed information FlickrみたいなImageMapが作れます。 続きを読む

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

フッタのデザインがしたい。 そんなあなたにおすすめなのが、『Geek Trends: 15 Footers with great usability』。ユーザビリティの高いフッタデザイン15選だ。 以下にご紹介。 » Department of Spanish and Portuguese » Biola University » Designer Wall » F... 続きを読む

• blog.creamu.com
• コンピュータ・IT

1973年東京生まれ。エンジニア兼技術系ライター。近著に「俺流Amazonの作り方」（アスキー 発行），「詳解RSS〜RSSを利用したサービスの理論と実践」（ディー・アート 発行）など。趣味はラテン音楽と海外旅行と神輿。現在，家を荒らしまわるネズミの被害に頭を... 続きを読む

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

先日グラフィックデザイナーの方々が集まる機会がありました。 主に広告やパンフレットといったものの作成をされている方々です。 そんな方々に、是非ともデザインの基礎となるべく心掛けている３か条を教えてくださいと尋ねてみました。 １０人ほどいた中で、... 続きを読む

• e0166.blog89.fc2.com
• コンピュータ・IT

WEBアプリケーション開発、ユビキタス関連の研究開発、コンテンツ配信事業からエンジニア・クリエイターのキャリア支援まで幅広く事業展開しているITベンチャー企業です。キャリア×IT×アニメ オンサイト、Webソリューション、コンテンツ配信事業からエンジニア... 続きを読む

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

Fatal error: Invalid API key. Please obtain one from http://wordpress.com/api-keys/ in /nfs/c01/h15/mnt/12528/domains/yasuhisa.com/html/could/script/Akismet.class.php on line 109 続きを読む

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

ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 web製作は求められるスキルが多すぎ！ こんな話が話題になっていました。 HTMLを筆頭にCSSや、JAVASCRIPT、DTPデザイナー並のデ... 続きを読む

• e0166.blog89.fc2.com
• コンピュータ・IT

ブログデザインに新しいアイディアがほしい。 そんなあなたにおすすめなのが、『My 53 Top Blog Designs of 2007』。あなたのブログを刺激するブログデザイン53選だ。 以下にTOP5をご紹介。 » Alex Buga　↑のキャプチャはこのサイト » Blogsolid » Piktogramme... 続きを読む

• blog.creamu.com
• コンピュータ・IT

2007: More Web Design Trends & Cliches 紹介されているトレンドは、海外のデザインのため(だと思います)、日本語圏内ではあまり見られないデザインですが、キャンペーンサイトやブログなどではちらほら見かけたりします。 かわいいマンガのマスコット 複雑な... 続きを読む

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

Analysis of Web 2.0 Design & Layout Trends – Part 1: Clean, Colorful and Horizontally Divided Posted by admin, 10 Months, 3 Weeks, 6 Days, 11 Hours, 43 Minutes ago One of the web 2.0 design and layout trends which I actually quite like is wh... 続きを読む

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

Creating a Magazine Style Theme - Learn by Example Sep 20th, 07 | 26 remarks Over the past few months, I’ve noticed the surge of a trend in blog theming - magazine style layouts (or portals). I actually made a little prediction about this, b... 続きを読む

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

ウェブサイトの横幅は、一昔前までは650pxが最適といわれ、4・5年前からは800pxが最もユーザビリティ上最適なサイズだった。大手ポータルサイトをはじめとして、800px未満で構築されたサービスが殆どだった。 しかし、ここ最近は800pxをあまり意識していないと... 続きを読む

• www.web-20.net
• コンピュータ・IT

30 More Excellent Blog Designs | Design Showcase | Smashing Magazine It’s not hard to design a weblog, but it’s getting harder when you try to achieve a unique weblog design. 超クールなブログデザイン集30。 SmashingMagazine にてクールなブロ... 続きを読む

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

ブログやサイトをデザインする際、おそらく最初に悩むレイアウト。 どの要素をどの位置に配置するか？いろいろと悩んでしまいますね。 っちゅうわけで、本日はブログやサイトデザインに使えるレイアウトをまとめてみました。 【レイアウト・サンプル】 まずは、... 続きを読む

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

Free online web template generator プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」。 doTemplateでは、基本となるテンプレートが12種類用意されており、「CUSTOMIZE」をクリックすることで自由にテンプレートをカスタマイズすることが出来ます... 続きを読む

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

Starbox - Rating stars for prototype Starbox allows you to easily create all kinds of rating boxes using just one PNG image. 綺麗にアニメーションする星型投票作成用JavaScriptライブラリ「Starbox」。 次のように、見栄えも綺麗で、カーソルを離すと... 続きを読む

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

Web2.0デザインの要素を取り入れたい そんなあなたにおすすめなのが、『99 Resources for Web 2.0 Design』。Web2.0デザインに使えるサイト99選だ。 以下にいくつかご紹介。 » adClustr スター型のバッヂ » Deziner Folio 変わった形のクオリティの高いバッヂ »... 続きを読む

• blog.creamu.com
• コンピュータ・IT

これが決定版じゃね？とってもお手軽なFavicon作成ツール『Favikon』 November 14, 2007 9:17 AM written by webmaster これは便利。 Faviconをブラウザ上で作れるツールがFavikonである。もちろん、こうしたツールは他にもある。 ただ、Favikonは「画像のこの... 続きを読む

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

Ajaxorized 3d image reflection with javascript week, this week an image reflection script, using unobtrusive javascript. Appleサイトの画像っぽく3Dで鏡面反射画像を作るJSライブラリ。 画像に次のようなエフェクトをかけることが可能です。 使い方は簡... 続きを読む

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