神は細部に宿るのでこういうのは良いですな。 Little Big Detailsでは、サイトでみかけた「細かいけど素敵なインターフェース」を集めている。 ボタンやら入力フォームやら、ささいなことであるが、ここに凝っていると好感が持てるよなぁ、という事例が満載だ。 Webサービスやソフトウェアを作っている人はたまに覗いておくべきだろう。 また、Tumblrで作られているようなので気になる人はフォローしておくと良いですな。
![細かいけど大事なUIを集めたTumblrブログ『Little Big Details』 | 100SHIKI](https://cdn-ak-scissors.b.st-hatena.com/image/square/31b3d6b635705a78c0d9ab73ce5b231a81eae12c/height=288;version=1;width=512/http%3A%2F%2Fwww.100shiki.com%2Fdocs%2F201101%2F26_logo.gif)
カラーネーム 147色 147色のカラーネーム一覧と、それぞれのカラーコード一覧です。 カラーネーム 分類別 147色のカラーネームを分類別に掲載しています。 標準 16色 HTMLで定義されている基本色。この16色は、古いブラウザでもカラーネームを解釈することができます。 Web Safeカラー 216色 安心して使える216色。標準16色とこのセーフカラーは、異なる環境で見ても同じ色で表示されます。 カラーグラデーション 主要な色合いの彩度と明度のグラデーション一覧です。 カラーグラデーション 詳細版 24種の色合いによる1350色のグラデーション一覧です。 12色の色相環と補色 色相環(12色)のカラーコードと補色の表示サンプルです。 配色パターン イメージごとに分類された、Webデザイン用の配色パターン一覧です。
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート(縦向き)であれば 横
borderプロパティ borderプロパティは、ボックスのmargin(マージン)とpadding(パディング)の間にある“けい線”のいろいろなプロパティを表すプロパティです。 borderプロパティを使えば、上下左右のボーダーを一括で指定できます。また、border-top、border-bottom、border-left、border-rightといったプロパティのショートハンドプロパティとして使用されます。 詳しくはコチラ→ border “けい線”のいろいろなプロパティを表すborderプロパティ border-topプロパティ border-topプロパティは、ボックスのmargin-top(マージントップ)とpadding-top(パディングトップ)の間にある上側“けい線”のいろいろなプロパティを表すプロパティです。 border-top-width、border-top-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く