Web制作に役立つ情報一覧

保存版！CSS3セレクタの説明書

2012/01/18(Wed) 10:59

CSS3で一気に増えたセレクタですが、ちゃんと理解できていないものもあるのではないでしょうか？ということでCSS3で追加されたセレクタをすべて説明します。

http://weboook.blog22.fc2.com/blog-entry-287.html

Web制作における文章の可読性について考える

2012/01/17(Tue) 10:14

「文章の可読性とは？」「文章のブロック・段落」といった文章の可読性について紹介しています。

http://wp.yat-net.com/?p=2185

CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました

2012/01/17(Tue) 10:12

Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのがjQuery。jQueryについてわかりやすく紹介しています。

http://webdesignrecipes.com/jquery-beginners-guide-for-web-design/

デザインに必須の「文字詰め」をゲーム感覚で勉強できる『Kern Type』

2012/01/16(Mon) 10:40

文字詰めをゲームっぽく勉強できるサイトを紹介しています。

http://www.ideaxidea.com/archives/2011/10/kern_type.html

Appleから学ぶウェブデザインに役立つ10のチップス

2012/01/16(Mon) 10:39

Appleから学ぶことができるウェブデザインに役立つ10のチップスを紹介しています。

http://coliss.com/articles/build-websites/operation/design/10-lessons-on-design-we-can-learn-from-apple-by-creativefan.html

webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」

2012/01/13(Fri) 10:26

webデザインに必要なアイコンが500個もまとめられたアイコンセットを紹介しています。

http://design-develop.net/web-design/500-web-icons-pack.html

[CSS]画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションを適用する方法と注意点

2012/01/13(Fri) 10:23

CSS3を使って、画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションなどを適用するさまざまなテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/css3-image-styles-by-webdesignerwall.html

Photoshopマジック、すごすぎる写真加工、レタッチ術チュートリアル20個まとめ

2012/01/12(Thu) 10:16

ファッション雑誌などでよく目にする美しい写真の多くは、レタッチ加工されていることが多いようです。特にPhotoshopはプロの現場でも利用されているツールのひとつで、魔法のような加工を可能にします。

http://photoshopvip.net/archives/30123

Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ

2012/01/12(Thu) 10:12

色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。

http://webdesignrecipes.com/photoshop-layer-style-and-1px-webdesign/

洗練されたデザインのUIエレメントのPSD素材のまとめ

2012/01/11(Wed) 11:18

そのまま使ってもよし、デザインの勉強にもよしの洗練されたデザインのUIエレメントのPSD素材を紹介しています。

http://coliss.com/articles/freebies/freebies-pixel-perfect-psd-ui-elements.html