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

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