ASCII.jp

CSS GridとFlexboxで驚くほど簡単にレスポンシブレイアウトを実装する ...

レスポンシブWebデザインの実装に欠かせないメディアクエリを使わずに、CSS GridとFlexboxでレスポンシブなレイアウトを実装する方法を紹介します。 レスポンシブなレイアウトにはメディアクエリが欠かせないわけですが、CSS GridやFlexboxを使えばメディア ...
ASCII.jp

これは便利！CSS Gridのauto-fillとauto-fitの使い分けでRWDが捗る

CSS Gridで使えるrepeat()関数の「auto-fill」「auto-fit」の違いを理解すると、柔軟なレスポンシブ Webデザインが実現できます。わかりにくい両者の違いをデモで確認しましょう。 CSS Gridって本当に便利だなぁと思う今日この頃ですが、そのなかでも特に注目して ...
lifehacker

グリッドデザインのHTML/CSSを簡単に作れるサイト「3×4 Grid Builder」

自分軸で決めた十人十色の働き方インタビュー 仕事に、人生に効く一冊。 「3×4 Grid Builder」はグリッドデザインを構成する ...
窓の杜

「Google Chrome 57」ベータ版が公開、“CSS Grid Layout”をサポート

米Google Inc.は2日（現地時間）、Webブラウザー「Google Chrome」の最新ベータ版v57.0.2987.21を公開した。「Google Chrome 57」のベータ版では“CSS Grid Layout”がサポートされた。また、Android版では“プログレッシブWebアプリ”がより密接にOSへ統合されるほか、“Media ...