Content-Length: 166137 | pFad | http://b.hatena.ne.jp/entry/s/zenn.dev/mizchi/articles/programmable-grid

[B! css] プログラムによるレイアウト制御のための CSS Grid を考える

プログラムによるレイアウト制御のための CSS Grid を考える

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/mizchi

117 usersがブックマークコメント

コメント

8

記事へのコメント8件

注目コメント
新着コメント

razokulover Grid/GridLayout、FlutterのWidgetっぽい

2024/09/08 リンク

d4-1977 Grid をもっと上手くやりたい… サンプルを何回か作ったらいいのかなあ

CSS

2021/10/16 リンク

sippo_des 大変そう

2021/10/14 リンク

lafont “レイアウト用の変数を指定します。grid-row-start や grid-column-end だと自分には分かりづらかったので、 x1,y1,x2,y2 の矩形で考えることにしました。生”

2021/10/14 リンク

umai_bow 覚えるか〜〜

2021/10/14 リンク

mayumayu_nimolove flexで事足りてて、必要になったら覚えると決めたんだけどなかぬか必要にならない

2021/10/14 リンク

ponpon_qonqon こ、これはひどい。ひどすぎる文法だ･･･FORTRANかキミは

2021/10/14 リンク

mizchi 書いた

2021/10/14 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

プログラムによるレイアウト制御のための CSS Grid を考える

この記事は、既存のCSSのレイアウトの文脈ではなく、「プログラムから制御されるレイアウト」をいかに綺... この記事は、既存のCSSのレイアウトの文脈ではなく、「プログラムから制御されるレイアウト」をいかに綺麗に制御・生成するか、です。複雑なSPAや何らかのオーサリング環境で、主に JavaScript の視点からレイアウトを扱うのに Grid をどう活かしていくか、という話。 grid-template-areas の視覚的な対応 IEがない世界では CSS grid のフル機能を使うことができます。自分が grid を使う際、今まで grid-template-areas を気に入って使っていました。これは CSS の視覚的な情報が最終的な表示と一致する、という理由からです。例えば、 svelte で書いた grid-template-areas を使ったレイアウト設定のコードはこんな感じになります。。 <div class="grid"> <div style="grid-area:

ブックマークしたユーザー

repon2024/09/10
razokulover2024/09/08
techtech05212024/05/01
fortkle2023/06/17
klim08242023/06/03
dkanikama2022/10/14
syque2021/11/26
lugecy2021/10/17
d4-19772021/10/16
celt69cobra2021/10/15
istj2021/10/15
Hiro_Matsuno2021/10/15
streetbeats212021/10/15
korin2021/10/14
kkeisuke2021/10/14
gry892021/10/14
ttech2021/10/14
tobetchi2021/10/14

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx