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って本当に便利だなぁと思う今日この頃ですが、そのなかでも特に注目して ...
窓の杜

“CSS Grid Layout”をサポートした「Google Chrome 57」が正式版に ～脆弱 ...

米Google Inc.は9日（現地時間）、Webブラウザー「Google Chrome」の最新安定版v57.0.2987.98を公開した。「Google Chrome 57」では“CSS Grid Layout（display: grid;）”がサポートされ、より複雑なレイアウトを柔軟に行えるようになった。 “Grid Layout”を利用すると、要素の ...
GIGAZINE

「Google Chrome 57」安定版リリース、レスポンシブデザインに適した ...

ウェブブラウザ「Google Chrome」の最新安定版となる「57.0.2987.98」がWindows・Mac・Linux向けにリリースされました。このバージョンではCSSで要素ごとに区切った格子を制御できる「CSS Grid Layout (display: grid;)」をサポートするほか、JavaScriptを補完することで動的 ...
窓の杜

「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 ...