WEBデザインを本格的に勉強するなら、絶対に見るべきはてなブログ7選｜はてな神7 - 元『企業戦士』の1日1歩ブログ ~素晴らしき日常~
はじめに 17年05月30日迄のデザイン 1．『NO TITLE』 ブログ運営者様 ここがすごい！ 2．『LITERALLY』 ブログ運営者様 ここがすごい！ 3．『Minimal Green』 ブログ運営者様 ここがすごい！ 4．『Yukihy Life』 ブログ運営者様 ここがすごい！ 5．『FOXISM』 ブログ運営者様 ここがすごい！ 6.『急がば急いでまわれ！』 ブログ運営者様 ここがすごい 7.『つばさのーと』 ブログ運営者様 ここがすごい 最後に はじめに 4月にブログをはじめて、記事を書く中で「WEBデザイン」を勉強することにハマってしまい…現在のブログデザインに至るまでに、かれこれ4回変更を加えてました。 変更理由は「飽き性」というより、皆様の反応を見ながら「改良」を行ってきた感じです。それこそ例で出すなら、ブログはじめて2か月目は、こんなデザインでした(笑) 17年05
CSSの関数はどんどん便利になっている！minmax()を使うとMedia Queries無しでレスポンシブが簡単に実装できる
CSSの関数には便利なものがたくさんあります。例えば、div要素に「width: calc(100% - 50px);」と指定することで、幅いっぱいから50pxを引いた値を幅に適用できます。 minmax()関数はcalc()関数のように数字やキーワードを使って、要素の最小値と最大値を指定でき、簡単なCSSの記述でレスポンシブ対応の高度なレイアウトを作成できます。 下記のレスポンシブ対応のグリッドはたった2行のCSSで、プロパティも2つだけです。 How the minmax() Function Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 minmax()の基本的な使い方 minmax()を使うと、Media Queries無しでレスポンシブデザインができる サポートブラウザ minmax()の基本的な使い方
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
