css
レスポンシブでも勝手に縦横比は固定されるCSSの書き方
横並び CARD型表示 各要素の高さを揃える方法
HTML 1.タイトル 2.画像 3.テキスト 4.ボタン という配置になっていますがこの1~4の配置で高さが不揃いになってしまいます。 横並びの各要素の表示位置(高さ)を揃えて表示したい。 解決策はありますか? 使用する言語は、HTML,...
ボックスシャドウ(box-shadow) ジェネレーター
【WordPress】taxonomy.phpでタームごとの記事一覧ページを作る方法
【CSS】flexboxの要素を任意の位置で改行する方法
【CSS】flexboxの要素を任意の位置で改行する方法 | でざなり (dezanari.com) flexboxの中の要素はflex-wrap: wrap;で改行できますが、これって要素がいっぱいあってこれ以上入らない場合に改行するプロ...
明日から使えるCSS設計【PDFLOCSS】
はじめに|明日から使えるCSS設計【PDFLOCSS】 (zenn.dev) CSS設計で本当に難しいのは「ルールを理解すること」ではなく「ルール通りに自分でコードを書くこと」だと思います。 実際にコードを書いていると「あれ、ここってどうす...
いいこと聞いた! CSSのデフォルトとして記述しておくと便利、img要素に設定するスタイルのまとめ
最近ではモダンブラウザをターゲットにした場合、リセットCSS自体は必要ないかもしませんが、設定しておきたいスタイルや一部のブラウザ用に設定しておきたいスタイルがあります。 その中の一つとして、img要素に設定しておくと便利なスタイルを紹介し...
CSSのmarginをあまり書かなくなった話
Webサービスのレイアウトについて 大きく以下が考えられます。 縦に並べる 横に並べる 絶対配置 さらに、それぞれに対して以下が考えられます。 不規則的な配置 規則的な配置 今回は、縦に並べることに着目して、マークアップを考えてみます。 不...