Web制作に役立つ情報一覧

[CSS]フォントサイズの指定方法の基礎知識からレスポンシブに適した指定方法までやさしく解説

2015/06/08(Mon) 07:50

SSでのフォントサイズの指定方法をその単位とそれぞれの相違から、レスポンシブに適したフォントサイズの指定方法までをやさしく解説します。

http://coliss.com/articles/build-websites/operation/css/css-font-sizing-by-ire.html

ロイヤリティフリー！無料で使える高品質なライン系アイコン素材まとめ

2015/06/05(Fri) 07:51

今回はWebサイト制作には欠かせないアイコン素材の中から、線で構成されたライン系アイコンをまとめてご紹介します。

http://liginc.co.jp/web/design/material/162961

フォームの2大誤操作「閉じる・戻る」での離脱を減らす確認ダイアログを実装しよう／15か条の10

2015/06/05(Fri) 07:50

フォームの2大誤操作「閉じる」または「戻る」離脱の対策として有効な「確認ダイアログ」の活用例を紹介します。

http://web-tan.forum.impressrd.jp/e/2015/06/05/17005

自由に使いたい放題！ロゴ作成に使える完全フリーフォント101個まとめ

2015/06/05(Fri) 07:50

ロゴを作成するときに大事なポイントは、利用するフォントの種類です。フォントのデザインによってブランドイメージもガラリと変わってしまいます。クライアントの要望に沿ったオリジナルフォントを採用するのが理想的ですが、プロジェクト予算に限りがあるときにはフリーフォントの利用も検討してみましょう。

http://photoshopvip.net/archives/77655

コンバージョン率10倍!? B2Bサイトでユーザーがシナリオどおり動いているか確かめる方法（第56回）

2015/06/04(Thu) 07:59

想定した行動シナリオと動線が、実際のユーザーの動きとズレていないか、シナリオの効果はどうかを確認するセグメントを紹介

http://web-tan.forum.impressrd.jp/e/2015/06/04/20076

こんなやり方があったとは！IllustratorやSketchでWebデザインをはじめる前に必ず読んでおきたい -ベクターデータの教科書

2015/06/04(Thu) 07:58

最近のWebデザインに、ベクターデータの存在は欠かせないものになってきました。アイコンやロゴなどをSVGで使用したり、Webページやアプリのデザイン・UI設計といった制作のワークフローをベクターで作業している人も増えてきました。

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

デザイナーが知っておきたい、配色の基本原則10個まとめ

2015/06/04(Thu) 07:57

実践的に活用できるテクニックとなっているので、印象に残る独自の美しい配色を作ってみてはいかがでしょう。

http://photoshopvip.net/archives/77524

WordPressでURLやタイトルなどから記事情報を取得する方法

2015/06/04(Thu) 07:56

Google Analyticsなどで計測したデータを、せっかくだからサイトのコンテンツとして活用したいと思ったことはありませんか？例えば、Google Analyticsと連携して昨日閲覧された記事のランキングを作りたいときなど、その記事のURLはわかるけれども、サムネイルやタイトルなどの他の情報がわからないというときは、どうすればいいでしょうか。

http://liginc.co.jp/web/wp/customize/163753

[CSS]見出しや文章の読みやすさを重視してデザインされたレスポンシブ対応のグリッド -Sassline

2015/06/04(Thu) 07:55

見出しや文章など、テキストの読みやすさを重視して設計されたレスポンシブ対応のグリッドを実装するスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/baseline-grid-sassline.html

CSSの実用的なテクニックから素晴らしいアイデアまで！スタイルシートの最新テクニックのまとめ

2015/06/03(Wed) 07:57

次のプロジェクトに使ってみたくなるような実用的なものをはじめ、CSSでこんなこともできるの！という素晴らしいアイデアまで、クリエイティブなスタイルシートのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/awesome-css-techniques-2015-june.html