タグ

使う!とCSS Gridに関するkawaosaのブックマーク (2)

  • CSSのサブグリッド(subgrid)の基礎知識と使い方、たった一行のCSSで複数カードの水平グリッドを簡単に揃えられる!

    CSSのサブグリッド(subgrid)がChrome 117でサポートされ、Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できるようになりました。 先日の記事でもお伝えしたように、subgridを使用するとカード内の見出しやテキストの水平グリッドを簡単に揃えることができます CSSのサブグリッド(subgrid)の基礎知識と使い方、プログレッシブエンハンスメント、デベロッパーツールによるデバッグ方法などを紹介します。 CSS Subgrid by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに サブグリッド(subgrid)の基礎知識 ページレベルの「マクロ」グリッドを共有する サブグリッドのサポートをチェ

    CSSのサブグリッド(subgrid)の基礎知識と使い方、たった一行のCSSで複数カードの水平グリッドを簡単に揃えられる!
    kawaosa
    kawaosa 2023/10/12
    サブグリッド(subgrid)
  • Iota

    Say hello to iota. A responsive micro-framework for the grid spec powered by CSS custom properties. 1 class. That's right, one little class is all you need to get up and running. A few additional modifiers are available to unlock further layout possibilities. 584 bytes gzipped. Iota is tiny. Like, really tiny. Depending on how you set it up, Iota's filesize can be reduced even further. Because, yo

    Iota
    kawaosa
    kawaosa 2017/12/12
    CSS Gridを使ったレスポンシブ対応のレイアウトを簡単に実装できる超軽量フレームワーク
  • 1