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

“2021” News Archive

Definition, related topics, and tag feed

“2021” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Image Magnifier Using Only One Line of CSS (ami)1,127
css, images
A Unified Theory of Web Performance (sli/per)1,126
performance
Exposing Mid-Resource LCP Values (per)1,125
performance, web-vitals
Page Visibility: If a Tree Falls in the Forest… (pau/per)1,124
performance, web-vitals, user-experience
Add Less (cas/css)1,123
simplicity
pkg.land1,122
websites, packages, dependencies, npm
Updating a Branch With “git rebase”1,121
git, command-line
Using Diagnostic Metrics (per)1,120
performance, metrics
Dynamic Static Typing in TypeScript (dea/sma)1,119
typescript, generics
Empathetic Animation (css)1,118
animations, user-experience
WCAG and Accessibility: What Is a Statement of Partial Conformance?1,117
accessibility, wcag, conformance
Practical Tips for Load-Testing Web Applications (per)1,116
performance, testing, tips-and-tricks, web-apps
Add a Service Worker to Your Site (cfe/css)1,115
web-workers, javascript
Shedding Light on Fiverr’s Dark Mode Creation Process1,114
design, dark-mode
Building Gatsby Themes for WordPress-Powered Websites (sma)1,113
wordpress, gatsby, theming
Web Accessibility Cheat Sheet1,112
accessibility, cheat-sheets
CSS in 2022 (bra)1,111
css
1000+ Web Development Resources1,110
link-lists
The Business Case for Performance (per)1,109
performance, economics
Faster Websites by Using Less HTML (j9t)1,108
cross-posts, html, performance, optimization, minimalism
Container Queries (5t3)1,107
css, container-queries, html
Form Autocomplete (ben/5t3)1,106
html, forms
Personalize It! (una/css)1,105
css, user-experience, personalization
Remember You Are Not the User (css)1,104
accessibility, internationalization, user-experience, principles
Show, Don’t Tell (css)1,103
writing, design, semantics
The Many Methods for Using SVG Icons (hui)1,102
css, svg, images, icons
Redirect Liquidation (tim/per)1,101
performance, optimization, redirecting
The CSS “:has()” Pseudo-Class, aka Parent Selector1,100
css, selectors
Wrapping Text Inside an SVG Using CSS1,099
svg, css
Frontend Web Performance: The Essentials1,098
fundamentals, performance, rendering
CSS Animation (5t3)1,097
css, animations
CSS Snapshot 2021 (tab+/w3c)1,096
css, standards
Introduction to Cognitive Disability and Accessibility Testing (ons/tpg)1,095
introductions, accessibility, testing
Make Joyful Things (css)1,094
user-experience
WebGPU From WebGL1,093
webgpu, webgl
The CSS “:has()” Selector Is Way More Than a “Parent Selector” (bra)1,092
css, selectors
13 Tools and Techniques to Accelerate Frontend Development1,091
tooling, techniques, software-design-patterns, linting, bundling, testing, logging, frameworks, processes, ci-cd
Building a Greener Web (mic)1,090
sustainability
5 Common Misconceptions About WAI–ARIA and Accessibility1,089
accessibility, aria, html
Auto Dark Theme (chr/css)1,088
browsers, dark-mode, usability
Be Prepared for Failure and Handle It Gracefully (css)1,087
javascript, graceful-degradation
Design Sprints Revisited: Designing With Your Users and Developers (uxm)1,086
design, usability
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe)1,085
how-tos, css, javascript
How to Define Your Relationship to Sites You Link To (ste)1,084
how-tos, html, links, semantics, seo
HTML Cheat Sheet1,083
html, semantics, examples, cheat-sheets
Image Display Elements (5t3)1,082
html, images, responsive-design
PHP 8 in a Nutshell (ami)1,081
books, php
Smoothly Reverting CSS Animations1,080
css, animations
The Web Starts on Page Four (cod)1,079
web
Why UX Is the Best SEO Strategy (uxm)1,078
user-experience, seo, strategies
Preference Queries (5t3)1,077
css
Ultimate HTML Cheatsheet1,076
html, cheat-sheets
Web Performance, Core Web Vitals, and Vanity Metrics (per)1,075
performance, web-vitals, metrics
4 HTML Concepts You Didn’t Know (j9t)1,074
html, concepts, tables
This Is WCAG 2.11,073
websites, accessibility, wcag
This Is WCAG1,072
websites, accessibility, standards, wcag
CSS Houdini Paint API (5t3)1,071
css, houdini, apis, javascript
There’s Never Been a Better Time to Build Websites1,070
frameworks, css
Don’t Start With Microservices in Production—Monoliths Are Your Friend1,069
microservices, monoliths, architecture
Inaccessibility of CAPTCHA (w3c)1,068
accessibility, captcha
Sustaining Maintaining (dav)1,067
foss
Web Platform Design Principles (w3c)1,066
web-platform, software-design, principles, standards, w3c
Web vs. Email Development: The 11 Biggest Coding Differences1,065
comparisons, email, browsers, support, responsive-design
Why Motion on Websites and Digital Content Is a Problem (mer/equ)1,064
accessibility
Consistent, Fluidly Scaling Type, and Spacing (bel/css)1,063
typography, css, scaling, liquid-design
Hands On With the New Responsiveness Metrics (per)1,062
performance, responsive-design, metrics
Deep-Copying in JavaScript Using “structuredClone” (sur)1,061
javascript
100 Tips on Software Developer Productivity1,060
productivity, tips-and-tricks
CSS Can Help Improve Your HTML!? Buttons and Links1,059
html, css, buttons, links, accessibility
CSS Custom Properties (5t3)1,058
css, custom-properties
Shifting the Mindset About Accessible Content (mni)1,057
accessibility, content
Thoughts on Skin Tone and Text Descriptions (tin)1,056
accessibility, dei, writing
The State of CSS 2021 [Results] (sac/dev)1,055
surveys, metrics, css
Explain Like I’m Five: Web Performance Optimization (sto/per)1,054
performance, optimization
Details/Summary (5t3)1,053
html, semantics, disclosure-widgets
Practical Ethics for the Modern Web Designer1,052
videos, ethics
Read Your Website (geo/css)1,051
user-experience
The Ideal Line Length and Line Height in Web Design (pim)1,050
design, typography, readability
Visual Regression Testing for Design Systems With Figma Branches1,049
design-systems, testing, regressions, figma
Lessons Learned From Publishing a Content Security Policy1,048
lessons, csp, security
Performance Implications of JavaScript Errors (per)1,047
javascript, performance, errors
Embrace the Platform (bra/css)1,046
html, css, javascript, web-platform
How Not to Create a Button (eev)1,045
html, buttons, accessibility
Intersection Observer (5t3)1,044
javascript, apis
WCAG 2 Is What We Have (kil)1,043
accessibility, wcag
Monorepos—How the Pros Scale Huge Software Projects (fir)1,042
videos, monorepos, yarn, npm, pnpm, lerna, nx, comparisons
WCAG 2.2: What We Know Till Now1,041
accessibility, wcag
5 Key Benefits of Using a Tag Manager1,040
tag-management
Defer Non-Critical Resources (per)1,039
performance, html
WCAG 3 Is Not Ready Yet (yat)1,038
accessibility, wcag
How to Customize Firefox UI—Step-by-Step Tutorial1,037
how-tos, tutorials, xul, browsers, mozilla, firefox, customization
Standardizing Focus Styles With CSS Custom Properties (5t3/css)1,036
css, custom-properties, accessibility, focus
Breaking Out of the Box (pat/ali)1,035
browsers, css
Responsive Iframes With the CSS “aspect-ratio” Property (cfe)1,034
iframes, css, responsive-design, aspect-ratio
The Last Design You’ll Ever Make1,033
design
WCAG 3 and APCA1,032
accessibility, wcag, apca, colors, contrast
Caching: Understanding the Scope (per)1,031
performance, caching
1993: Mosaic Launches and the Web Is Set Free (ric)1,030
history, browsers, mosaic
5 Reasons You Should Adopt a Micro Frontend Architecture1,029
micro-frontends, architecture
Node.js Memory Limits—What You Should Know (app)1,028
nodejs, memory
Redirects for SEO: A Simple (but Complete) Guide (ahr)1,027
guides, redirecting, seo, http
Writing Better CSS (ale)1,026
css, quality, efficiency
Content Separation (per)1,025
servers
A Beginner’s Guide to Vue Router1,024
guides, vuejs
Defensive CSS (sha)1,023
css
Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (w3c)1,022
accessibility, wcag, standards
Google Fonts Knowledge (ell)1,021
google, fonts, typography
Test Your Product on a Crappy Laptop (eri/css)1,020
testing, performance, usability
Where Do You Put Spacing on Design System Components? (eri)1,019
design-systems, components, design, spacing
Optimizing State Management in React Applications (per)1,018
react, state-management
Designing Better Links for Websites and Emails: A Guideline (sma)1,017
design, links, email
Reduce Your Website’s Environmental Impact With a Carbon Budget (mic/css)1,016
sustainability
Why You Should Check in Your Node Dependencies1,015
nodejs, dependencies
HTTP Compression (per)1,014
http, protocols, compression, performance
CSS Fingerprinting1,013
websites, css, privacy, fingerprinting
How Many People With Disabilities Use Our Site? (hdv)1,012
accessibility
The Love of Curvilinear Design (uxd)1,011
design
Have Core Web Vitals Made the Web Faster? (tun/per)1,010
web-vitals, performance
Plugging Memory Leaks in Your App (sto/per)1,009
performance, memory
Ain’t No Party Like a Third Party (ada/css)1,008
dependencies, embed-code, security
JSON Modules in JavaScript1,007
javascript, json, modules
Why Every Developer Should Start Blogging1,006
blogging, communication, learning, career
Revisiting the Anatomy of a Design System (uxd)1,005
design-systems
Request for a General Theory of Web Performance (per)1,004
performance
Best Practices for Node.js Development1,003
nodejs, javascript, best-practices
Markup (htt)1,002
web-almanac, studies, research, metrics, html
Accessibility (htt)1,001
web-almanac, studies, research, metrics, accessibility
CSS (mey/htt)1,000
web-almanac, studies, research, metrics, css
HTTP (htt)999
web-almanac, studies, research, metrics, http, protocols
JavaScript (htt)998
web-almanac, studies, research, metrics, javascript
New Living Standards (dom)997
standards, apis
Open Props (arg)996
websites, css, custom-properties, props
Page Weight (htt)995
web-almanac, studies, research, metrics, performance
Security (htt)994
web-almanac, studies, research, metrics, security
Understanding Accessibility993
accessibility, testing, tooling
Why Color Contrast Is Not as Black and White as It Seems992
accessibility, colors, contrast
The Fundamentals of CSS Layout991
videos, fundamentals, css, layout
CSS Layout From the Inside Out (rac)990
videos, css, layout
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)989
podcasts, interviews, web-platform, standards, performance, tooling, developer-experience
The Surprising Behavior of “Important CSS Custom Properties” (ste)988
css, custom-properties, cascade
“aria-label” Is Not Always the Answer (eev)987
html, aria, accessibility
The State of UX in 2022: Rebuild (fab/uxd)986
user-experience, design, outlooks
Introduction to TCP Connection Establishment for Software Developers985
introductions, protocols, tcp
Making Accessibility More Accessible984
accessibility
How to Maintain a Large Next.js Application (sma)983
how-tos, nextjs, maintenance
Introduction to Svelte Actions (log)982
introductions, svelte
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea)981
web-components, html, markdown
Select Elements With “pointer-events: none” by Holding Shift (pat/dev)980
browsers, dev-tools, pointer-events
The Pagination Predicament (kev)979
pagination, seo
Understanding WCAG 2.1 Level AAA (tet)978
accessibility, wcag
What Is Magento? A Brief Introduction977
introductions, ecommerce, tooling, magento
What Is WHOIS and How Does It Work?976
whois, domains
How to Trim Strings in JavaScript975
how-tos, strings, javascript
Make Your Website Stand Out With a Custom Scrollbar974
css
Programmers Should Stop Celebrating Incompetence973
career
7 Ways to Improve Node.js Performance at Scale (app)972
nodejs, performance, optimization
Creating Generative Patterns With the CSS Paint API (css)971
css, decoration
Get Started With Validation in Node.js970
introductions, nodejs, validation
Three Phases of Life for Design Systems969
design-systems
What Kind of Developer Do I Want to Be?968
career
A Modern CSS Reset (jos)967
css, resets
Control Layout in a Multi-Directional Website (css)966
internationalization, html, css
Functional Programming in PHP: Higher-Order Functions965
php, programming, functions
Modern CSS in a Nutshell (spa/clo)964
css
The 6 Ways of Writing HTML (and Their Combinations) (j9t)963
html
Adding a Dyslexia-Friendly Mode to a Website (sma)962
accessibility, dyslexia, css
Blog Page Accessibility Deep Dive961
accessibility, react, deep-dives
How JavaScript Engines Achieve Great Performance960
javascript, javascript-engines, performance
Improving the Performance of Wix Websites (Case Study) (sma)959
performance, monitoring, culture, case-studies
Responsive Layouts, Fewer Media Queries (css/css)958
css, responsive-design
Designing Sustainable Websites (ger)957
sustainability, performance, software-design
Accessibility Myths956
websites, accessibility, myths
Dear HTML Element955
html
How to Make Blob Menu Using HTML, CSS, and JavaScript954
how-tos, html, css, javascript
Introduction to Web Sockets953
introductions, apis, protocols, websockets
Parallax Powered by CSS Custom Properties (jhe/css)952
css, effects, parallax, custom-properties
Tales of the Autistic Developer—Order and Chaos951
career
20 Years of bram.us (bra)950
history
Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed (uxd)949
accessibility, communication
Dynamic Color Manipulation With CSS Relative Colors (jim)948
css, colors
Let’s Not Send Developers to the Accessibility Tree Tool (cod)947
browsers, accessibility, tooling
PHP Date and Time Recipes (css)946
php, time
Various Ways to Include Comments on Your Static Site945
functionality
1992: The Web vs. Gopher, and the First External Browsers (ric)944
history, web
A Guide to Modern CSS Colors With RGB, HSL, HWL, LAB, and LCH (mic/sma)943
guides, css, colors
Performance (sia/htt)942
web-almanac, studies, research, metrics, performance, user-experience
Tor and the Humans Who Use It (tor)941
community, privacy, tor-browser, browsers
Three Principles to Better Present Your UI Designs (uxd)940
design, principles
WCAG 3.0: What You Need to Know About the Future of Accessibility Standards (uxd)939
accessibility, wcag, standards
How to Create Reusable Components With the Vue 3 Composition API938
how-tos, vuejs, components, maintainability
4 Ways to Document Your Design System With Storybook (sto)937
design-systems, storybook, documentation
A Clever Sticky Footer Technique (chr/css)936
css, layout, navigation
A Primer on Product Management for Engineers935
introductions, product-management
Design System Best Practices With ESLint Series (and)934
design-systems, design-tokens, best-practices, tooling, eslint
Generate a Pull Request of Static Content With a Simple HTML Form (css)933
html, github
Reframing Tech Debt932
technical-debt
Using “position: sticky” With CSS Grid (sha)931
css, grids, positioning, layout
We Need to Talk About Accessibility—Again, and Again, and Then Some More930
accessibility
5 Popular Frontend Development Tools in 2021929
tooling
Access to Tech, Tech to Live (btc)928
videos, accessibility
Get Your “Head” Straight (css/btc)927
videos, html, performance
How to Fetch Data in Svelte926
how-tos, svelte, data-fetching
Semantics and How to Get Them Right (hdv/btc)925
videos, html, semantics, accessibility
Some Notes on Using esbuild924
bundling, esbuild
Why IndexedDB Is Slow and What to Use Instead923
databases, indexeddb, javascript, performance
Your CSS Is an Interface (eri)922
css, performance
GitHub’s Commitment to npm Ecosystem Security921
github, npm, security
How Do Arrays Work? (nan)920
programming, arrays
Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties919
dev-tools, css, javascript, browsers, google, chrome
Design Systems, Structured Content, and Headless Publishing (amy)918
design-systems, content, semantics, headless
Exploring Retro Web Design917
design
How to Debounce and Throttle Callbacks in Vue916
how-tos, vuejs, javascript, callbacks, debouncing, throttling
Other Looks at the Conditional Border Radius Trick (chr/css)915
css, borders, tips-and-tricks
Useful React Hooks That You Can Use in Your Projects (sma)914
react, hooks
Using Web Workers to Boost Third-Party Script Performance (log)913
web-workers, javascript, performance
Why Your Website Should Not Use Dithered Images912
images, dithering, compression, performance
Easy Dark Mode (and Multiple Color Themes) in React (css)911
react, dark-mode, theming
View-Source910
auditing, view-source, browsers
It’s Not About Your Favorite Color—Moving From Brand Strategy to Visual Identity (uxd)909
design, branding, strategies
A Beginner’s Guide to Routing in Next.js, With Examples908
guides, nextjs, routing
Everything You Ever Wanted to Know About the Accessibility Tree907
videos, accessibility
Browsing With Screen Magnification (ihe/tet)906
accessibility, browsing, assistive-tech, screen-magnification
Detecting Specific Text Input With HTML and CSS (chr/css)905
html, css
How Designers Can Prevent User Errors904
design, usability, errors
Localizing Your Next.js App (ati/sma)903
nextjs, localization, javascript
Be Usable, Not Consistent, Not Uniform (uxd)902
design, usability
Debugging HTML: Accessibility (mat/mat)901
html, accessibility, debugging
Designing a Reorderable List Component900
lists, components, html, css
Why You Should Prioritise Quality Over Speed in Design Systems (amy)899
design-systems, prioritization
Becoming an Expert898
learning, career, processes, craft
In Defence of Dialog897
html, modals
PHP 8.1 in 8 Code Blocks896
php
Deep Dive Into Node.js Architecture895
nodejs, architecture, deep-dives
Chrome DevTools: Record and Playback Your User Journeys894
dev-tools, user-experience, performance, browsers, google, chrome
Everything You Have to Know About Core Web Vitals (fox/cal)893
web-vitals, performance
How to Implement Memoization in React to Improve Performance892
how-tos, react, performance, memoization, optimization
Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro? (mat+/sma)891
podcasts, interviews, astro, frameworks
The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job890
how-tos, career
RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr)889
videos, browsers, google, chrome, browser-engines, chromium, rendering
A Deep Dive Into Serverless UI With TypeScript (sma)888
typescript, serverless, deep-dives
Browser Wars (jay/css)887
history, browsers, browser-wars
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha)886
components, html, css
Designing Error Messages and a Logging Strategy in Node.js (app)885
software-design, javascript, nodejs, logging, strategies
Understanding the Differences Between WCAG 2.1 and WCAG 2.2884
accessibility, wcag, comparisons
What Is Wireless Application Protocol (WAP)?883
wap, mobile
Design Is Not Art, and UX Is Not Design (uxd)882
design, user-experience
Why Safari Is a Great Browser (fla)881
safari, apple, browsers
Learn Forms880
courses, forms, html
Learn PWA879
courses, web-apps, progressive-web-apps
Eleventy 1.0—New Option for Global Data (ray)878
eleventy
Lit Web Components: Tailwind CSS Styles at Build Time (mic)877
web-components, lit, tailwind
Name, Labels, ARIA, What to Do? (sco)876
accessibility, forms, labels, writing, naming
Rebase vs. Merge: Integrating Changes in Git (css)875
git, comparisons
The State of the Web (ada)874
videos, web
What Are Accessible Fonts?873
accessibility, fonts
What Does a Good Design System Feel Like? (fon)872
design-systems, user-experience
Using AI and Data Science to Reliably Detect Internet Censorship in Real-Time871
ai, traffic, censorship
A Comprehensive Guide to Error Handling in Node.js (hon)870
guides, nodejs, javascript, errors
An Introduction to PostCSS (cra)869
introductions, postcss, postprocessors, tooling
Developer Tools Secrets That Shouldn’t Be Secrets (cod)868
browsers, tooling, developer-experience
The Guideline Gap867
design-systems, quality, accessibility, localization
Accessible Toggles (mic)866
accessibility, toggles, html, javascript
So, You Want to Build an “@mention” Autocomplete Feature? (css)865
functionality
CSS-ing Candy Ghost Buttons (ana/css)864
css
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil863
html, css, javascript
The Golden Ratio and User-Interface Design (nng)862
design, layout, aesthetics, principles
You Probably Don’t Need Media Queries Anymore861
css, media-queries
Chrome DevTools: Visualise Your JavaScript Bundles860
dev-tools, javascript, bundling, browsers, google, chrome, lighthouse, visualization
The Little Book of Little Books (j9t)859
books, frameworks, conventions, quality
Add a Contact Form to a React App With Netlify Forms858
react, netlify, forms, functionality
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element857
accessibility, skip-links, html
Using CSS Variables for Reduced Motion on a Global Scale (cit)856
css, custom-properties, media-queries, reduced-motion
Make Your Design System Accessible—Color (luk/uxd)855
design-systems, accessibility, colors
A Step by Step TypeScript Tutorial for Beginners854
typescript, tutorials
Best Practices on Embedding Third-Party Web Widgets853
embed-code, performance, best-practices
Material Design 3852
websites, design-systems, material-design, google
UX Design Isn’t Killing Creativity, Money Is (uxd)851
user-experience, creativity, economics
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)850
typo3, css, javascript, examples
Design Systems at Replit: Better Tokens849
case-studies, design-systems, design-tokens
In-Page Filtered Search With Vanilla JavaScript (css)848
javascript, functionality, search
New WebKit Features in Safari 15 (jen/web)847
release-notes, safari, apple, browsers, webkit
Reimagine Atomic CSS846
atomic-css
So, You Want an Accessibility Score? (kar)845
accessibility, auditing
Media Queries Level 4: Media Query Range Contexts (bra)844
css, media-queries
The Problem With “Click Here” and “Learn More” Links (uxd)843
links, usability, writing
Optimizing Next.js Applications With Nx (sma)842
nextjs, optimization, building, nx
Photoshop’s Journey to the Web841
adobe, photoshop, webassembly
A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma)840
css, backgrounds, deep-dives
How to Get Started With Social Media Automation839
how-tos, social-media, automation, tooling
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)838
html, aria, accessibility
The Process of Building a CSS Framework (cod)837
frameworks, processes
Web Performance Metrics Cheatsheet (ire)836
performance, metrics, cheat-sheets
Why Accessibility Overlays on Your Website Can Make Things Worse835
accessibility, overlays
Why Outdated jQuery Is Still the Dominant JavaScript Library (ric/the)834
javascript, libraries, jquery
Building an Effective Image Component833
components, javascript, performance
Finding Common Patterns Across Frameworks832
frameworks, javascript
Switch Role Support (aar)831
html, accessibility, support
Micro-Frontends: The Next Gen Way to Build Web Apps830
micro-frontends, web-apps
Common Mistakes When Writing CSS With BEM829
css, naming, bem, mistakes
On Using Custom Properties (bra)828
css, custom-properties
The Start of a New Era for Responsive Web Design (uxd)827
responsive-design, css
11ty Slugs and Anchors (5t3)826
eleventy, urls, links
This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (deq)825
accessibility
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)824
html, css, javascript, design-systems
Designing for Color Contrast: Guidelines for Accessibility823
guidelines, accessibility, contrast, colors
Making the Web Developer’s Pilgrimage (j9t)822
html
Prevent Scroll Chaining With Overscroll Behavior (sha)821
css, scrolling
Respecting Users’ Motion Preferences (mic/sma)820
accessibility, css
Semantic “menu” Context (sco)819
html, semantics
Identify Potential CSS Improvements (jec)818
dev-tools, css, auditing, browsers, google, chrome
How to Cancel an HTTP Request in Node.js817
how-tos, nodejs, http
New HTTP Standards for Caching on the Modern Web816
http, protocols, caching, performance, standards
We Analyzed 425,909 Favicons815
images, favicons
Back to Basics: Understanding the “for…in” Loop in JavaScript814
javascript, fundamentals, loops
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS813
css, performance
Optimizing Resource Loading With the Fetch Priority API (add+)812
performance, data-fetching, apis, optimization
It’s Time for a Healthy Tech Approach (hel)811
career
Yes, Node.js Is Part of the Web Platform (jas/nea)810
videos, nodejs, web-platform
Evaluating Clever CSS Solutions (mic)809
css
“@supports selector()” (chr/css)808
css, selectors, support
Chrome DevTools: Easily Change CSS Units and Values807
dev-tools, css, units, browsers, google, chrome
Fix Web Accessibility Systematically (yat)806
accessibility, wcag
HTML With Superpowers (dav)805
videos, html, components
Understanding and Implementing OAuth2 in Node.js (hon)804
nodejs, security, authorization, oauth
What Each Markup Language Is Used For (sem)803
overviews, html, xml, xhtml, sgml, mathml, amp, seo
What Svelte’s Accessibility Warnings Won’t Tell You802
svelte, accessibility
Disability: Let’s Say the Word801
accessibility, community
Landmarks (mat/mat)800
html, aria, accessibility
100 Bytes of CSS to Look Great Everywhere (swy)799
css
Dealing With Timezones in Web Development798
javascript
Processing CPU-Intensive Jobs in Node.js797
nodejs
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)796
guides, images, responsive-design, html
Custom Properties With Defaults: 3+1 Strategies (lea)795
css, custom-properties
Expandable Sections Within a CSS Grid (css)794
css, grids, layout
Conditional “border-radius” and Three Future CSS Features (ste)793
css, borders
Different Degrees of Custom Property Usage (chr/css)792
css, custom-properties
Smart CSS Solutions for Common UI Challenges (sma)791
css, design
Stop Writing JavaScript Like This790
javascript
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una)789
css, functions
1999: The Fall of Netscape and the Rise of Mozilla (ric)788
history, browsers, netscape, mozilla
Five Proven Approaches for a Better Developer Experience in Your Organisation787
developer-experience
The Ultimate Guide to 3xx HTTP Status Codes786
guides, protocols, http
The Tortuous Journey of Enhancing Our Color Palette785
colors, color-palettes
Building a Multi-Select Component (arg)784
components, html, css, javascript
How to Win at CORS (jaf)783
how-tos, security, cors, html, http
What Constitutes a Digital Accessibility Audit (gwi)782
accessibility, testing, auditing
Who Pays for Web Frameworks? (zac)781
frameworks, economics, trends
Best UI Frameworks for React.js780
react, frameworks
Easy Read Is Hard to Get Right779
accessibility, readability
Google Chrome Hidden Features Every Developer Should Know778
browsers, google, chrome, experiments
The Autofill Dark Pattern (alv/sma)777
html, forms, anti-patterns
How Design Debt Can Hurt Your Product (uxd)776
design, design-debt
A Tangled Web of ARIA775
accessibility, aria, html
Appreciation for Being a Web Developer (cit)774
career
Introduction to Styled Components773
introductions, css, javascript, components
Native CSS Nesting: What You Need to Know (log)772
css, selectors, nesting
Why We Crave Software With Style Over “Branding”771
design, branding
Accessibility: A Gentle Introduction770
accessibility, introductions
Buttons vs. Links (yat)769
html, semantics, buttons, links, comparisons
Have Single-Page Apps Ruined the Web? (ric)768
videos, single-page-apps, web
Internationalization: How to Boost Traffic With a Multilingual Site767
how-tos, internationalization, traffic
Why Does Everything Look the Same? (uxd)766
design
How We Improved Our Design System Delivery765
design-systems, processes, optimization, case-studies
How to Add Search to a Ghost Site (fla)764
how-tos, ghost, search
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)763
guides, introductions, rollup, bundling, javascript
A Guide to CSS Debugging (5t3/sma)762
guides, css, debugging
How to Implement and Style the “Dialog” Element (cod)761
how-tos, modals, html, css
My Challenge to the Web Performance Community (phi)760
performance
The Options for Password-Revealing Inputs (chr/css)759
html, css, security, passwords, usability
What Is Micro-Content?758
microcontent, concepts, content
Engineer to Engineer: Art Is in the Code (wom)757
interviews, career, wordpress
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr)756
browsers, google, chrome, browser-engines, chromium, rendering
Safe DOM Manipulation With the Sanitizer API755
dom, apis, sanitization
Browsing With a Mobile Screen Reader (tet)754
accessibility, browsers, screen-readers, assistive-tech, mobile, browsing
Why Do Webdevs Keep Trying to Kill REST? (swy)753
apis, rest, protocols, databases
What Creating a Simple Font Taught Me About Font Design (uxd)752
fonts, typography
Automating a Design System751
design-systems, automation, testing
UX Accessibility: How to Start Designing for All (uxd)750
how-tos, accessibility, user-experience
Animation Techniques for Adding and Removing Items From a Stack (css)749
css, animations, javascript
Conditional Border Radius in CSS (sha)748
css, borders
How to Build an Expandable Accessible Gallery (cit/sma)747
how-tos, accessibility, html, css
Redundantly Redundant a11y Accessibility (sco)746
accessibility, html
What Is a Good User Experience? (uxm)745
user-experience, ethics, ai
Writing Clean JavaScript Tests With the BASIC Principles744
javascript, testing, principles
The CSS “prefers-color-scheme” User Query and Order of Preference (sar)743
css
jsPerf—Online JavaScript Performance Benchmark742
websites, javascript, performance
Introducing Svelte, and Comparing Svelte With React and Vue741
svelte, react, vuejs, comparisons, introductions
Simple Blinking Cursor Animation Using CSS (ami)740
css, animations, effects, cursors
Using JavaScript to Detect High Contrast and Dark Modes (sco)739
javascript, accessibility, colors, contrast, dark-mode
Links, Missing “href” Attributes, and Over-Engineered Code (tem)738
html, attributes, links, accessibility
Sorting JavaScript Arrays by Nested Properties737
javascript, sorting, arrays
Understanding and Working With Submodules in Git736
git, modules
9 Tag Management Solutions You Should Consider735
tag-management, comparisons, tooling, link-lists
Declaring Page Language—and Declaring Changes in Language (j9t)734
accessibility, html, browsers
How I Built a Modern Website in 2021 (ken)733
html, css, javascript
Practical Frontend Philosophy732
web-platform, complexity
Using Modern Image Formats: AVIF and WebP (add/sma)731
images, avif, webp, jpeg, png, comparisons, performance, compression
Web Streams Everywhere (and Fetch for Node.js) (oll/css)730
javascript, nodejs, streaming, data-fetching
Comparing Page Language Declaration Setups in Screen Readers (j9t)729
accessibility, html, http, screen-readers, comparisons
Faster React Apps With Memoization728
react, performance, memoization
Figma Cheat Sheet727
websites, figma, cheat-sheets
Guidelines for Choosing a Node.js Framework726
guidelines, nodejs, frameworks
Let’s Dive Into Cypress for End-to-End Testing (sma)725
testing, cypress
When iOS Will Allow Other Browsers (kar)724
apple, mobile, browsers, browser-engines
Design Tokens Automation Pipeline: From Design Tools to Component Libraries723
automation, design-tokens, design-systems
Accessibility Isn’t New—and Neither Is Ableism722
accessibility
A JavaScript Developer’s Guide to Browser Cookies (psu)721
guides, javascript, cookies
How I Make CSS Art720
css, art
Beware False Negatives (aar)719
accessibility
7 UI Design Fundamentals for Developers718
design, fundamentals
One Last Time: Custom Styling Radio Buttons and Checkboxes (sco)717
css, forms, accessibility
Not Releasing Late on Fridays, a Matter of Courtesy (j9t)716
releasing, processes
A Content Model Is Not a Design System (ali)715
content, design-systems
“initial” Doesn’t Do What You Think It Does (kev)714
videos, css
Just Redux: The Complete Guide713
guides, redux
Simplifying Form Styles With “accent-color” (mic/sma)712
css, forms
Specification for Spoken Presentation in HTML (w3c)711
html, pronunciation
When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It710
alerting, productivity
7 Useful HTML Attributes You May Not Know709
html, attributes
Container Units Should Be Pretty Handy (chr/css)708
css, container-queries, units
ct.css—Let’s Take a Look Inside Your “<head>” (css)707
css, performance, debugging
How to Redirect URLs on WordPress (sem)706
how-tos, urls, redirecting, wordpress, apache
Introduction to GSAP705
introductions, animations, gsap, examples
7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (css)704
css, selectors, generated-content
Cascade Layers? (chr/css)703
css, cascade
Intro to MJML: Responsive HTML Email Coding Made Easy702
introductions, mjml, html, email, responsive-design
Node.js Garbage Collection Explained701
nodejs, garbage-collection
Optimising a JavaScript Library With WebAssembly, a Failed Attempt700
javascript, libraries, webassembly
Using Monorepos Is Not That Bad699
monorepos, case-studies
CSS Container Queries: Container-Relative Lengths (bra)698
css, container-queries
Yarn vs. npm: Everything You Need to Know697
yarn, npm, comparisons
How I Learnt to Stop Worrying and Love Animating the Box Model696
css, box-model, animations
Provide Pronunciation for Ambiguous Words695
accessibility, content, pronunciation
Understanding “min-content”, “max-content”, and “fit-content” in CSS (log)694
css
Contemporary Design Has Lost Its Soul (uxd)693
design
Simpler Block Spacing in WordPress With “:is()” and “:where()” (mic)692
wordpress, css, selectors
20 Killer JavaScript One-Liners691
javascript
Practical Frontend Architecture690
architecture
CSS Container Query Units (sha)689
css, container-queries, units
Why Inequalities Can Appear in Digital Accessibility and Inclusive Design688
accessibility, dei, design
Guide to 301 Redirects With an .htaccess File (sem)687
guides, redirecting, apache, servers, seo
The New Requirements for WCAG 2.2686
accessibility, wcag
More Information on How Google Generates Titles for Web Page Results (dan)685
google, search, seo
Accessible Palette: Stop Using HSL for Color Systems684
accessibility, css, colors, color-palettes
How to Expand Your Engineering Skill Set Without Quitting Your Day Job683
how-tos, career, learning
Minding the “gap” (pat/css)682
css
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)681
software-design, css, principles
Web Quality Assurance: From User Requirements to Web Risk Management (sma)680
quality, usability
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)679
javascript, performance, bundling
What’s the Right Font Size in Web Design? (pim)678
typography, design
Design Direction as a Step Before Design System677
design, design-systems
Web Vitals Patterns676
web-vitals
1995: MySQL Arrives, Completing the LAMP Stack (ric)675
history, databases, mysql, tech-stacks
Reducing the Need for Pseudo-Elements (sma)674
css, selectors
The Future of CSS: Cascade Layers (CSS “@layer”) (bra)673
css, cascade
Optimizing Images on the Web672
images, performance, cloudflare
Master Frontend Development by Cloning These Websites671
learning
Modernising CSS Infrastructure in DevTools670
dev-tools, css, modernization, browsers, google, chrome
Designing Beautiful Shadows in CSS (jos)669
css, shadows
Prevent Content From Being Hidden Underneath the Virtual Keyboard by Means of the VirtualKeyboard API (bra)668
mobile, apis, viewport
Laravel Blade Internals—PHP as a Templating Language (lia)667
videos, php, laravel, template-engines
29 Projects to Help You Practice HTML CSS JavaScript 2021666
html, css, javascript
Notes on Synthetic Speech (tin)665
accessibility, browsers, voice
Scripting With Google zx664
zx
Myths About Web Accessibility (alv)663
accessibility, myths
The Ultimate Guide to Web Console662
guides, console, javascript, debugging
Indieweb vs. Fediverse (flu)661
indieweb, fediverse, comparisons
Less Absolute Positioning With Modern CSS (sha)660
css, positioning
Vanilla JS Is a Web Performance Decision (cfe)659
javascript, performance
Blowing Up HTML Size With Responsive Images (deb)658
html, images, performance, responsive-design
Developer Decisions for Building Flexible Components (mic/sma)657
components
Enterprise UX: Essential Resources to Design Complex Data Tables (ste)656
user-experience, responsive-design, complexity, tables
Flexible API Design: Create Hooks for Your PHP API Pipeline655
php, apis, hooks
Line Length Revisited: Following the Research654
design, readability, typography, research
Okhsv and Okhsl653
colors, design, usability
Subsets and Supersets of WCAG (hdv)652
accessibility, wcag
The Case for “Developer Experience”651
developer-experience, productivity
What Is Redundant Entry, and How Does It Affect Accessibility?650
accessibility, usability
Bundling Non-JavaScript Resources649
bundling
5 Steps for Writing Alt Text for Accessibility648
accessibility, writing, alt-text, images
An Early History of the Lynx Web Browser (ada)647
history, browsers, lynx
Becoming a Design Tokens Ambassador646
design-tokens
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)645
javascript
Firefox’s “bolder” Default Is a Problem for Variable Fonts (sim/css)644
css, fonts, variable-fonts, browsers, mozilla, firefox
Fractional SVG Stars With CSS643
css, svg, images
What’s New in PHP 8.1: Features, Changes, Improvements, and More (kin)642
php
What’s New With DevTools: Cross-Browser Edition (pat/sma)641
dev-tools, browsers, google, chrome, microsoft, edge, mozilla, firefox, apple, safari
13 Advanced (but Useful) Git Techniques and Shortcuts (fir)640
videos, git
Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1639
css, overflow, accessibility, wcag
A Practical Guide to Creating Reusable React Components638
guides, react, components, maintainability
Color and Universal Design (uxm)637
design, colors, color-blindness, contrast, accessibility
HTTP/3: Practical Deployment Options (pro/sma)636
http, protocols, deploying
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (nng)635
user-experience, performance, complexity
Avoiding FOUT With Async CSS634
fonts, flash-of-x, css, asynchronicity
Stop! Put Down That Ternary, Lines Are Free633
maintainability
Make Accessibility Part of Your Startup’s Products and Culture From Day One (tec)632
accessibility, culture
Reducing Carbon Emissions on the Web (sma)631
sustainability
The Pros and Cons of Professional Language (and)630
career
WebKit—Patches and Tests (mar)629
webkit, testing
Multiple Accounts and Git (bra)628
git