Web制作に役立つ情報一覧

ちょっとこの辺でHTML5のタグを全部確認してみようぜ！！

2013/01/08(Tue) 10:57

HTML5の仕様は幅広いですが、とりあえずまずは「マークアップ言語としてのHTML5」を把握することから初めてみませんか？ざっくりまとめてみました…

http://webcre8.jp/investigate/html5-all-tags.html

たった2行でIE5.5〜IE8をモダンブラウザの挙動にする魔法のJS

2013/01/08(Tue) 10:55

開発者泣かせの問題児ブラウザ、Internet Explorerですが、IE5.5、IE6、IE7、IE8をモダンブラウザの挙動にする神JSがGoogle Codeで配布されていました

http://attrip.jp/78616

サイトの様々な確認作業に使うチェックツール達！レスポンシブ、パフォーマンス、クロスブラウザ対応等全部！

2013/01/07(Mon) 11:30

いくら忙しくても忘れては成らないのが制作するウェブサイトの動作、表示チェックの数々ですよね。最近はデバイスの多様化も手伝って、デバイスチェックだけでも大変なのに…

http://webya.opdsgn.com/tools/websitecheck2012/

Photoshopスキルを磨く、すごいチュートリアル、作り方25個まとめ

2013/01/07(Mon) 11:23

海外デザインブログSmashingHub.comで、新作Photoshopチュートリアル、使い方25個をまとめたエントリー「Ultimate Collection of Photoshop CS6 Tutorials」が公開されていたので、今回はご紹介します…

http://photoshopvip.net/archives/40769

複数の色を使うときにバランスよく配色する方法

2012/12/28(Fri) 10:33

ちょっとひさびさに配色についてです。カラフルに仕上げたいけど、なぜかうまくいかない！バランスが悪くなる！という場合のちょっとした配色のコツを書いてみたいと思います。

http://handywebdesign.net/2012/11/if-you-want-to-use-many-colors/

2012年、ピクトグラムのアイコン素材のまとめ、全部商用無料です！

2012/12/28(Fri) 10:33

全部ダウンロードしたら4000種以上！商用でも無料で利用できる、小さいサイズからゆる〜いデザインのピクトグラムのアイコン素材を紹介します。

http://coliss.com/articles/freebies/freebies-pixel-perfect-icons-2012.html

【Adobeのアプリケーション】kuler

2012/12/27(Thu) 11:04

いろいろな配色パターンを作成できます。カラーを考えたりするときに便利なサイトです。Illustrator、Photoshopのスウォッチとして登録もできます。

https://kuler.adobe.com/#themes/rating?time=30

ウェブデザインの引き出しを増やすPSD素材がダウンロードできる -ByPeople、質も量もものすごいです！

2012/12/27(Thu) 10:59

ウェブページのメニュー、ボタンなどをはじめ、ボックス、スライダー、アイコン、背景パターン、リボン、バッジ、エフェクト、テンプレートなど、トータル2,000くらい？のPSD素材がダウンロードできるByPeopleを紹介します。

http://coliss.com/articles/freebies/free-bundle-for-web-professionals-bypeople.html

無料でダウンロードできる多種多様なアイコン・ボタン・UIキットいろいろ

2012/12/26(Wed) 10:45

400種類以上のミニアイコンのセットから、ちょっと変わった法律っぽいアイコン、世界中の国旗のアイコン、洗練されたUIキットまで、多種多様なアイコン・ボタン・UIキットを集めてリスト化したものがデザインに関係するトピックを配信するDzineBlog.comで公開されています…

http://gigazine.net/news/20121120-33-freebie-buttons-and-icon/

有名企業・大学などのロゴやヴィジュアルを定義したスタイルガイドラインのまとめ

2012/12/26(Wed) 10:48

ガイドラインのトータル、59ブランド！有名企業や大学などのロゴやヴィジュアルを定義したブランドアイデンティティやスタイルガイドラインをLogo Design Loveから紹介します。

http://coliss.com/articles/build-websites/operations/style-guide/brand-identity-style-guides-by-logodesignlove.html