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

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

ページ全体、テキストやボックスなどのさまざまな要素の背景に美しいパターンを簡単に実装できるスタイルシートのライブラリを紹介します。 ノートみたいな罫線、ドット、チェック、グリッド、ジグザグなど、要素にclass名を与えるだけで実装できます。

最近は動くヒーローイメージが当たり前になってきましたね。 今回はjQuery、JavaScriptを使わずに、CSSだけでズームしながらふわっと表示が切り替わるスライドショーを作ってみたいと思います。 デモの確認 background-imageで表示するパターンと、imgタグで表示 ...

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