Web制作に役立つ情報一覧

見やすい・使いやすいレイアウトの為に考えるべき事。

2012/08/02(Thu) 11:47

どういう風にユーザーに見せれば「見やすいか？」「使いやすいか？」を検証しています。

http://basicdesign-note.com/easytoread-layout/

和紙テクスチャ素材

2012/07/31(Tue) 11:48

商用OKな和紙のテクスチャです。ひな祭り、桜、お花見の無料イラスト。卒業、入学シーズンに-春の無料イラスト/和のフリー素材集/和風イラスト/浮世絵壁紙/和紙テクスチャ/和のクリップアートが紹介されています。

http://www.wafusozai.com/archives/category/texture

黄金比や白銀比など最適な比率を計算してくれる「Metallic Ratio」

2012/07/30(Mon) 11:42

図形が最も美しく見えるとして1：1.618という比率は黄金比。「Metallic Ratio」では縦や横の幅を記入すると自動的にそれらの比率に従って長方形を作ってくれます。

http://gigazine.net/news/20120704-metallic-ratio/

1920x1200pxの高解像度だから背景にも安心、ざらっとした布地のテクスチャ素材

2012/07/27(Fri) 14:47

商用でも無料で利用できる、ざらっとした布地のテクスチャ素材を紹介しています。

http://coliss.com/articles/freebies/freebies-textures-stained-canvas-by-wegraphics.html

保存しておきたい、色鮮やかな100+個の無料グラデーション素材ファイルまとめ

2012/07/26(Thu) 14:36

色鮮やかな100+個の無料グラデーション素材ファイルが多数紹介されています。

http://photoshopvip.net/archives/37008

配色に悩んだときに、きっと役立つ7つの配色技法【基本】

2012/07/25(Wed) 11:52

配色に悩んだ時や、配色の勉強に役立ちます。

http://creators-manual.com/color_scheme7/

必見！Helveticaの代わりに使える30のフォント

2012/07/24(Tue) 11:52

Helveticaの代わりに使えるフォントを30種類紹介した記事を紹介しています。

http://www.seojapan.com/blog/30-fonts-to-replace-helvetica

Photoshop, Illustratorをマスターするための最初の一歩、Adobe系アプリのよく使うショートカットをまとめた壁紙

2012/07/23(Mon) 11:46

デスクトップの各サイズ、iPad用が用意された、Photoshop, Illustrator, InDesign, Flashのツールバーのショートカットをまとめた壁紙を紹介しています。

http://coliss.com/articles/freebies/freebies-wallpaper-adobe-suite-toolbar-shortcut.html

あなたが作ったサイトのフッターの役割は？12のフッター活用方法！

2012/07/20(Fri) 11:18

ウェブデザインで重要なフッターデザインについて紹介しています。

http://creators-manual.com/footer12/

[JS]レスポンシブデザインもOK、水平タイプのナビゲーションをいい感じにするスクリプト -HorizontalNav

2012/07/19(Thu) 12:12

リスト要素で実装した水平タイプのナビゲーションのスタイルを壊すことなく、配置エリア・表示サイズに合わせて最適化するjQueryのプラグインを紹介しています。

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-horizontalnav.html