以下は、2020年の『群像』新人賞で最終選考まで残り、落選となった文章である。 これはもともと同賞への応募原稿として書いたわけではなく、アメリカ留学中に何十本と書いたノートの１つである。留学１年目の第２セメスター終盤、わたしは履修していた授業のレポートとして２つのアイディアを抱えていた。結局はもう片方の案、村上春樹『ねじまき鳥クロニクル』論をレポートとして提出したのだが（これは論文化された）、その後、夏休みに入ってヒマになったので、提出のアテもないまま、もう片方のアイディアを日本語で文章化することにしたのだった。同賞に応募したのは、その約２年後である。 なるほど、いま読むと院生のノート以上のなにものでもないが、もはや改稿して論文化する意味もないので、誰でも読めるようブログ記事として放流することにした次第である。これを読んで若い人たちに「阿部も留学初期はこんなもんか（じゃあ自分もイケるな）」
CSS Gridの便利な無料ツールが登場！ レイアウトを確認しながら、コードを生成できる -CSS Grid Generator
最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。 使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用できます。 CSS Grid Generator Bento UIの実装については、Bento UIとはパネルが伸び縮みしながら配置が入れ替わるお弁当箱みたいなUIをご覧ください。 CSS Grid Generatorは、CSS Gridで実装するレイアウトのコードを簡単に生成できるオンラインツールです。このジェネレーターを使用すると、列数・行数・ギャップサイズを設定し、自由にレイアウトを構築できます。
2023/9/12にChrome 117、9/15にEdge 117がリリースされ、CSSのSubgridが全ブラウザに対応しました。 Subgridとは、CSS Gridで新しく使えるようになった機能の一つ。行列（グリッド）を入れ子にして、親行列の行や列に子行列を整列させることが可能です。 この記事では、Subgridの基本から応用までを具体的なデモを交えて詳しく解説します。CSS Gridが初めての人でもわかりやすいよう、CSS Grid自体の解説も盛り込んでいます。 前提知識: CSS Gridとは CSS Gridとは、行と列を使ったレイアウトのことです。行・列とは、次の方向を指します。 CSS Gridを使うと、次のようなことができます。 ■ エリア名を指定して配置できる ■ 行列を繰り返したり、隙間をつくる ■ 行・列数の自動変更、敷き詰め 複雑な行列の入れ子と、subgrid
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
戦後日本のサブカルチャーにおける加害としての暴力 - Write off the grid.
CSSのSubgridが全ブラウザ対応。Gridの入れ子の基本から応用までを完全理解する