Web制作に役立つ情報一覧

ダウンロードしておきたいフリーのデザインフォントのまとめ -2013年1月

2013/02/06(Wed) 10:42

高品質なフリーのデザインフォント・タイプフェイスを紹介します…

http://coliss.com/articles/freebies/freebies-font-2013-jan.html

シンプルな背景素材。

2013/02/06(Wed) 10:41

紙、木目、壁紙、ノートなどシンプルな背景素材を紹介しています。

http://webdesignledger.com/freebies/15-free-patterns-for-your-designs

Illustratorでプラグインを使わずに、角を丸くする

2013/02/05(Tue) 10:33

Illustratorで文字の角を丸めるとき、［角を丸くする］効果を利用すると、次のように意図しない形状になってしまうことがあります…

http://www.dtp-transit.jp/adobe/illustrator/post_1631.html

流行りのレスポンシブ・ウェブデザイン！ よく使われるデザインパターンを集めてみた！

2013/02/05(Tue) 10:31

今回は流行りの【レスポンシブ・ウェブデザイン】について、デザイナー目線の記事を書こうと思います…

http://wp-d.org/2013/01/18/2028/

美しいラインを描くPhotoshopのチュートリアルのまとめ

2013/02/04(Mon) 11:18

背景やアクセントにぴったりな美しいラインを描くPhotoshopのチュートリアルを紹介します…

http://coliss.com/articles/build-websites/operation/design/photoshop-tutorial-draw-and-used-abstract-lines.html

コーディングガイドライン（HTML5）ver1.0

2013/02/04(Mon) 11:17

この文書（以下ガイドライン）は、株式会社QriptがWEBサイト制作を行う際の記述ルールなどを定めたものです…

http://met.hanatoweb.jp/guideline/html5/

デザインの現場で使える、無料ベクターデザイン素材80個まとめ

2013/02/01(Fri) 11:49

海外デザインブログDesignrfix.comで、デザイン制作に活用したい、高品質な無料ベクター素材80個をまとめたエントリー「80+ Wicked Free Vector Graphics for Designers」が公開されていたので、今回はご紹介します…

http://photoshopvip.net/archives/42630

味気ないウェブデザインに動きを加えて魅力的にする5つのデザインテクニック

2013/02/01(Fri) 11:48

デザインの基本的なテクニックを使って、ウェブデザインに動きを加えて魅力的にする方法を紹介します…

http://coliss.com/articles/build-websites/operation/design/techniques-for-creating-motion-in-web-design-by-codrops.html

HTML5 × CSS3 × jQueryを真面目に勉強 – #12 Pinterest風グリッドレイアウトを作ってみた

2013/01/31(Thu) 11:00

そんな訳で、写真共有SNSの一つであるPinterest(ぴんたれすと)。従来のグリッド式レイアウトのように高さが均一のグリッドが整然と並べられているのと違い…

http://dev.classmethod.jp/ria/html5/html5-css3-jquerystudy-12-pinterestgrid/

CSSを使ったレイアウトのテクニックがしっかり学べる良コンテンツ -Learn CSS Layout

2013/01/31(Thu) 10:59

全部英語ですが、CSSを使ったレイアウトのテクニックがしっかり学べるコンテンツを紹介します…

http://coliss.com/articles/build-websites/operation/css/learn-css-layout.html