しっかりと理解しておきたい！レスポンシブWebデザインを使いこなすための9つの基本原則 | コリス

2014/11/18 455 users スクリーン タブレット コリス デスクトップ 許可

レスポンシブWebデザインは、デスクトップやスマホやタブレットなどさまざまなサイズのスクリーンの問題に対する素晴らしい解決方法です。 レスポンシブWebデザインをより深く理解するための基本原則を紹介します。 9 basic principles of responsive web design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ... 続きを読む

2014年に流行しそうな、注目Webデザイントレンド20個を大予想PhotoshopVIP |

2014/01/09 687 users エントリー 毎年 Webデザイントレンド デザイン

あたらしい年がはじまり、どのようなデザインが登場するのか、たのしみにしています。海外デザインブログHongkiatで、2014年のWebデザイントレンド20個をまとめたエントリー「Web Design: 20 Hottest Trends to Watch Out for in 2014」が公開されていたので、今回はご紹介します。 毎年はじめにWebデザイントレンドをまとめており、先日2013年人... 続きを読む

静かに流行り始めているポリゴン風デザインに挑戦！ | Webクリエイターボックス

2013/05/07 351 users Webクリエイターボックス 挑戦 Inspiration

2013年05月07日 Inspiration, Web Design, 便利ツール 2013年を代表するデザイントレンドと言えばフラットデザイン。それを横目に、実は静かに流行り始めている「ポリゴン風デザイン」をご存知でしょうか？ローポリと呼ばれているものですね。今回はツールを使って写真からポリゴン風イラストを作ってみましょう！デザインの参考になるWebサイトやグラフィック・アートもまとめているの... 続きを読む

2013年に流行しそうな、注目Webデザイントレンド15個を大予想 - Photoshop VIP

2013/01/07 757 users Photoshop Vip ユーザーインターフェース 機会

海外デザインブログHongkiat.comで、2013年に注目したいデザイントレンドをまとめたエントリー「Web Design: 20 Hottest Trends to Watch Out For in 2013」が公開されていたので、今回はその中でも、特に印象的だった15個をご紹介します。 利用される機会の増えている、ユーザーインターフェースを意識した、トレンドが多くまとめられています。201... 続きを読む

30 Inspiring Sites with Illustrated Backgrounds » Illustration, Web Design » Design Festival

2012/01/27 125 users Illustration Design Festival

A well-​​​​selected background illustration can give a web design lacking a bit of color the right amount of pop, andA well-​​selected background illustration can give a web design lacking a bit of co... 続きを読む

WD101: Webは見た目のコントロールがきかない : could

2011/06/22 125 users ウェブデザイン could 権限 前提 事実

WD101Webデザイン WD101: Webは見た目のコントロールがきかない 「見た目を同じにすることは出来ない」という Web デザインにおける事実を前提に設計しなければいけません。利用者に権限があるという中での最適化と、価値をどのように提供するのかという見た目とは違うコントロールが必要になります。 このシリーズでは Web Design101（WD101）と名付けて、ウェブデザインをより深く... 続きを読む

これは覚えておいたほうがいい！というPhotoshopのブラシ５０セット:phpspot開発日誌

2011/03/07 501 users Photoshop ペンキ phpspot開発日誌 ブラシ

50 Free Photoshop Brush Sets Everyone Should Have | Web Design Blog, Web Designer Resources これは覚えておいたほうがいい！というPhotoshopのブラシ５０セット。 かなり使えそうなものが多かったのでご紹介します。 クラウド時代の雲のブラシ。何ともリアル 自然のいい感じが出せそうなブラシ ペンキなんかをぶ... 続きを読む

SIGIXD 2nd Googleにおけるインタラクションデザイン - 安藤日記

2010/10/29 639 users インタラクションデザイン 川島 示唆 Behind the

SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン ＃川島さんの示唆に富んだ話がすばらしかった。 川島 優志氏 シニアウェブマスター・アジア太平洋マネージャー: "Behind the web design & Dood... 続きを読む

ウェブデザインに磨きをかけるテクスチャの効果的な使い方 | コリス

2010/08/16 258 users コリス グルーピング ウェブデザイン テクスチャ エレメント

テクスチャの用途は単に背景に配置するだけではありません。最近のウェブトレンドでもある繊細なテクスチャを使用して、ウェブデザインに磨きをかける方法を紹介します。 How the use of textures can improve your web design 下記は各ポイントを意訳したものです。 はじめに 1. イラストの強調 2. エレメントのグルーピング 3. コンテンツの強調 4. リア... 続きを読む

あなたの制作人生を「速記コーディング」で豊かにする、Texterを使ったアウトプット術 | 5am! Web Illusions

2009/11/11 415 users RIN トラブルシューティング CSS PHP アウトプット術

