今回は、カードレイアウトを作ろうって事で書いていきたいと思います。 ウェブサイトのコンテンツを小さなブロック（カード）にまとめ、 それらを横並びや縦並びに配置して表示するレイアウトのことです。 カードは、テキスト、画像、アイコンなどの ...

BootstrapはCSSのフロントエンドライブラリ。 前回に引き続き学習記録をまとめておきます。 1．Cards Bootstrapでcardと検索してきて、コンポーネントをコピペすれば簡単に、コース一覧などをレイアウトできる。Bootstrap4.5の場合、コピーした内容のsvgタグを消し ...

株式会社クリーク･アンド･リバー社（C&R社）は5月15日（木）、Webデザイナー、コーダーの方や専門学校やスクールでWebの勉強をされている方を対象に、2024年10月に開催したオンラインセミナー「デモンストレーションを見ながら学ぶ HTML/CSSの基礎（2 ...

株式会社クリーク･アンド･リバー社（C&R社）は10月16日（水）、Webデザイナー、コーダーの方や専門学校やスクールでWebの勉強をされている方を対象に、無料のオンラインセミナー「デモンストレーションを見ながら学ぶ HTML/CSSの基礎（2）〜カード型 ...

カード型、タイル型などのグリッドをベースにしたレイアウトに、曲線や斜めを取り入れるのが最近のWebデザインのトレンド。CSS3やSVGを使った実装方法と合わせてトレンドを取り入れるヒントをお届け。 Webサイトは基本的に長方形がベースになっています。

Go to one of your lovelace views and select "Edit Dashboard" Click the pencil symbol next to the view name to open up the view properties Select "Masonry (layout-card)" from the "View type" dropdown ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...