Webデザイン

10代のユーザビリティ： ティーン向けウェブサイトのデザイン

2013/02/22(Fri) 11:03

ティーンは、自分のウェブを扱う能力に（過剰に）自信を持っているが、彼らのパフォーマンスは大人に劣る。読解レベルの低さや、忍耐力のなさ、発展途上の情報収集スキルにより、ティーンのタスク成功率は低くなる…

http://www.usability.gr.jp/alertbox/usability-of-websites-for-teenagers.html

デザイン時に注意したい角丸の使いかた

2013/02/20(Wed) 11:06

私は以前からデザインに角丸を使うのが好きなのですが、「角丸をもう少し小さくして」と言われることがたまにありました…

http://designcolor-web.com/2013/02/12/kadomaru/

【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット

2013/02/14(Thu) 11:09

今日は、Webサイト表示の高速化に役立つツールを紹介します。あるページを表示するのに、サーバー側とブラウザ側の、どこで時間がどれぐらいかかっているのかを、一発でわかりやすく表示してくれるブックマークレットです…

http://web-tan.forum.impressrd.jp/e/2013/01/29/14562

知らない人は損してる、イラレでスーパーのチラシを作るときの7つのワザ

2013/02/08(Fri) 11:33

スーパーのチラシって、何重もの文字フチとか、値段の数字が重なってて円だけ小さいとか、囲みとか、必ず文字が画像にかかってしまうから白フチもつけないといけないとか…

http://www.cherrypieweb.com/weblog/technical/20120128183317.php

味気ないウェブデザインに動きを加えて魅力的にする5つのデザインテクニック

2013/02/01(Fri) 11:48

デザインの基本的なテクニックを使って、ウェブデザインに動きを加えて魅力的にする方法を紹介します…

http://coliss.com/articles/build-websites/operation/design/techniques-for-creating-motion-in-web-design-by-codrops.html

ドロップシャドウのバリエーションを増やしたい人用、ボックスに美しいさまざまなシャドウを適用した画像素材

2013/01/30(Wed) 11:03

昨日の記事でも扱ったシャドウの美しい繊細な画像素材を紹介します。シャドウも単にボックスの下につけるだけでなく、さまざまなパターンがあります…

http://coliss.com/articles/freebies/freebies-box-shadow-effects-by-youthedesigner.html

これは快適！Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce

2013/01/28(Mon) 10:47

Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します…

http://coliss.com/articles/build-websites/verification/software-sauce-all-browser-chcek-for-osx.html

width:100%なのにはみ出す理由と回避策。CSSを触るなら必ず理解しなくてはいけないボックスモデルの話。

2013/01/22(Tue) 11:34

横幅いっぱいに広げようとしてwidth:100%を指定したら横スクロールバーが出ちゃった、という経験ありませんか？　その原因と仕組み、回避策についてお話しします…

http://ginpen.com/2012/12/05/css-box-model/

【WEBデザインツール】Screenqueri.es

2012/12/14(Fri) 11:09

各種デバイスのウインドウサイズでサイトを表示できます。レスポンシブデザインにとても便利です。

http://screenqueri.es/

購買意欲をコントロールするサービス・商品の価格一覧表を作成する7つのテクニック

2012/12/14(Fri) 11:01

ウェブサービスの価格一覧表をサンプルにし、ユーザーの購買意欲をコントロールする価格一覧表を作成するテクニックを紹介します。

http://coliss.com/articles/build-websites/architectonics/usability/7-useful-design-strategies-for-a-successful-pricing-table.html