商用利用も無料、洗練されたデザインのウェブ用UIエレメントのPSD素材 -Design Kindle | コリスボタン、スライダー、スクロールバー、フォームの各エレメントなど、ウェブデザインに使用するUIエレメントのPSD素材をDesign Kindleから紹介します。
実用的なユーザビリティの10のポイント：ケーススタディ編
先日紹介した「実用的なユーザビリティの10のポイント」の中から、コンテンツやフォームやタイポグラフィなどの制作に役立つ実用的なケーススタディを紹介します。 10 Useful Usability Findings and Guidelines 以下の意訳は英語圏内のため、特にタイポグラフィなど日本語ではなく英語を想定したデータのためご注意ください。 タイポグラフィ 行間 ÷ フォントのサイズ = 1.48 ウェブサイトの英語フォントでは、一般的に「1.48」が読みやすいです。 クラシックなタイポグラフィの本では一般的に「1.5」が推奨されています。 行幅 ÷ 行間 = 27.8 一つのパラグラフの幅は平均538.64ピクセルです。 多くのウェブサイトのフォントサイズが12, 13ピクセルであることを考えるとかなり長いものとなっています。 パラグラフ間のスペース ÷ 行間 = 0.754 一
HTML をシンプルに保ちつつ、ブロック要素の段組みを実現する方法 パート2 | バシャログ。
「HTML をシンプルに保ったままブロック要素を段組みする方法」のパート 2 です。 前回の記事では、float と position の合わせ技により、全体の横幅ピッタリに要素を段組みしました。 今回は、position を使わない方法をご紹介します。 ボックスと余白の幅の値は前回と同じく以下です。 HTML ソースも前回と同じくこちら。無駄な ID や class のないシンプルなソースになっています。 <div id="photo"> <ul> <li><img src="hoge1.jpg" alt="サンプル1" width="160" height="120" /></li> <li><img src="hoge2.jpg" alt="サンプル2" width="160" height="120" /></li> <li><img src="hoge3.jpg" alt="サン
フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
&lt;script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&amp;pid=877160106″&gt;&lt;/script&gt;&lt;noscript&gt;&lt;a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&amp;pid=877160106″ target=”_blank” &gt;&lt;img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&amp;pid
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ナビゲーション・メニューまとめ - DesignWalker
https://www.openvista.jp/archives/note/269/?269/