Web制作に役立つ情報一覧

Web制作者はブックマークしておくと便利！HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス

2015/07/02(Thu) 07:52

CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオンラインサービスを紹介します。

http://coliss.com/articles/build-websites/operation/work/online-code-generators-webcodetools.html

UIデザインで大切な空白スペースの効果的な使い方

2015/07/02(Thu) 07:51

空白スペースは単なる美ではありません、ユーザインターフェイスの成功への鍵です。空白スペースがWebデザインやUXデザインにおいてどのように使うと効果的に機能するかを紹介します。

http://coliss.com/articles/build-websites/operation/design/white-space-is-crucial-to-ux-design-by-jerry.html

【新人ディレクター向け vol.2】Web制作における契約成立の流れと注意点

2015/07/01(Wed) 07:57

今回は前回触れることができなかった、発注について細かく解説してみようかと思います。

http://liginc.co.jp/web/useful/160023

デザインの実践現場で使える！すごい無料モックアップPSD素材31個まとめ

2015/07/01(Wed) 07:56

ブランド価値を高めるブランディングデザインにはじまり、ウェブデザインやモバイルアプリのUIデザインをより魅力的に紹介できる、お助け系モックアップ素材まで、幅広いコレクションを揃えています。

http://photoshopvip.net/archives/78967

デザインの勉強にいい！有名ブランドのガイドラインのまとめ

2015/07/01(Wed) 07:55

Apple, Microsoftをはじめ、Sony, IBM, Intel, Adobe, Dell, FedExなど、有名ブランドのデザインガイドラインを紹介します。スタバ、ケンタ、Heineken、NASA、LEGOなど、ちょっと珍しいガイドラインもあります。LEGOのガイドラインは、かなりLEGOらしい出来映えです。

http://coliss.com/articles/build-websites/operation/work/visual-identity-guidelines-for-ux-desiners.html

デザインの階層ルールをつくる、5つの効果的なテクニックまとめ

2015/07/01(Wed) 07:54

効果的なビジュアル階層、ヒエラルキー（英: Visual Hierarchy）を作成する５つのデザインテクニックをまとめてご紹介します。

http://photoshopvip.net/archives/78950

【新人ディレクター向け vol.1】Web制作における契約書の種類とその範囲

2015/06/30(Tue) 07:48

新たにWebディレクターとなった方たちに捧げる【新人ディレクター向け】と題したシリーズの、第1回目です。
全6回でお送りする予定ですので、お付き合いください。

http://liginc.co.jp/web/useful/160021

無料で使える！すごいフリーフォント素材50個まとめ 2015年6月度

2015/06/30(Tue) 07:47

最近公開されているフリーフォントの特徴として、デザイン性に優れてい素材が多く、幅広いデザインカテゴリから選択することができます。お気に入りを見つけて、フォントコレクションに加えてみませんか。

http://photoshopvip.net/archives/78860

WordPressの制作・公開・運用・セキュリティなどに関する重要なチェック項目のまとめ

2015/06/29(Mon) 07:44

WordPressの制作の準備、制作、公開、SEOやセキュリティやメンテナンスなど運用における、WordPressでサイトやブログを運営する際の大切なポイントをまとめたチェックリストを紹介します。

http://coliss.com/articles/blog/wordpress/wordpress-checklist-by-capsicummediaworks.html

アクセスしたブラウザがHTML5をどの程度サポートしているか等のスコアを表示するOSS・「html5test」

2015/06/29(Mon) 07:43

html5testはアクセスしたブラウザがHTML5をどの程度サポートしているかを表示してくれるツールです。オープンソースとしてもコードが公開されています。それぞれのカテゴリに分けられていて、各項目のサポートの有無を把握しやすい印象でした。

http://kachibito.net/useful-resource/html5test