Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“backgrounds” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: design (non-exhaustive) · “backgrounds” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Repeating Square Dots Backgrounds in CSS (chr/fro)64
css, gradients, effects
Background Patterns With CSS “corner-radius” (pre/fro)63
css, effects, examples
CSS Backgrounds Module Level 4 (fan+/w3c)62
standards, css
Background Image Opacity in CSS (jim)61
css, images, transparency+opacity
Minimal CSS-Only Blurry Image Placeholders (kal)60
images, placeholders, css, techniques
A Deep Dive Into the Inline Background Overlap Problem (ana/fro)59
deep-dives, css, svg, filters
Make Creative Borders With “background-clip: border-area” (jen/web)58
css, borders, safari, apple, browsers
How to Use the CSS “backdrop-filter” Property (log)57
how-tos, css, filters, effects
Building a Dynamic Background Effect56
react, css, animations, effects
Backgrounds for the Box Model (and Why It Can Be Useful) (chr/fro)55
css, box-model
Alternatives to Using Pure Black (“#000000”) for Text and Backgrounds (ser)54
design, colors, accessibility
Video With Alpha Transparency on the Web (jaf)53
multimedia, transparency+opacity
How to Create Rounded Gradient Borders With Any Background in CSS (ben)52
how-tos, css, borders, gradients
The Best CSS Background Patterns for Your Next Project51
css
How to Use CSS “background-size” and “background-position”50
how-tos, css
I Created 100+ Unique CSS Patterns (css)49
css, effects
Checkered Background Using Two Lines of Code in CSS (ami+)48
css
Moving Backgrounds (css)47
css
A “color-contrast()” Strategy for Complimentary Translucent Backgrounds (arg)46
css, colors, contrast, strategies
Optimal Images in HTML (ste/bui)45
html, images, performance, optimization
Highly Customizable Background Gradients (spa/clo)44
css, gradients
CSS Gradient Background From Figma to CodePen43
css, gradients, figma, codepen
Cool Hover Effects That Use Background Properties (css/css)42
css, hover, effects
A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma)41
css, deep-dives
Scroll-Bounce Page Background Colour (tem)40
colors, scrolling, css
On Fixed Elements and Backgrounds (hui)39
css, positioning, scrolling, performance
Optimize CSS Background Images With Media Queries38
css, images, media-queries, optimization
Stacked “Borders” (mey/css)37
css, borders, shadows, gradients, images
Apply a Filter to a Background Image (chr/css)36
images, filters, css
More Unicode Patterns (css)35
unicode
CSS Basics: Using Multiple Backgrounds (chr/css)34
fundamentals, css
The Movement Towards Motion in Website Backgrounds33
animations, design
Working With Images in Stylesheets With PostCSS (css)32
css, images, postcss, examples
The 10 Big Web Design Trends of 201531
design, layout, trends, minimalism, scrolling, flat-design, animations, colors, typography
Background Image Shapes (css)30
images, shapes, css, transforms, clipping, svg
Reverse Text Color Based on Background Color Automatically in CSS (fon/css)29
css, colors, animations, effects
Creating a CSS Sliding Background Effect (geo/css)28
css, transforms, effects
12 Little-Known CSS Facts (lou)27
css, colors, borders, tables
Basics of CSS Blend Modes (chr/css)26
fundamentals, css, blend-modes, examples
Simple Responsive Images With CSS Background Images (sma)25
responsive-design, images, css, html
5 Extremely Useful but Rarely-Used CSS3 Properties24
css, transitions, colors, shadows
The Facebook Loading Animation in CSS (css)23
css, animations, facebook+meta
How to Resize Background Images With CSS3 (cra)22
how-tos, resizing, css
The Art of the Web Background21
design, examples, link-lists
CSS Gradients (chr/css)20
css, gradients, examples
Background Desires (chr/css)19
css
CSS3: To Infinity and Beyond! (mis)18
css, gradients, filters
Perfect Full Page Background Image (chr/css)17
images, css, filters, jquery, techniques
Don’t Rely on Background Colors Printing (chr/css)16
colors, borders, css, print
Auto-Moving Parallax Background (chr/css)15
parallax, effects, html, css, javascript
Firefox Support for CSS3 Multiple Backgrounds (dal/aja)14
css, support, firefox, mozilla, browsers
SVG Paint Servers for HTML13
html, svg, css, images
Image Replacement and Backgrounds (sea)12
html, css, image-replacement, techniques
Super Simple Two Column Layout (chr/css)11
layout, css
Faux Columns (sim/ali)10
css, layout, floats, techniques
Using “background-image” to Replace Text (sto)9
css, image-replacement, techniques
CSS Animated Gradient Generator8
tools, exploration, code-generation, css, animations, gradients
Image Background Remover (PhotoRoom)7
tools, exploration, images
Image Background Remover (remove.bg)6
tools, exploration, images
Background Image Generator5
tools, exploration, images
Background Pattern Generator (DOODAD)4
tools, exploration, images
Background Pattern Generator (fffuel)3
tools, exploration, images
CSS Clip Path Generator2
tools, exploration, code-generation, css, images, clipping
CSS Generators1
tools, exploration, code-generation, css, borders, shadows, gradients, transitions, transforms, flexbox, layout