Web制作に役立つ情報一覧

見やすいサイトを作るときに最低限チェックしたい６項目

2017/02/01(Wed) 09:52

いくらコンテンツが良くても、見やすいサイトでないとユーザーはすぐに離脱してしまうでしょう。「見やすい」というのは、コンテキストやユーザーに依存する部分も多いのですが、そこには最低限守るべきルールがいくつかあります。

http://uxmilk.jp/59843

[CSS]ビューポート幅（vw）に対してレスポンシブ対応の文字サイズを指定するテクニック -Responsive font size

2017/02/01(Wed) 09:51

フォントサイズをレスポンシブ対応で変化させるには通常、スクリーンのサイズごとに数種類のフォントサイズを用意していると思います。

http://coliss.com/articles/build-websites/operation/css/responsive-fonts-auto-scaling.html

有名サイトの事例から学ぶ12のWebデザイン・レイアウト

2017/01/31(Tue) 10:13

ユーザーはデザインを見たいのではなく、コンテンツを求めてサイトにアクセスします。Web UI Patterns 2016 Vol. 1で説明した通り、デザインは直感的で分かりやすくコンテンツを表示するための手段にすぎません。

http://uxmilk.jp/53863

レスポンシブWebデザイン対応の棒グラフ、折れ線グラフ、円グラフを作れる・「Pizza Amore!」

2017/01/31(Tue) 10:12

Pizza Amore!は様々なデバイスで折れ線グラフや円グラフ、棒グラフ等を表示出来るスクリプトです。

http://kachibito.net/useful-resource/pizza-amore

UXデザイナーが資料作成で気をつけたい３つのポイント

2017/01/30(Mon) 09:50

UXデザイナーたちの仕事は、多忙を極めています。調査、設計、依頼主とのやり取り、チームでの作業などの仕事をしていると、資料を作成する時間はほぼ残されていないと言えます。

http://uxmilk.jp/48492

アプリアイコンのデザインで最低限守るべき３つのルール

2017/01/27(Fri) 09:53

AppStoreとホーム画面の両方で目を引くような、美しく印象的なアイコンはどのようなアプリにも必要なものです。同時に、アプリのアイコンはユーザーにとって、すぐに認識できるものである必要もあります。

http://uxmilk.jp/57903

clearfixの必要がなくなる新しいプロパティをW3Cが定義、一部のブラウザでもう使える！

2017/01/26(Thu) 10:05

clearfixが登場してから早10年が過ぎ、お世話になった人もたくさんいると思います。そんなclearfixさんの必要性がなくなる新しいCSSのプロパティが、2017年1月25日にW3Cのワーキングドラフトで定義されました。

http://coliss.com/articles/build-websites/operation/css/the-end-of-the-clearfix.html

2017年これからのWeb制作業界の流れ、注目されているテクニックやツール、Webデザインのトレンドなどのまとめ

2017/01/25(Wed) 09:53

数多くのブログで2017年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。

http://coliss.com/articles/build-websites/operation/work/web-design-trends-for-2017.html

完璧なテキストフィールドのための14のルール

2017/01/24(Tue) 09:55

アプリやウェブアプリケーションは、ユーザーからの入力がなければ何も変化しません。プロダクトデザイナー、開発者、そしてプロダクトマネージャーがそれを理解することはとても重要です。

http://uxmilk.jp/59430

漢字も使えて高品質！商用利用も可能な日本語フリーフォント 20

2017/01/24(Tue) 09:55

数年前まで少ない印象だった日本語フリーフォントですが、最近では少し探すだけでひと通り漢字も利用できて高品質なのにも関わらず商用利用可能というフォントも数多く出てきます。今回はそんな数ある日本語フリーフォントの中から、商用利用も可能で個人的によく利用させてもらっていたり、覚えておきたいと思ったものを紹介します。

http://www.nxworld.net/material/20-japanese-free-font.html