札幌でWebデザイナーをやっているRINの勉強ブログ。Web Design/PHP/CSS/写真メイン Texterのダウンロード(日本語化済み) Texterの初期設定 単語登録の方法 おすすめ単語登録リスト トラブルシューティング 毎日積み重なっていくモノの力は凄い 人生で何万回も同じ操作で、同じ文字を打つ必要はありますか？ よく使う日本語・同じようなコードを、何万回も同じ操作で打つ必要ってあ... 続きを読む

ウェブデザインのクオリティをアップする7つのポイント | コリス

2009/04/16 673 users コリス ウェブデザイン Examples クオリティ 意訳

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

継ぎ目のないパターン200選 | CREAMU

2009/02/04 260 users CREAMU キャプチャ 継ぎ目 パターン 以下

デザインに使えるパターンを探している。 そんなときにおすすめなのが、『200+ Beautiful Seamless Patterns Perfect for Web Design』。継ぎ目のないパターン200選だ。 以下にいくつかご紹介。 ↑のキャプチャはSoftly Plaidly- Peachy Keen (11パターン)。 Pattern 2 (14パターン) Textured Strip... 続きを読む

デザイナーが知っておくべき背景画像のリソースサイト集:phpspot開発日誌

2009/01/08 619 users Speckyboy ジェネレーター phpspot開発日誌

36 Must Have Backgrounds and Patterns Resources for all Designers : Speckyboy - Web Design, Web Development and Graphic Design Resources デザイナーが知っておくべき背景画像のリソースサイト集。 背景画像のダウンロードやWEB上で動作するジェネレーターがまとまってい... 続きを読む

[CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート | コリス

2008/12/03 230 users ウォーターマーク padding コリス キャプション URL

TORRANCE WEB DESIGNのエントリーから、画像に枠線やウォーターマーク、キャプションをつけるスタイルシートを紹介します。 Drop Shadow Effect demo HTML CSS img.shadow { background: url(shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5... 続きを読む

背景画像に最適！超ハイクオリティな400以上のパターン画像集:phpspot開発日誌

2008/07/23 257 users phpspot開発日誌 超ハイクオリティ where

400 High Quality Patterns | Design Reviver Patterns can be found every where. Most commonly we can see them in fabric and wallpaper, but they also make great visual elements for web design. 背景画像に最適！超ハ... 続きを読む

COULD：Webデザインに関する 15 の調査結果

2007/01/18 397 users エントリー 匹敵 レポート could Webサイト作り

Webデザインにおいてビジュアルデザインは重要ですが、それに匹敵、時にはそれ以上に『使える』Webサイト作りが重要になってきます。Human Factors International がまとめたレポートが Jens Meiert さんのサイトの Web design: 15 important research findings you should know というエントリーでまとめてありまし... 続きを読む

ウノウラボ Unoh Labs: 【Web Design】なるほどリンク集　その１

2006/10/04 136 users ウノウラボ Unoh Labs リンク集

こんばんわ、sashaです。 ラボブログの当番が回ってきて、ネタがなくて困っていたところに、私がCSSでデザインをする上で参考にしているサイトを書いてみたら、とみんなに言われました。なるほどねー！じゃ、そうしよう。 ただ、恐縮ですが、私は7月にウノウに入社するまで6年間海外にいたため、リソースも英語サイトばっかです。おっと。アレルギー反応を起こさないでください。興味がある分野で日々英語のサイトを見... 続きを読む

hail2u.net - Weblog - pre要素へのスタイル指定

2006/09/06 121 users Weblog hail2u.net IDEA エントリ ちょろ

Posted at 2006-09-06T19:38:00+09:00 in Web Design idea * ideaでエントリになっていたので、言及されていることだしうちのサイトのことだけちょっと書こうかなとか考えてみたら結構色々あって、エントリのネタになりそうだったのでまとめてみた。どっかにもちょろっと書いたけど。 実際にスタイル指定を書く前に抑えておくべき知識として以下のようなものが挙げ... 続きを読む

hail2u.net - Weblog - CSSコーディング・スタイル

2006/08/20 158 users Weblog hail2u.net つづり コンセンサス 意見

Posted at 2006-08-20T18:33:00+09:00 in Web Design 「こういうスタイルがCSSを記述する時に便利だよ！コンセンサス(つづりは知らない)も取れるし！」とかいう建設的な意見はまるでないんですが、CSSを書く時の自分ルールは結構あるのでまとめがてらエントリにする。もちろんhxxk.jpのCSS の記述ルール記事のまとめというエントリを見たから書く気になった... 続きを読む

Best Web Gallery - Flash + CSS Gallery

2006/08/03 851 users gallery Flash XHTML Anywhere

Best Web Gallery is a showcase gallery that features all the best design Flash and CSS websites on the web.Design Jobs on the Wall Webdesigner at New York's Delight (Anywhere) Web Design / xhtml/ css ... 続きを読む