Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“examples” News Archive

Definition, related topics, and tag feed

“examples” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Fixing the URL Params Performance Penalty (tun/per)268
performance, urls, caching, http-headers
Using the Browser Console for Accessibility Testing267
accessibility, testing, console, javascript
Design Accessible Animation and Movement With Code Examples (pop)266
design, accessibility, animations, css, javascript
Masonry: Things You Won’t Need a Library for Anymore (pat/sma)265
css, masonry, layout, web-platform
A Pragmatic Guide to Modern CSS Colours II (kev/pic)264
guides, css, colors
Brand New Layouts With CSS Subgrid (jos)263
layout, css, grids
Use Cases for Field Sizing (sha)262
forms, css
Blogging Gets Serious in 2001 With Warblogs and Movable Type (ric)261
history, blogging, movable-type
How to Write an Accessibility Statement in 2025, With Examples (chr)260
how-tos, accessibility, documentation, compliance, legal
Reading and Writing Files in Node.js—the Complete Modern Guide (loi)259
guides, nodejs, file-handling
The New “progress()” Function in CSS (ami)258
css, functions
A Pragmatic Guide to Modern CSS Colours (kev/pic)257
guides, css, colors
A Few Fun Nesting Tips and Tricks (kev)256
css, nesting, tips-and-tricks
Accessible Form Validation With Examples and Code (pop)255
accessibility, validation, forms
How Much Do You Really Know About Media Queries? (dxn/fro)254
css, media-queries
Mastering npx: A Cheatsheet for npm and Node.js Power Users253
npx, cheat-sheets, nodejs, npm
What Can We Actually Do With “corner-shape”? (dxn/css)252
css, borders, shapes
How to Make Complex Data Accessible for Users With Disabilities (pop)251
how-tos, accessibility, information-design, visualization, tables
The Fundamentals of CSS Alignment (css)250
fundamentals, css, alignment
You No Longer Need JavaScript (reb)249
javascript, css, html
Rolling the Dice With CSS “random()” (jon+/web)248
css, functions, randomness
Another Article About Centering in CSS (bel/pic)247
css, centering
5 Useful CSS Functions Using the New “@ function” Rule (una)246
css, functions
Liquid Glass on the Web (chr/fro)245
design, effects, liquid-glass, apple, css
Eight Skunkworks Projects That Advance Accessibility Without Approval244
accessibility, advocacy
A Label and a Name Walk Into a Bar (ste)243
accessibility, labels, html, concepts
The History of React Through Code (cru/pla)242
react, history
Tips for Making Regular Expressions Easier to Use in JavaScript (rau)241
regex, javascript, tips-and-tricks
Top Storybook Documentation Examples and the Lessons You Can Learn240
storybook, documentation, lessons, link-lists
“aria-selected”: Practical Examples and Use Cases (flo/a11)239
accessibility, aria, html
Translating Accessibility (tpg)238
accessibility, localization, attributes
3 AI Websites That Will Blow Your Mind237
design
A JavaScript Developer’s Guide to Go (psu)236
guides, go, javascript
MCP—the Golden Key for AI Automation235
mcp, ai, automation
Best Examples of EAA Compliant Websites in 2025234
accessibility, eaa, compliance
Multithreading in JavaScript With Web Workers (hon)233
javascript, multithreading, web-workers
Cold vs. Hot Observables in Angular With RxJS232
angular, asynchronicity, reactivity, terminology
Guitar Chords in CSS (sto)231
css, functions
Are “CSS Carousels” Accessible? (sar)230
css, carousels, accessibility
Passkeys for Normal People (tro)229
security, authentication, passkeys, concepts
Node.js Streams With TypeScript228
nodejs, streaming, typescript
11 Practical Ways I Use AI Agents Without Losing My Authenticity (bla/ope)227
ai, creativity, processes
CSS Bursts With Conic Gradients (chr/fro)226
css, gradients, effects
Four Rules for How Design Influences Technology (uxd)225
design, product-management
React 19’s New Hooks: With Practical Examples (let)224
react, hooks, javascript
JavaScript Basics for a Senior Dev223
fundamentals, concepts, javascript
On JavaScript Closures (With Examples of Interview Questions) (mar)222
guest-posts, javascript, closures, variables, interviewing
Prompt Engineering for Web Development221
ai, prompting
Accessible Solutions Benefit Everyone: Here’s How (nng)220
videos, design, accessibility
Using and Styling the “details” Element (geo/css)219
html, css, disclosure-widgets
Learn Zod So You Can Trust Your Data and Your Types (did)218
libraries, types, typescript
Leverage on Redux to Execute Your Tests 100× Times Faster217
react, redux, testing, performance
Examples of Why the Web Needs Anchored Popovers (chr/fro)216
design, pop-overs
Documenting Web Components With Storybook215
documentation, design-systems, web-components, storybook
Extending the Cursor (kyl)214
design, interaction-design, cursors
On Building AI Understanding and Automation Muscle (With 18 Random Problems Solved With AI) (j9t)213
ai, automation
How to Use ARIA Alert Effectively (flo/a11)212
how-tos, aria, accessibility, best-practices
CSS “scroll-state()” (arg/dev)211
css, container-queries, scrolling
TypeScript Generics: A Complete Guide210
guides, typescript, generics
11 YAML Configurations for DevOps Automation209
yaml, configuration, dev-ops, ci-cd, automation
How to Make Your Angular Projects More Accessible208
how-tos, angular, accessibility
React 19 and Web Component Examples (chr/fro)207
react, web-components
Native CSS Nesting Is Here (tre)206
css, nesting
CSS Advent Calendar205
websites, css
CSS Selectors Advent Calendar 2024204
css, selectors
Goodhart’s Law in Action: 3 Webperf Examples (nom/per)203
performance, principles, lighthouse, web-vitals, metrics, google
Beautiful Focus Outlines (med)202
css, focus, accessibility
HTML Cheat Sheet201
html, semantics, cheat-sheets
You Are Not a CSS Dev if You Have Not Made a CSS Reset200
css, resets
How to Build Smaller Container Images: Docker Multi-Stage Builds199
how-tos, containerization, docker
Do’s and Don’ts of Commenting Code198
comments, documentation, best-practices
8 Examples of Versioning in Leading Design Systems197
design-systems, versioning, google, shopify, adobe, atlassian
HTML for People (bw)196
books, websites, html
The Best Examples of Data Visualization in 11 Leading Design Systems195
design-systems, information-design, visualization
A Guide to Destructuring in JavaScript (wil/pic)194
guides, javascript
SVG Coding Examples: Useful Recipes for Writing Vectors by Hand (sma)193
images, svg
Better Vue Components With TypeScript (fad)192
vuejs, components, typescript
The Undeniable Utility of CSS “:has” (jos)191
css, selectors
Understanding JavaScript Closures With Examples (tre)190
javascript, closures
Quick Guide to Web Typography for Developers (ole)189
guides, typography, fonts
How I Use “AI”188
ai, productivity
HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier (css)187
html, web-components, principles, solid, progressive-enhancement
Alternative Text in Action186
accessibility, images, alt-text, writing
Understanding JWT Authentication: A Comprehensive Guide With Examples185
guides, json-web-tokens, authentication
Simplest View Transitions Multi Page Demo (No JavaScript) (mor)184
css, view-transitions, apis
HTML Cheat Sheets: From Basics to Advanced Elements183
fundamentals, html, semantics, cheat-sheets
Live Demos of Stand Alone Web Components (chr/fro)182
web-components, link-lists
CSS-Only Custom Range Slider With Motion (bra)181
sliders, css, effects
Let’s Hang! An Intro to CSS Anchor Positioning With Basic Examples (uti)180
introductions, css, anchor-positioning
Flow Charts With CSS Anchor Positioning179
css, apis, anchor-positioning
Introducing the CSS Anchor Positioning API (una/dev)178
introductions, css, apis, anchor-positioning
Simple Implemention to Understand “worker_threads” in Node.js177
nodejs, worker-threads
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)176
guides, overviews, radix
Printing Music With CSS Grid (ste)175
css, grids
Building a Micro htmx SSR Framework (mco/pla)174
frameworks, htmx
Express.js With TypeScript—Setup, Examples, Testing173
videos, express, typescript, testing
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)172
css, selectors
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)171
npm, dependencies, security
Navbar Gallery170
websites, navigation, design-patterns
Definition of Done (DoD) Explanation and Example169
agile, scrum, processes, quality
React Props Explained With Examples168
react, props
Angular Signals: Complete Guide167
guides, angular, signals
CSS Modules (fro)166
css, modules, scope
Streams in Node.js165
nodejs, streaming
Content Negotiation in Practice (sof)164
content-negotiation, http
Svelte by Example (seb)163
websites, svelte
Color Contrast Accessibility Tools With Examples (pop)162
accessibility, tooling, link-lists, colors, contrast
Sharing State With Islands Architecture (max)161
architecture, state-management, astro, react
Securing Your Node.js Apps by Analyzing Real-World Command Injection Examples160
nodejs, security, history
The Spectrum of Openness159
foss, legal
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples158
tutorials, guides, databases, indexeddb
A Web Component Intro With Example157
introductions, web-components
Regular Expressions in JavaScript (hon)156
javascript, regex
What Are User Permissions? Concepts, Examples, and Maintenance155
permissions, authorization, concepts
The Real Difference Between “useMemo” and “Memo” in React154
react, hooks, performance
Alternative Text in the Wild: 5 Alternative Text Examples (pop)153
accessibility, writing
Tether Elements to Each Other With CSS Anchor Positioning (jhe/dev)152
css, anchor-positioning, focus, apis
Learn All About Node.js Worker Threads With Examples151
nodejs, worker-threads
Animating CSS Grid (How-To and Examples) (dxn/css)150
css, grids, layout
Useful Accessibility and Usability Examples to Help Improve Your Designs (sma)149
accessibility, usability
Get Off the Main Thread With an Inline Web Worker: An Example (sto/per)148
performance, javascript, web-workers
An Interactive Guide to JavaScript Events (ale)147
guides, javascript, events
CSS Grid vs. Flexbox: How to Decide (With Examples) (ell)146
css, grids, flexbox, layout, comparisons
CSS Selectors—Cheat Sheet for Class, Name, Child Selector List (fre)145
css, selectors, cheat-sheets
What Is HCI (Human-Computer Interaction)? Meaning, Importance, Examples, and Goals144
concepts, hci
JavaScript Obfuscation Techniques by Example143
javascript, obfuscation, techniques
HTML Cheatsheet142
html, cheat-sheets
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers141
guides, html, semantics, cheat-sheets
Call to Action Examples140
websites, writing, buttons
HTML Cheat Sheet—HTML Elements List Reference (fre)139
html, semantics, cheat-sheets
Responsive Image Gallery With Animated Captions (5t3)138
images, css, animations, responsive-design
HTML Cheat Sheet137
html, semantics, cheat-sheets
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)136
typo3, css, javascript
Introduction to GSAP135
introductions, animations, gsap
HTML Cheatsheet134
html, semantics, cheat-sheets
Modular Code With Nunjucks and Eleventy (jer)133
nunjucks, eleventy
An Unreasonably Long Introduction to ARIA (With Example Implementation)132
introductions, accessibility, aria, live-regions
The Ultimate CSS Flexbox Cheat Sheet With Examples131
css, flexbox, layout, cheat-sheets
The Simplicity of Svelte130
svelte, simplicity
A Complete Guide to Custom Properties (chr/css)129
guides, css, custom-properties
The Principles of Visual Communication (sma)128
design, communication, principles
Node.js Testing Best Practices127
nodejs, testing, best-practices
What Is Parallax Scrolling, Explained With Examples126
parallax, scrolling, effects
The CSS Calculating Function Guide (chr/css)125
guides, css, functions, math
Old CSS, New CSS (eev)124
css, html, history, browser-wars, doctype-switching, dhtml, web-2.0, hacks, vendor-extensions, flexbox, layout
A Tale of CSS Resets and Everything You Need to Know About Them123
css, resets, link-lists
Liquid Templating Crash Course122
crash-courses, liquid, template-engines, jekyll
What Is Vuetify? How to Install and Key Components Overview121
vuetify, nuxt, laravel, how-tos
CSS Custom Properties in the Cascade (mia/sma)120
css, custom-properties, cascade
Getting to Know the “useReducer” React Hook (css)119
react, hooks
Micro Frontends (cam/mfo)118
architecture, micro-frontends, backend-for-frontend
How to Section Your HTML (css)117
how-tos, html, semantics
The Thinking Behind Simplifying Event Handlers (not/css)116
javascript, events
An Introduction to Gulp.js (cra)115
introductions, gulp
The Power of Named Transitions in Vue (css)114
vuejs, transitions, css
How “@ supports” Works (chr/css)113
css, feature-detection, support
An Overview of Render Props in React (css)112
overviews, react, props
A Minimal JavaScript Setup (css)111
javascript, conventions, naming, scope, performance, maintainability
What Is SVG Good For? (chr/css)110
svg, images
Introduction to Material Design109
introductions, material-design, google, mobile
Your Interactive Makes Me Sick108
accessibility, scrolling, user-experience
Styling Empty Cells With Generated Content and CSS Grid Layout (rac/sma)107
css, generated-content, grids, layout
Content Security Policy: The Easy Way to Prevent Mixed Content (css)106
csp, wordpress
Custom Elements v1—Reusable Web Components (dev)105
html, maintainability, web-components, shadow-dom, dom
All About React Router 4 (bra/css)104
react, react-router, routing
Stop Using Resets: Visual Examples of the Practical Nonsense of Resets and Normalizers (j9t)103
css, resets
(Now More Than Ever) You Might Not Need jQuery (oll/css)102
jquery, javascript, ajax, performance, comparisons
Some Extremely Handy “:nth-child” Recipes as Sass Mixins (css)101
css, selectors, sass, mixins
Simple Offline Website (chr/css)100
offline
It’s Time to Start Using CSS Custom Properties (sma)99
css, custom-properties
Let’s Define Exactly What Atomic CSS Is (joh/css)98
atomic-css, presentational-html, concepts, link-lists
CSS Grid: One Layout, Multiple Ways (geo/css)97
css, grids, layout
webcomponents.org96
websites, web-components
Spoooooky CSS Selectors (chr/css)95
css, selectors
Accessible SVGs (css)94
svg, images, accessibility
How to Use ES6 Arguments and Parameters (sma)93
how-tos, ecmascript, javascript
A History of CSS Image Replacement92
css, image-replacement, techniques, history
26 Impressive Web Projects Built With CSS Only91
css, link-lists
An Ultimate Guide to CSS Pseudo Classes and Pseudo Elements (sma)90
guides, css, selectors
Working With Images in Stylesheets With PostCSS (css)89
css, images, backgrounds, postcss
6 jQuery Infinite Scrolling Demos88
jquery, scrolling
Let’s Learn ES2015 (css)87
ecmascript, javascript, variables, functions, operators
How Good Are Your HTML and CSS Comments? (hey)86
html, css, comments, maintainability, collaboration
Why npm Scripts? (css)85
npm, nodejs, conversion, linting, minification, compression, sprites, images
A Beginner’s Guide to WebGL84
guides, webgl, tooling, link-lists
Using Multi-Step Animations and Transitions (geo/css)83
css, animations, transitions, transforms
Gulp for Beginners (zel/css)82
gulp, automation, installing
The Future Generation of CSS Selectors: Level 4 (lou)81
css, selectors
Designing for Explicit Choice (sma)80
design, forms
Sanitizing, Escaping, and Validating Data in WordPress79
wordpress, sanitization, escaping, validation
Accidental CSS Resets (chr/css)78
css, resets, shorthands
The Good, the Bad, and the Great Examples of Web Typography (sma)77
typography, fonts
A Guide to the HTML5 “time” Element76
guides, html, time
Understanding Transducers75
programming, functions
An Introduction to WAI–ARIA74
introductions, aria, accessibility
jQuery With CoffeeScript (chr/css)73
jquery, coffeescript
CSS Selectors Cheat Sheet72
css, selectors, cheat-sheets
Stripes in CSS (chr/css)71
css, gradients, effects
Using Meta Tags in HTML: Some Basics and Best Practices70
html, metadata, fundamentals, best-practices
Basics of CSS Blend Modes (chr/css)69
fundamentals, css, blend-modes, backgrounds
The Current Generation of CSS3 Selectors (lou)68
css, selectors
Understanding JavaScript “bind()” (sma)67
javascript
Grunt for People Who Think Things Like Grunt Are Weird and Hard (chr/css)66
tooling, grunt, installing
The HTML5 “meter” Element (pan/css)65
html, semantics
A Guide to Web Components (css)64
guides, web-components
Art Directed Articles—Still a Good Idea? (chr/css)63
design, trends, responsive-design, link-lists
Controlling CSS Animations and Transitions With JavaScript (zac/css)62
css, animations, transitions, javascript
CSS3 Transition Property Basics (cra)61
css, transitions, fundamentals
A Simple Guide to Semantic Versioning60
guides, semver, versioning, git
Sass Style Guide (chr/css)59
sass, style-guides
Using SVG (chr/css)58
svg, images, css, support, browsers, data-urls, tooling, link-lists
Form Follows Function57
web-platform, experiments, effects
5 Use Cases for Icon Fonts (css)56
icon-fonts, fonts, css
Getting to Know CSS3 Selectors: Structural Pseudo-Classes55
css, selectors
Exploration of Single-Page Websites (sma)54
design, navigation, landing-pages
20 Inspirational Landing Page Designs53
design, landing-pages, link-lists
David Walsh on Redesigning With Sass (chr/css)52
sass, preprocessors, mistakes
5 Inspiring (and Useful) PHP Snippets51
php
An Overview of the Web Storage API (cji)50
overviews, browser-storage, apis
Basic JavaScript Regular Expression Example49
javascript, regex
Cross-Site Scripting Attacks (XSS)48
security, xss
Demonstrating Responsive Design47
responsive-design
Responsive Web Design46
responsive-design, css, media-queries
Smallest Possible […] File (mat)45
programming, minimalism, link-lists
An Introduction to Object Oriented CSS (OOCSS) (lou/sma)44
introductions, oocss, css
An Extensive Guide to Web Form Usability (sma)43
guides, forms, usability
Top Minimalist Website Designs: Trends and Examples42
design, minimalism, trends
The Guide to CSS Animation: Principles and Examples (sma)41
guides, css, animations, principles
An Introduction to Less: Less vs. Sass (sma)40
introductions, preprocessors, less, sass
What Makes for a Semantic Class Name? (chr/css)39
html, css, attributes, naming, semantics
Examples of Sites Where localStorage Should or Is Being Used (chr/css)38
browser-storage, apis, javascript
Learning to Use the “:after” and “:before” Pseudo-Elements in CSS (lou/sma)37
css, selectors, generated-content
Useful “:nth-child” Recipes (chr/css)36
css, selectors
Website Navigation: Planning and Implementing (vit/sma)35
navigation
Getting Started With Defensive Web Design (sma)34
introductions, design
How to Use CSS3 Pseudo-Classes (sma)33
how-tos, css, selectors
The Art of the Single Page Web Site32
design, link-lists
CSS Reset31
websites, css, resets, overviews
Video for Everybody (kro)30
html, multimedia
JS1k: The JavaScript Code Golfing Competition (pvd)29
websites, javascript
The Art of the Web Background28
design, backgrounds, link-lists
CSS Gradients (chr/css)27
css, gradients, backgrounds
SVG Wow26
websites, svg, images
50 Cool JavaScript Examples and CSS3 Tricks (vit/sma)25
javascript, css, tips-and-tricks, link-lists
Taming Advanced CSS Selectors (sma)24
css, selectors
Different Ways to Format CSS (chr/css)23
css, formatting
Effective Website Maintenance: Examples and Best Practices (sma)22
maintenance, maintainability, best-practices
How to Customise Your 404 Page21
error-pages, customization, usability, user-experience
CSS Browser Hacks (dal/aja)20
css, hacks
88 Outstanding Favicons and 6 Resources to Help You Create Your Own19
images, favicons, link-lists
Groups of 50+ AJAX Examples (dal/aja)18
ajax, javascript, link-lists
Footers in Web Design: Creative Examples and Ideas (sma)17
navigation, design
Cool and Useful GWT Solutions (dal/aja)16
gwt
User Agent Style Sheets: Basics and Samples (j9t)15
browsers, css, fundamentals
CSS Specificity: Things You Should Know (sma)14
css, selectors, cascade
Prepare for Attack—Making Your Web Applications More Secure13
web-apps, security, sql, xss
Usability Conventions: Basics and Examples (j9t)12
fundamentals, conventions, usability
CSS-Based Forms: Modern Solutions (sma)11
forms, css, link-lists
JavaScript Closures for Dummies10
javascript, closures
Big, Stark, and Chunky (ali)9
accessibility, zooming, screen-magnification
CSS Zen Garden: The Beauty in CSS Design (dav)8
websites, css, design, css-zen-garden
CSS Zen Garden (dav)7
css, design, css-zen-garden
A Touch of Class (tan)6
html, attributes, semantics
PHP by Example5
php
DOM Design Tricks III: Using Events in the Document Object Model (jde/ali)4
dom, javascript, events, tips-and-tricks
DOM Design Tricks II (jde/ali)3
dom, javascript, tips-and-tricks
DOM Design Tricks (jde/ali)2
dom, javascript, tips-and-tricks
Using Frames: Some Examples of Good Frames Usage1
html, frames