Webデザイン

【これは便利】あなたの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

私が売れるランディングページを作れる様になる迄の3年で学んだ7つの事

2012/11/12(Mon) 14:54

ランディングページは、商品の売上にダイレクトに影響する重要なものだ。それだけに、じっくりと時間をかけて、長期的に安定した売上を出せるものにする必要がある…

http://bazubu.com/lp-tips-9889.html

ウェブマスター・制作者は必読！ユーザーがサイトから離脱してしまう8つの要因

2012/10/30(Tue) 10:58

ウェブサイトを設計するときに、何をしないべきであるかについてまとめたインフォグラフィックを紹介します。

http://coliss.com/articles/build-websites/architectonics/usability/leave-a-website-by-kissmetrics.html