2012年9月 5日 (水)

i-phoneの表示幅 などなど(メモ)

 お勉強用。
 (ブラウザを変えたり、PCを変えたときにも見られるように、あと、お気に入りの中でどっかいっちゃわないように、記事に置いておきます)

20コのフリーなレスポンシブルhtml&cssテンプレート
”20 Free Responsive HTML & CSS Templates”
http://speckyboy.com/2012/09/03/20-free-responsive-html-css-templates/

レスポンシブルデザインのナビゲーターのチュートリアル
”10 Responsive Navigation Solutions and Tutorials”
http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/


”Webサイト制作でつまずきがちな解像度に関わるあれこれ”
http://design-spice.com/2012/09/05/resolutio/

”viewportの動作検証(iPhoneのみ)”
http://design-spice.com/2011/10/06/viewport/


 i-phoneユーザーでないので、vewportの検証記事はあとでゆっくり読もうと思います。
 HPのi-phone表示、うまくいってないような気がするので。

 あとこれ。

”色覚障がいの方が作ったサイト【We are Colorblind】が勉強になる”
http://www.webcreatorbox.com/webinfo/we-are-colorblind/

 緑と赤系(ピンク)の組み合わせのサイト、クラブのHPとかですけど、それってちょっとダメっぽい・・・
 どうしたらいいのかなぁ。
 今更ですけど。

 印刷会社にいた時、明度や彩度の同じ緑&赤は避けるとか、常識みたいだったけど、自分ではそこまでシビアに気にしたことがなかった。。。
 あのサイト、けっこう馴染みやすい(差がない)色を意識していたので、ひっかかるな・・・

 今更かしら。

毎日チェックしたい更新頻度の高い国内Webデザインギャラリーサイトまとめ10個
http://cmmntr.com/m/13

 ここは面白そうなので、あとでゆっくり見ようw

続きを読む "i-phoneの表示幅 などなど(メモ)"

| | コメント (0) | トラックバック (0)