Web制作に役立つ情報一覧

[CSS]コピペで使える、テキスト周りをかっこよくするCSS3のエフェクト集 | コリス

2011/01/06(Thu) 12:24

テキスト周りをかっこよくデザインする方法が紹介されています。

http://coliss.com/articles/build-websites/operation/css/css3-tutorial-7-super-easy-css-recipes.html

IEでも動作する画像を超簡単に角丸化できるjQueryプラグイン「IMGr」:phpspot開発日誌

2011/01/05(Wed) 11:45

IEの古いバージョンだと角丸化が難しいのですがjQueryプラグイン「IMGr」を利用することで簡単に角丸化が出来る方法を紹介しています。

http://phpspot.org/blog/archives/2010/10/iejqueryimgr.html

[CSS]幅は可変で高さは異なるカラムの高さを等しくするスタイルシートのまとめ | コリス

2010/12/28(Tue) 09:57

意外と悩むカラムの高さ。
異なるカラムの高さを等しくするスタイルシートを紹介しています。

http://coliss.com/articles/build-websites/operation/css/css-tutorial-fluid-width-equal-height-columns.html

国産限定・カラー選定、配色支援などに役立ちそうなカラーツールいろいろ - かちびと.net

2010/12/27(Mon) 11:35

国産限定のカラー選定、配色に役立つサイトを紹介しています。
日本の伝統色で名前を表示しているのもあり配色の勉強に便利です。

http://kachibito.net/web-service/japanese-color-tools.html

ほんとにフリー？というクオリティのXHTML/CSSテンプレート２０:phpspot開発日誌

2010/12/24(Fri) 11:25

Photoshopテンプレートではなく、HTMLになっているのがとても参考になります。

http://phpspot.org/blog/archives/2010/10/xhtmlcss_3.html

配色パターンからWebデザインを考える | Webクリエイターボックス

2010/12/22(Wed) 11:41

色彩の三属性、配色を探す方法、効果的な配色を用いたWebサイトなど色彩について紹介しています。

http://www.webcreatorbox.com/tech/web-design-color-scheme/

レイアウト作りを簡単にしてくれるCSSグリッドシステム

2010/12/21(Tue) 11:08

Webデザインに欠かせないCSSでのレイアウト作りについて紹介しています。

http://webdesignrecipes.com/css-grid-system-layout/

ウェブデザイナーのための実用的なデザインとコーディングテクニック集 | コリス

2010/12/20(Mon) 10:55

複数の項目がある棒グラフのエフェクト、ちょっと面白い画像のキャプション、ウェブのための印刷風デザインなど実用的なデザインとコーディングテクニック集が紹介されています。

http://coliss.com/articles/build-websites/operation/work/5-useful-design-techniques-and-coding-solutions-for-web-designers.html

色覚障がい者に配慮したWebサイトの作り方 | Webクリエイターボックス

2010/12/17(Fri) 11:27

色覚障がいについて、どのように見えるのか、ウェブサイトの改善点など色覚障がい者に配慮したWebサイトの作り方を紹介しています。

http://www.webcreatorbox.com/tech/design-colorblind-users/

WordPressをカスタマイズするなら絶対覚えておきたい条件分岐やカスタム投稿タイプなどいろいろ

2010/12/16(Thu) 11:06

WordPressを始めたい方やカスタマイズしたい方に便利なサイトです。

http://webdesignrecipes.com/wordpress-conditional-tags-and-custom-post-type/