画像を配置する際、imgタグにするかbackgroundプロパティにするか、いつもこんがらがるので整理したいと思います。 （余談だけど、「こんがらがる」って本当に整理できていない感じが伝わる良き語感ですね） 使い分けの基準ってあるの？ 両者の使い分けに ...

背景画像をブラウザいっぱいに表示するスタイルシートのシンプルなテクニックを紹介します。 デスクトップだけでなく、スマフォやタブレットにも対応、しかもたった一行なのでスニペットに加えておくと便利です。 表示幅を変更しても、背景画像は ...

Google says images styled with CSS won’t be indexed in Image Search, advising developers to use HTML tags for important visuals. CSS background images aren’t indexed by Google Image Search. Google ...

⭐ CSS Animated Background Collection. Cascading Style Sheets (CSS) can help you do more than just determine colors, fonts, or the positioning of certain elements ...

Full Stack Web Developer, motivated to help the tech community. Building Blocks of a Web Page HTML (Hypertext Markup Language) is the backbone of every web page. It defines the structure and content ...

WebページやUIコンポーネントのレイアウトの崩れ、おかしな挙動にあらかじめ対応しておくためのCSSのテクニックを紹介します。 FlexboxやCSS Gridによるレイアウトの崩れ、テキストが長いコンテンツ、固定の幅・固定の高さによるレイアウトの崩れ、子 ...

ドロップダウンメニューとは？HTML＋CSSだけでドロップダウンメニューを作る方法を解説。jQueryなどのJavaScriptは不要。リストの書き方(ul要素)を使って2階層以上のサブメニューも作れます。クリックせずにメニューを開閉できる、簡単でレスポンシブな ...