Web制作に役立つ情報一覧

検索エンジンは短いtitleタグ・長いdescriptionがお好き――Etsy独自調査

2017/02/03(Fri) 09:52

コンテンツ第一の時代でも、良いコンテンツをさらに検索で有利にするノウハウが一切ないわけではない

http://web-tan.forum.impressrd.jp/e/2017/02/03/24948

アンダーラインと可読性：リンクをどのようにデザインするか？

2017/02/02(Thu) 10:16

Webの黎明期から、ハイパーリンクはオンライン上での体験の基礎をなす要素でした。リンクを開くということは、Webを閲覧している人々が最も頻繁に実行する行為のうちの一つであるということが研究で分かっています。

http://uxmilk.jp/56533

[JS]レスポンシブ対応、グリッドベースの進化したタブ型コンテンツを実装できるスクリプト -GridTab

2017/02/02(Thu) 10:15

タブ型コンテンツのレイアウトも進化しています。通常のタブ、天地のタブ、カード型レイアウトのようなタブなど、グリッドベースのさまざまなレイアウトに対応したタブを実装できるスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/grid-based-responsive-tabs.html

ウェブサイトの配色を決めるときに覚えておきたい７つのポイントまとめ

2017/02/02(Thu) 10:14

配色とは、他のデザイン要素と同じように、適度に使用することが大切です。最大で3つの色数に抑えることで、より良い結果を得ることができる傾向があります。デザインプロジェクトで色を適用することは

http://photoshopvip.net/98124

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

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