デザイナーが成長するには、いいものをたくさん見ること。 目を肥やすクリエイティブなパターンを使ったアートワークをdribbbleから、たくさん紹介します。
デザイナーが成長するには、いいものをたくさん見ること。 目を肥やすクリエイティブなパターンを使ったアートワークをdribbbleから、たくさん紹介します。
例として以下の様な HTML 構造があったとします。 <body> <!-- 画像解像度: 100 x 100 (px)--> <img src="images/thumbnail.jpg" /> </body> img { display: inline-block; margin: auto; width: 10vw; } img の幅を 10vw と指定しています。基準となるビューポートの幅を vw で表すと 100vw となります。iPhone 5S のビューポート幅をピクセルで表すと 320px な訳ですが、10vw はその 1/10 ということで32px が img の幅となります。つまり 1vw は 1% と同じ長さになります。もちろんリキッドレイアウトにも対応した動きを持っています。 Demo - viewport lengthを開く(このサンプルはChromeブラウザでの
Editor's Notes &#x3082;&#x3068;&#x3082;&#x3068;HTML&#x306F;Web&#x30A2;&#x30D7;&#x30EA;&#x3092;&#x5FF5;&#x982D;&#x306B;&#x7F6E;&#x3044;&#x3066;&#x4F5C;&#x3089;&#x308C;&#x305F;&#x3082;&#x306E;&#x3067;&#x306F;&#x306A;&#x3044; &#x5185;&#x5BB9;&#x304C;&#x53E4;&#x304F;&#x306A;&
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く