Web制作に役立つ情報一覧

25分でわかるPhotoshopの基本機能（初級編）

2011/05/20(Fri) 10:34

Photoshopの初歩中の初歩として、よく使う基本機能を紹介しています。

http://www.lifehacker.jp/2011/02/110209photoshopbasics.html

わずか数秒で自分用のHTML5のテンプレート一式を作成するオンラインサービス -Initializr

2011/05/19(Thu) 10:35

HTML5でサイトを作成する時に必要なHTML5の雛形、jQuery, Modernizrなどのスクリプト、CSSのリセットなど一式を自分用にカスタマイズして作成できるオンラインサービスを紹介しています。

http://coliss.com/articles/web-services/online-generator-html5-temple-initializr.html

Photoshopでまずダウンロードしたい無料デザインブラシ素材80個まとめ

2011/05/18(Wed) 10:53

画像編集ツールPhotoshopでよく利用されるツールの「ブラシツール」素材を紹介しています。

http://photoshopvip.net/archives/22100

divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」

2011/05/17(Tue) 09:57

綺麗な写真スライダーをシンプルなコードで簡単に実装する方法が紹介されています。

http://phpspot.org/blog/archives/2011/02/divjqueryjshowo.html

Photoshopを極める、Webデザイン制作に使える４つのテクニック

2011/05/16(Mon) 10:13

「ノイズ、テクスチャ素材を利用しよう」「角丸長方形をデザインしよう」などちょっと知っていると便利なテクニックを紹介しています。

http://photoshopvip.net/archives/22059

効果的にコンテンツを配置する代表的な3つのレイアウトとは

2011/05/13(Fri) 11:14

代表的な3つのレイアウト、グーテンベルグ ダイアグラム、Zパターン、Fパターンを紹介しています。

http://coliss.com/articles/build-websites/operation/design/3-design-layouts-by-vanseodesign.html

優れたiPhoneサイトデザイン集 - iPhoneデザインボックス

2011/05/12(Thu) 10:56

iPhoneサイトデザイン集を多数紹介しています。iPhoneサイト制作の参考に。

http://design.web-hon.com/

ブログやWebサイトをスマートフォン向けに最適化してくれるWebサービス・Mippin Mobilizer

2011/05/11(Wed) 10:32

ウェブサイトやブログをスマフォ向けに最適化したいけど時間が無かったりスキルがなかなか追いつけいという方に便利なWebサービスを紹介しています。

http://kachibito.net/web-service/mippin-mobilizer.html

[JS]複数行の異なる高さのブロックをそれぞれ同じ高さに揃えるスクリプト

2011/05/10(Tue) 11:06

画像のサムネイルやテキストを配置したボックスなど、異なる高さのブロックが数多くあっても全ての高さを等しく揃えるスクリプトを紹介しています。

http://coliss.com/articles/build-websites/operation/javascript/equal-height-blocks-in-rows-by-css-tricks.html

少しのコードで実装可能な20のCSS小技集

2011/05/09(Mon) 11:08

「divを中央揃えにする」「divを横並びに」「リンクの点線を消去」などCSSの小技を多数紹介しています。

http://www.webcreatorbox.com/tech/css-tips20/