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

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

動画を背景としてブラウザいっぱいに表示し、その上にオーバーレイでコンテンツを配置するCSSのテクニックを紹介します。 下記は各ポイントを意訳したものです。 以前紹介した時（前の記事）からアップデートされ、実装の解説も充実しているので ...

CSSのborder-radiusプロパティを使って、スタイルシートだけでボックスなどの角を丸くする方法を解説。枠線が引かれていれば四角い枠線の角が丸くなりますし、背景色が塗られていれば四角い塗りつぶし領域の角が丸くなります。画像の四隅を丸くカットする ...

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 ...

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