はじめに CSS Flexible Box Layoutの解説をいろいろつまみ読みした。 解説が自分の頭にすっと入りにくい文書だと感じた。 復習に自分なりの表現でまとめてみることにした。 CSS Flexible Box Layoutとは CSS Flexible Box Layoutは要素の並べ方指定の体系で…

こちらの発想を HTMLをJSON で表現できる下のような書式を考えてみたが - quwaharaの日記 お試しで実装している GitHub - quwahara/jhtrans: Translate JavaScript array to HTML DOM object. Templating and replace the placeholder with a template. テン…

上のようなHTMLをJSON で表現できる下のような書式を考えてみたが、 やっぱり読みにくいなーって思ってしまった 書式の目的は HTMLテンプレートを バニラなJavaScript で操作できら、 便利だろうと思ったからだ まあこんなものか <div class="row"> <div class="col-12 text-center"> <div class="ib size-4 text-left"> <div class="col-12"> <label>Username</label> <input type="text" name="username"> </div> </div></div></div>

以前の記事に従い2段のヘッダーをつけた カラム1つのレイアウトを作った - quwaharaの日記 このコミットがそれ Add two tier headers · quwahara/qwaf@4724d79 · GitHub Screenshot 次はログイン画面風のものを作るつもり つまらないことでも書いておくのだ

以前の記事に従いカラム1つのレイアウトを作った レイアウトをどうしたらいいか分からない - quwaharaの日記 このコミットがそれ Add one-column.html · quwahara/qwaf@e0e4fb2 · GitHub 次はそのカラム1つに、2段のヘッダーをつけるつもり 以前の記事の内容…

HTMLページの分割をどうしたもんか考えたが、全然分からなかった そこでまずはページの真ん中に最大幅を指定した、 カラム1つのレイアウトを作ってみところからはじめようと考えた おじさんはすぐ忘れちゃうので、 つまらないことでも書いておくのだ