Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“code-pens” News Archive

Definition, related topics, and tag feed

Definition · “code-pens” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Holographic Masks (hej)16
css, gradients, blend-modes, effects
10 Awesome CSS Text Effects for Your Next Project (pau)15
css, effects
Top Pens of 2024 on CodePen (cod)14
codepen, link-lists, retrospectives
CSS Scroll-Driven Index (jhe)13
css, scrolling, headings
“img sizes=auto” for Native Lazy Loading (ste)12
html, images, lazy-loading, performance
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)11
layout, css
Repetition Avoidance (ste)10
accessibility, user-experience, aria
Top Pens of 2023 on CodePen (cod)9
codepen, link-lists, retrospectives
Down-and-Across Highlighting (mey)8
css, tables, effects
No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (ana)7
sliders, css, sass, effects
Typography Manual6
typography
Invisible Ink Effect With SVG Filters and CSS (che)5
css, svg, filters, effects
Animated Border Gradient (shs)4
css, animations, gradients, effects
CSS Minimal Dark Mode Toggle Button3
toggles, effects, minimalism
The Entire Cascade (as a Funnel) (mia)2
css, cascade
Text Spacing Bookmarklet (ste)1
bookmarklets, typography, accessibility, wcag