前回↓に引き続き、「Flask」の勉強を進めていきたいと思います。 今回は、「layout.html」ファイルをテンプレートファイルにしてhtmlファイルをFlaskでブラウザ上に表示させる方法を紹介します。 では、やっていきましょう(^^)/ ☟こちらの参考書で勉強してい ...

インプレスグループで電子出版事業を手がける株式会社インプレスR&Dは、『図解でわかる！FlexboxとGrid Layout』（著者：岡花 智貴）を発行いたします。 最新の知見を発信する『技術の泉シリーズ』は、「技術書典」や「技術書同人誌博覧会」をはじめとした ...

Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを実装するHTMLとCSSのシンプルなコードをまとめたCSS Layoutを紹介します。 それだけを実装するため、HTMLとCSSのコードは非常にシンプル、カスタマイズも ...

データシートのような表組みをWebぺージに掲載する手段は、HTMLのtableというタグを使うことである。行と列のセルを複数設定すると、ちょうど方眼紙のような体裁が作れることから、画像やテキストをWebページ上の好きな位置に表示させる代替手段に使わ ...

HTMLやスタイルシート（CSS）、JavaScriptを使った装飾、レイアウトの動的な変更方法について解説しました。

Golden LayoutはjQuery, React, Angularに対応したMITライセンスのレイアウト マネージャーです。 ネイティブのポップアップウインドウ デザインはテーマで簡単に変更可能 包括的なAPI パワフルな持続性 IE8+, Firefox, Chrome対応 Golden Layoutのデモ デモではGolden Layoutで実装 ...

2024年2月刊行の『作って学ぶHTML + CSS グリッドレイアウト』（エビスコム・著）より、著者のまえがきを掲載します。本書の企画意図やどのような内容の本なのかが語られていますので、ぜひ購入時の参考にしてください。 まえがき 「HTML＆CSSは簡単」と言わ ...

HTMLやスタイルシート（CSS）を使ったレイアウトの作成、調整方法について解説しました。 条件に合致しない場合を対象に装飾できるCSS3「否定疑似クラス:not()」CSSには、装飾対象を限定する様々なセレクタの記述方法が用意されています。それらは、基本的 ...

※記事初出の時点で図1に誤りがあり差し替えました。 そのような背景もあり、現在のWebデザインのレイアウトの中心はシングルカラムレイアウトに移行しています。カラムの再配置などを考慮する必要がないため、レスポンシブデザインを組み立てやすく ...

LLMコンサルティングやクラウドサービスの開発・提供をしている株式会社ファースト・オートメーション（本社：愛知県名古屋市、代表取締役：伊藤雅也）は、同社が開発・提供している技術者・専門家向けの生成AIツール「SPESILL」に、フローチャート ...