Stay organized with collections Save and categorize content based on your preferences. A course exploring all aspects of responsive design. Learn how to make sites that look great and work well for everyone. Go back
![Web Fundamentals — Google Developers](https://cdn-ak-scissors.b.st-hatena.com/image/square/d16beb42d046cef8729444c156b5b08506ce0465/height=288;version=1;width=512/https%3A%2F%2Fweb.dev%2Flearn%2Fdesign%2Fcard.png)
レスポンシブWebデザインでは要素を可変にするために数値を%で指定することが多いですが、%指定の仕様を理解してないとハマることがあります。自分もそのような経験があったので備忘録としてまとめました。 要素の幅と高さの%指定 レスポンシブWebデザインのように、ある要素の幅を一定の比率を保ったまま可変するようにするには、通常、値を%で指定します。この時の値は、 求める要素の幅÷親要素のコンテンツ幅×100% の式で求められます。 例えば求める要素の幅が20px、親要素のコンテンツ幅が200pxの場合は、10%となります。 また、ここで言うコンテンツ幅とはmargin、padding、borderを含まない幅です。 同様に高さを%で指定する場合は、 求める要素の高さ÷親要素のコンテンツの高さ×100% となります。 marginとpaddingの%指定 左右のmargin、paddingを%で指
Photoshopって知れば知るほど、使えば使うほど、便利で欠かせないツールですよね。そんなPhotoshop CCの実作業が快適になる時短テクニックを紹介します。 例えば一時的にスポイトツールを使う時、どのように操作していますか? 「I」を押してスポイトツールに切り換える時に「I」を長押しで使うと、「I」を離した時に元のツールに戻すことができます(全ツール対応)。戻せるのはスペースバーの時だけではないんですね。 まだまだ知らないことばかりです。 28 Powerful hidden tips, tricks 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ※各ショートカットは、OS X用です。 Windowsの場合は、下記のように置き換えて利用してください。 command = Ctrl option = Alt delete =
エリック・ギル(Arthur Eric Rowton Gill, 1882-1940)は、石彫100点、碑文750点、木版画1,000点におよぶ膨大な作品と、美術工芸や社会改革に関わる約300点の著述を残した、20世紀英国を誇る芸術家です。 女性の豊かな裸体を表現した彫刻、私家版の書物を飾った神々の挿絵、古代ローマのアルファベットを蘇らせた石碑文は、いずれもギルの手によって描かれた神秘的な曲線美をもっています。敬虔なカトリック信者である一方でタブーをこえる奔放な感情を貫き、手工芸思想を追い求めながらも産業化の波にのまれてゆく宿命は、矛盾に満ちた20世紀における表現者の喜びと苦悩を体現する姿そのものです。アーツ&クラフツ運動の精神を継承した芸術家のなかでも、ひときわ異彩を放っているといえるでしょう。 そのようなギルの創作活動のなかで際立つのが、文字の造形を芸術の域にまで高めたレタリングとタイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く