こんにちは！ ライターのナナミです。 みなさん、要素を下記のように横並びにする時、どんな方法を使っていますか？ floatやインラインブロックで作っているという方が多いのではないでしょうか。実は、もっと柔軟で簡単な手法があるんです。 ということで、今回は横並びレイアウトの新定番、Flexboxについて解説していきます！ この記事の流れは下記の通りです。
CSSのFlexboxとは？横並びレイアウトの新定番になるかも！ | 侍エンジニアブログ
こんにちは！ ライターのナナミです。 みなさん、要素を下記のように横並びにする時、どんな方法を使っていますか？ floatやインラインブロックで作っているという方が多いのではないでしょうか。実は、もっと柔軟で簡単な手法があるんです。 ということで、今回は横並びレイアウトの新定番、Flexboxについて解説していきます！ この記事の流れは下記の通りです。
CSSのvw, calc()を使用した、レスポンシブ対応のフォントサイズを指定するこれからのテクニック
本文や見出しなどのフォントサイズをスマホ時やデスクトップ時で変える時、通常はMedia Queriesでスクリーンサイズごとに文字サイズを指定していると思います。 ここで紹介するフォントサイズの指定方法はちょっと新しいアプローチで、最初にベースとなるフォントサイズを設定し、スクリーンサイズが大きくなるにつれ、Viewport Unit（ビューポートの単位）で加算してサイズを大きくします。 Viewport Unit Based Typography 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Viewport Unit（ビューポートの単位）とは？ フォントのサイズ指定のためのビューポートの使い方 他の文字の要素をビューポートで指定 縦のリズムとモジュラースケールをビューポートで指定 フォントサイズの指定の精度をアップする さらに精
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
