タグ Web Design
新着順 5 users 50 users 100 users 500 users 1000 usersBest Web Gallery - Flash + CSS Gallery
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 ... 続きを読む
2013年に流行しそうな、注目Webデザイントレンド15個を大予想 - Photoshop VIP
海外デザインブログHongkiat.comで、2013年に注目したいデザイントレンドをまとめたエントリー「Web Design: 20 Hottest Trends to Watch Out For in 2013」が公開されていたので、今回はその中でも、特に印象的だった15個をご紹介します。 利用される機会の増えている、ユーザーインターフェースを意識した、トレンドが多くまとめられています。201... 続きを読む
2014年に流行しそうな、注目Webデザイントレンド20個を大予想PhotoshopVIP |
あたらしい年がはじまり、どのようなデザインが登場するのか、たのしみにしています。海外デザインブログHongkiatで、2014年のWebデザイントレンド20個をまとめたエントリー「Web Design: 20 Hottest Trends to Watch Out for in 2014」が公開されていたので、今回はご紹介します。 毎年はじめにWebデザイントレンドをまとめており、先日2013年人... 続きを読む
ウェブデザインのクオリティをアップする7つのポイント | コリス
ウェブデザインのクオリティをアップする7つのポイントをFunction Web Design & Developmentから紹介します。 How to Spot Quality within Web Design: Examples & Tips 以下、その意訳です。 1. Spacing スペースは、デザインされたエレメントの間に使用される巧妙なテクニックです。素晴らしいイメージを配置することも... 続きを読む
SIGIXD 2nd Googleにおけるインタラクションデザイン - 安藤日記
SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン #川島さんの示唆に富んだ話がすばらしかった。 川島 優志氏 シニアウェブマスター・アジア太平洋マネージャー: "Behind the web design & Dood... 続きを読む
デザイナーが知っておくべき背景画像のリソースサイト集:phpspot開発日誌
36 Must Have Backgrounds and Patterns Resources for all Designers : Speckyboy - Web Design, Web Development and Graphic Design Resources デザイナーが知っておくべき背景画像のリソースサイト集。 背景画像のダウンロードやWEB上で動作するジェネレーターがまとまってい... 続きを読む
これは覚えておいたほうがいい!というPhotoshopのブラシ50セット:phpspot開発日誌
50 Free Photoshop Brush Sets Everyone Should Have | Web Design Blog, Web Designer Resources これは覚えておいたほうがいい!というPhotoshopのブラシ50セット。 かなり使えそうなものが多かったのでご紹介します。 クラウド時代の雲のブラシ。何ともリアル 自然のいい感じが出せそうなブラシ ペンキなんかをぶ... 続きを読む
しっかりと理解しておきたい!レスポンシブWebデザインを使いこなすための9つの基本原則 | コリス
レスポンシブWebデザインは、デスクトップやスマホやタブレットなどさまざまなサイズのスクリーンの問題に対する素晴らしい解決方法です。 レスポンシブWebデザインをより深く理解するための基本原則を紹介します。 9 basic principles of responsive web design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ... 続きを読む
あなたの制作人生を「速記コーディング」で豊かにする、Texterを使ったアウトプット術 | 5am! Web Illusions
札幌でWebデザイナーをやっているRINの勉強ブログ。Web Design/PHP/CSS/写真メイン Texterのダウンロード(日本語化済み) Texterの初期設定 単語登録の方法 おすすめ単語登録リスト トラブルシューティング 毎日積み重なっていくモノの力は凄い 人生で何万回も同じ操作で、同じ文字を打つ必要はありますか? よく使う日本語・同じようなコードを、何万回も同じ操作で打つ必要ってあ... 続きを読む
COULD:Webデザインに関する 15 の調査結果
Webデザインにおいてビジュアルデザインは重要ですが、それに匹敵、時にはそれ以上に『使える』Webサイト作りが重要になってきます。Human Factors International がまとめたレポートが Jens Meiert さんのサイトの Web design: 15 important research findings you should know というエントリーでまとめてありまし... 続きを読む
静かに流行り始めているポリゴン風デザインに挑戦! | Webクリエイターボックス
2013年05月07日 Inspiration, Web Design, 便利ツール 2013年を代表するデザイントレンドと言えばフラットデザイン。それを横目に、実は静かに流行り始めている「ポリゴン風デザイン」をご存知でしょうか?ローポリと呼ばれているものですね。今回はツールを使って写真からポリゴン風イラストを作ってみましょう!デザインの参考になるWebサイトやグラフィック・アートもまとめているの... 続きを読む
継ぎ目のないパターン200選 | CREAMU
デザインに使えるパターンを探している。 そんなときにおすすめなのが、『200+ Beautiful Seamless Patterns Perfect for Web Design』。継ぎ目のないパターン200選だ。 以下にいくつかご紹介。 ↑のキャプチャはSoftly Plaidly- Peachy Keen (11パターン)。 Pattern 2 (14パターン) Textured Strip... 続きを読む
ウェブデザインに磨きをかけるテクスチャの効果的な使い方 | コリス
テクスチャの用途は単に背景に配置するだけではありません。最近のウェブトレンドでもある繊細なテクスチャを使用して、ウェブデザインに磨きをかける方法を紹介します。 How the use of textures can improve your web design 下記は各ポイントを意訳したものです。 はじめに 1. イラストの強調 2. エレメントのグルーピング 3. コンテンツの強調 4. リア... 続きを読む
背景画像に最適!超ハイクオリティな400以上のパターン画像集:phpspot開発日誌
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. 背景画像に最適!超ハ... 続きを読む
[CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート | コリス
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... 続きを読む
hail2u.net - Weblog - CSSコーディング・スタイル
Posted at 2006-08-20T18:33:00+09:00 in Web Design 「こういうスタイルがCSSを記述する時に便利だよ!コンセンサス(つづりは知らない)も取れるし!」とかいう建設的な意見はまるでないんですが、CSSを書く時の自分ルールは結構あるのでまとめがてらエントリにする。もちろんhxxk.jpのCSS の記述ルール記事のまとめというエントリを見たから書く気になった... 続きを読む
ウノウラボ Unoh Labs: 【Web Design】なるほどリンク集 その1
こんばんわ、sashaです。 ラボブログの当番が回ってきて、ネタがなくて困っていたところに、私がCSSでデザインをする上で参考にしているサイトを書いてみたら、とみんなに言われました。なるほどねー!じゃ、そうしよう。 ただ、恐縮ですが、私は7月にウノウに入社するまで6年間海外にいたため、リソースも英語サイトばっかです。おっと。アレルギー反応を起こさないでください。興味がある分野で日々英語のサイトを見... 続きを読む
30 Inspiring Sites with Illustrated Backgrounds » Illustration, Web Design » 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
WD101Webデザイン WD101: Webは見た目のコントロールがきかない 「見た目を同じにすることは出来ない」という Web デザインにおける事実を前提に設計しなければいけません。利用者に権限があるという中での最適化と、価値をどのように提供するのかという見た目とは違うコントロールが必要になります。 このシリーズでは Web Design101(WD101)と名付けて、ウェブデザインをより深く... 続きを読む
hail2u.net - Weblog - pre要素へのスタイル指定
Posted at 2006-09-06T19:38:00+09:00 in Web Design idea * ideaでエントリになっていたので、言及されていることだしうちのサイトのことだけちょっと書こうかなとか考えてみたら結構色々あって、エントリのネタになりそうだったのでまとめてみた。どっかにもちょろっと書いたけど。 実際にスタイル指定を書く前に抑えておくべき知識として以下のようなものが挙げ... 続きを読む
WD101: Webのデザインは枠のない世界である : could
WD101Webデザイン WD101: Webのデザインは枠のない世界である 適したデザインをするには、扱う媒体における特有の制約を理解して、初めて実装できます。紙には「枠がある」という制約があり、Webには「枠がない」という制約が存在します。 このシリーズでは Web Design101(WD101)と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹... 続きを読む
Illustratorをより身近に!デザインをたのしむ無料ベクター素材まとめPhotoshopVIP |
デザイン制作をより身近にしてくれる、無料ベクター素材を使って、Illustratorを学びませんか。ベクター素材を利用することで、よりカスマイズ自由なデザインをたのしむことができます。 海外デザインブログCSS Authorで、新しく公開されたIllustrator用フリーベクター素材を、まとめたエントリー「500+ Vector Elements for Web Design」が公開されていたの... 続きを読む
Javascriptで動的にアンチエイリアスな角丸を設定する:phpspot開発日誌
More Nifty Corners | Web Design | PRO.HTML.IT Nifty Corners are a combination of CSS and Javascript to get rounded corners without images. The technique is made up of four essential parts: 「Javascript... 続きを読む
20 Free GUI Templates for 'Flat' Web Design
All of the GUI templates we have for you today have been designed in a Flat style. Meaning they have been created ‘without the usual gradients, pixel perfect shadows, and skeuomorphism…’. All of the k... 続きを読む
フォームをカッコよくするjQueryプラグイン集15:phpspot開発日誌
15 Simple & Effective jQuery Plugins that Enhance Your Forms | Onextrapixel - Web Design & Development Online Magazine フォームをカッコよくするjQueryプラグイン集15。 デフォルトのフォームってかっこ悪いですが、TwitterBootstrapばりにカッコよくしてくれるjQu... 続きを読む