Web制作に役立つ情報一覧

もうCSS設計で悩まない！「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選

2013/09/20(Fri) 12:02

構造やクラス名、プロパティの記述方法などをルール付ける「CSSコーディング ガイドライン」策定のための参考記事を紹介します。 チームでの共有、コーディング効率やメンテナンス性などの改善のためにも、これを機会にガイドラインを導入してみてはいかがでしょうか…

http://squeeze.jp/blog/web-development/css-guideline/

hr要素のデザインサンプル 12

2013/09/19(Thu) 14:49

hr要素は罫線を表示させるもので、話題を変える時の目印となる区切り線などとして用いられます。どのブラウザでも完璧に同じ見栄えをとなると背景画像とかがやはり手っ取り早いし無難なんですが…

http://www.nxworld.net/tips/hr-css-design.html

もうアイコンには困らないぞ！ 11,245個のピクトグラムのアイコンがダウンロードできる -flaticon

2013/09/18(Wed) 11:13

10,000個以上あっても品質はどうよ、と思う人もいるかもしれませんが、サイトを運営しているのは当ブログともコラボしたfreepik.com！彼らのアイコンをはじめ、質の高いアイコンが揃っています…

http://coliss.com/articles/freebies/freebies-flaticon.html

フリーフォントうつくし明朝体 - フロップデザイン

2013/09/13(Fri) 11:38

02うつくし明朝体フォントは、どなたでも自由に無料でダウンロードして、商用・非商用問わず安心して使用できるオープンソースのフリーフォントです。このフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます…

http://www.flopdesign.com/freefont/utsukushi-mincho-font.html

CSSサンプル集

2013/09/12(Thu) 12:04

CSSを使ったテキスト装飾のサンプルです。

http://typesquare.com/sample/csseffect/

Photoshopで写真をリアルな鉛筆画に加工する方法

2013/09/11(Wed) 11:34

最近は絵を書く時間が全く持てなくて困っています…どうにか早く描けないものかと悩んだ末、表題の通り、「写真から絵を作ってしまおう」という結論に至ったわけです…

http://liginc.co.jp/web/design/photoshop/50243

フラットデザインに即採用！美しい日本語フォント。しかも無料。

2013/09/10(Tue) 17:34

最早至る所で見聞きするフラットデザイン。Appleを初めGoogleや各ウェブサービス、アプリケーションのUIでもどんどん取り入れられています。ご存知の通り凹凸が無く巧みに配色を考えられた美しいデザインで…

http://balancenote.com/2013/08/30/flatdesign-font/

ウェブデザインで大切な空白スペースの効果的な5つの使い方

2013/09/09(Mon) 13:58

空白スペース（ホワイトスペース）が、ウェブサイトのユーザエクスペリエンスに与える5つの重要な効果を紹介します…

http://coliss.com/articles/build-websites/architectonics/usability/5-ways-how-whitespace-affects-by-usabilla.html

WebページをRetina対応させるテクニック〜基礎知識編

2013/09/06(Fri) 15:00

iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか…

http://www.atmarkit.co.jp/ait/articles/1308/29/news004.html

WEBデザインの仕事を効率化するために便利なWEBサイト＆サービス8選

2013/09/05(Thu) 11:48

今回はWEBサイトをデザインする時に手助けしてくれる便利なWEBサイト＆サービスをご紹介させていただきます…

http://liginc.co.jp/web/design/47427