Web制作に役立つ情報一覧

カメラや写真撮影の勉強になるチートシートのまとめ

2016/04/13(Wed) 07:30

ポートレート写真のライティング、夜景の撮り方、女子や男子を魅力的に見せるポーズ、風景写真の正しい焦点距離の選び方など、カメラや写真撮影の勉強になるチートシートを紹介します。

http://coliss.com/articles/build-websites/operation/design/cheat-sheets-for-photography.html

ウェブ制作あるある ―― ウェブ制作会社管理の失敗あるあるとその予防策

2016/04/12(Tue) 07:34

「あるあるトラブル」は、だれにでも起こり得ること。ダメなウェブ制作会社を見分け、制作会社と良い関係を築く方法を解説

http://web-tan.forum.impressrd.jp/e/2016/04/12/22411

ページの表示速度はレンダリングとクローリングの2つの側面でSEOに関係する

2016/04/12(Tue) 07:34

サーバースピードというものを見るときには、2つの側面があると思う。1つの側面は、ブラウザで認識される時間だ。つまり、レンダリングにかかる時間だ。これは、たしかにランキング要因になっている。

https://www.suzukikenichi.com/blog/two-aspects-to-look-at-server-speed/

配色が苦手なひとも大丈夫！瞬速でウェブ用カラーパレットを作成する方法

2016/04/12(Tue) 07:33

海外デザインブログ Smashing Magazine で公開された「The Simple Web Developer’s Guide to Color」では、1つの色を決めるだけで、ウェブサイトに最適なカラーパレットを手軽に作成する方法が紹介されています。

http://photoshopvip.net/archives/89206

商用利用無料、日本の文化・伝統や季節の風物詩をSVGにしたベクター素材 -Japan Culture Vector Set

2016/04/12(Tue) 07:32

お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント！もちろん個人でも商用でも無料で利用できます。今回は、日本の文化・伝統、季節の風物詩などをSVGにしたベクター素材です。

http://coliss.com/articles/freebies/vector-japanese-culture-by-freepik.html

CSSで子要素の表示を維持しつつ、要素を回転させる方法

2016/04/12(Tue) 07:31

なんとなくやってみて、もしかしたら今後使うことあるかもと思ったので備忘録。CSSのtransform: rotate()とanimationを使って要素が常に回転するような動きを実装する際、単純に親要素にそれらを指定するだけだと中にある子要素の見栄えも回転します。

http://www.nxworld.net/tips/css-element-rotate.html

CSS Shapesでテキストを回り込ませるレイアウトを表現 | Webクリエイターボックス

2016/04/12(Tue) 07:30

Webでのデザインはどうしても四角形のボックス型になりがち。印刷物だとテキストの配置ももっと自由にできますよね。今回はテキストを画像などの形にあわせて回りこませたり流しこんだりできちゃう CSS Shapes

http://www.webcreatorbox.com/tech/css-shapes/

シンプルなカラーで作る失敗知らずのウェブデザイン

2016/04/11(Mon) 07:30

ウェブデザインにおいて、サイトイメージに大きな影響を与える「カラーパターン」は重要です。ついつい色にこだわって色数を増やして全体のバランスを崩してしまいがちなカラーデザインを、極力少ない色だけで、バランスの整った見た目に美しい仕上がりにする方法論がウェブデザイナーによって解説されています。

http://gigazine.net/news/20160407-simple-color-workflow/

コンテンツ戦略だけでは不十分、その理由は……（後編）

2016/04/11(Mon) 07:30

テクノロジではなく「人間」をマーケティングの原動力とし、「より良い企業」を築くために考えるべき点

http://web-tan.forum.impressrd.jp/e/2016/04/11/22484

PhotoshopのスマートオブジェクトやアートボードをWeb制作でどうやって活用しているのか、制作現場のテクニックが分かるオススメの本

2016/04/11(Mon) 07:29

ここ数年で、Webデザインは大きく変わりました。ビットマップからベクターが主流になり、ページはマルチデバイス対応、パララックスなどのインタラクション アニメーション、最小要素からデザインする「Atomic Design」など、成果物やワークフローも進化を続けています。

http://coliss.com/articles/book-review/isbn10-4844365746.html