エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
まるで雑誌のように自由なWebページが実現する「CSSグリッドレイアウト デザインブック」発売 - MdN Design Interactive
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
まるで雑誌のように自由なWebページが実現する「CSSグリッドレイアウト デザインブック」発売 - MdN Design Interactive
これまでのHTMLとCSSを使ったWeb制作では、思ったようなデザインを実現するために「コンテンツをどうい... これまでのHTMLとCSSを使ったWeb制作では、思ったようなデザインを実現するために「コンテンツをどういう順に記述するか」「どうマークアップするか」「どのCSSのレイアウトテクニックを利用するか」をパズルのように取捨選択し、形にしていくスキルが必須であった。それ解決する方法として、いま注目を浴びているのが、CSSグリッドを使ったレイアウトテクニックである。 その手順は従来のWeb制作とは大きく異なる。まずは、DTP系のレイアウトソフトを利用して、印刷物と同じように完成見本(デザインカンプ)を作成。そこから「画像」「テキスト」「見出し」といったパーツを抽出し、それぞれのHTMLと文書構造を組み立てていく。そして最後に、CSSグリッドの上にそれぞれのパーツを配置していくのである。各パーツが独立して構成されているため、スマホ向けのレスポンシブ対応にも強い制作テクニックだ。 CSSグリッドを使っ