Web制作に役立つ情報一覧

コーディング規約を作ろう

2013/07/31(Wed) 13:45

コーディング規約やスタイルガイドは、HTMLやCSSのマークアップや、各種プログラミング言語の書き方をまとめたものです。コーディングスタンダードやコーディングガイドラインとも呼ばれますね…

http://www.webcreatorbox.com/webinfo/coding-guideline/

写真をイラスト風に加工する方法

2013/07/29(Mon) 14:50

はい、それではPhotoshopを使って、画像(写真)をイラスト風に加工する（オリジナルの）テクニックを紹介するね…

http://photoshop76.blog.fc2.com/blog-entry-27.html

髪の毛の切り抜きも超簡単！スゴイぞCS5！

2013/07/26(Fri) 14:50

CS5以降なら、髪の毛レベルの細やかな切り抜きもキレイにカンタン！髪の毛レベルでの細やかな切り抜き作業の決定版。Photoshop CS5での切り抜き方をお教えしたいと思います…

http://photoshop76.blog.fc2.com/blog-entry-25.html

日本語フリーフォントまとめ63個 – 2013年7月

2013/07/24(Wed) 14:26

自分用のために日本語で使えるフリーフォントをまとめてみました。こうやってみると結構な数がありますね。何かのお役に是非どうぞ…

http://www.danshihack.com/2013/07/21/junp/freefont_2013.html

マーケティングにおける色彩心理学の本当の使い方

2013/07/23(Tue) 14:02

マーケティングにおいて色彩心理学を利用することは重要とされますが、色彩の持つ効果は個人の経験に依存し、学術的に裏付けされたデータが少ないため、議論も多いところです…

http://gigazine.net/news/20130718-psychology-of-color/

Illustratorで印刷物風のかすれの描き方

2013/07/22(Mon) 15:19

ギザギザのあの線のラフの方法と、パスのオフセットで角を丸くするの方法を同時に使ってかすれ文字。文字の細い部分が途切れるため、古い印刷物やコピーを繰り返したようなレトロな感じのかすれに…

http://suzuki33.blog.fc2.com/blog-entry-113.html

フロップデザインフォント

2013/07/19(Fri) 11:07

フロップデザインフォントは、どなたでも自由に無料でダウンロードして、商用・非商用問わず使用できるオープンソースのフリーフォントです…

http://www.flopdesign.com/freefont/flopdesignfont.html

場面に合わせて使いわけよう！デザイナーなら知っておきたい、美しい和文フォント10選

2013/07/18(Thu) 14:14

僕がよく使う、有名な和文フォントを10個ピックアップしてみます。アポー先輩〜！「チラシの見出しに最適なフォントはないか」って相談がきたのですが、見出しに最適なフォントって何がありますか〜っ？

http://www.moxbit.com/2013/07/well-known-japanese-font-pick-up.html

[CSS]パーセントで指定された正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニック

2013/07/17(Wed) 16:09

天地左右の中央に配置したい要素のサイズが幅も高さもピクセルで指定されていれば、marginやpaddingで簡単に配置できますが、サイズ指定にパーセントを使用した要素だと表示サイズに依存されてサイズが分かりません…

http://coliss.com/articles/build-websites/operation/css/centering-percentage-widthheight-elements-by-css-tricks.html

ウェブサイトの制作に携わる全ての人に役立つスタイルガイドを簡単に作成できる -Style Guide Boilerplate

2013/07/16(Tue) 11:20

ウェブサイトのデザインや実装の一貫性を促進するために、制作に携わる全ての人に役立つスタイルガイドを簡単に作成できるテンプレートを紹介します…

http://coliss.com/articles/build-websites/operation/work/style-guide-boilerplate.html