Bootstrap

Bootstrap

CSS コンテナクエリ(@container)の便利な使い方を解説

下記は各ポイントを意訳したものです。※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSコンテナクエリの背景 CSSメディアクエリの問題点 CSSコンテナクエリはどのように役立つのか? CSSコンテナクエリの基礎知...
Bootstrap

CSS Flexbox 各プロパティの使い方を詳しく解説

Flexboxで実装する定番レイアウトのコードのまとめ CSS flexboxとは CSS flexboxの使い方 flexコンテナ: flex-direction(横並びと縦並び) flexコンテナ: flex-wrap(単一行と複数行の...
※Web開発

Bootstrap5 navbar

※Web開発

【迷ったらコレ!】Webデザインでよく使う定番おすすめフォント13選(日本語・欧文・ゴシック・明朝など)

※Web開発

[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説

Bootstrap

レスポンシブでも勝手に縦横比は固定されるCSSの書き方

※Web開発

横に並べた要素の間だけにすき間を入れるレスポンシブにも対応させたCSS記述方法

記事一覧などで、ブロック要素を横幅いっぱいに並べつつ要素間に均一の隙間(margin)を作りたいケースは度々あると思います。そのCSSコーディングを解説したいと思います。
Bootstrap

【Bootstrap超入門】ボタンの種類・使い方について徹底解説!

※Web開発

横並び CARD型表示 各要素の高さを揃える方法

HTML 1.タイトル 2.画像 3.テキスト 4.ボタン という配置になっていますがこの1~4の配置で高さが不揃いになってしまいます。 横並びの各要素の表示位置(高さ)を揃えて表示したい。 解決策はありますか? 使用する言語は、HTML,...