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. 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)1131
css, images
A Unified Theory of Web Performance (sli/per)1130
performance
Exposing Mid-Resource LCP Values (per)1129
performance, web-vitals
Page Visibility: If a Tree Falls in the Forest… (pau/per)1128
performance, web-vitals, user-experience
Add Less (cas/css)1127
simplicity
Updating a Branch With “git rebase”1126
git, command-line
Using Diagnostic Metrics (per)1125
performance, metrics
pkg.land1124
websites, packages, dependencies, npm
Dynamic Static Typing in TypeScript (dea/sma)1123
typescript, generics
Empathetic Animation (css)1122
animations, user-experience
Practical Tips for Load-Testing Web Applications (per)1121
performance, testing, tips-and-tricks, web-apps
WCAG and Accessibility: What Is a Statement of Partial Conformance?1120
accessibility, wcag, conformance
Add a Service Worker to Your Site (cfe/css)1119
web-workers, javascript
Shedding Light on Fiverr’s Dark Mode Creation Process1118
design, dark-mode
Building Gatsby Themes for WordPress-Powered Websites (sma)1117
wordpress, gatsby, theming
Web Accessibility Cheat Sheet1116
accessibility, cheat-sheets
CSS in 2022 (bra)1115
css
1000+ Web Development Resources1114
link-lists
The Business Case for Performance (per)1113
performance, economics
Faster Websites by Using Less HTML (j9t)1112
cross-posts, html, performance, optimization, minimalism
Container Queries (5t3)1111
css, container-queries, html
Form Autocomplete (ben/5t3)1110
html, forms
Personalize It! (una/css)1109
css, user-experience, personalization
Remember You Are Not the User (css)1108
accessibility, internationalization, user-experience, principles
Show, Don’t Tell (css)1107
writing, design, semantics
The Many Methods for Using SVG Icons (hui)1106
css, svg, images, icons
Redirect Liquidation (tim/per)1105
performance, optimization, redirecting
The CSS “:has()” Pseudo-Class, aka Parent Selector1104
css, selectors
Wrapping Text Inside an SVG Using CSS1103
svg, css
Frontend Web Performance: The Essentials1102
fundamentals, performance, rendering
CSS Animation (5t3)1101
css, animations
CSS Snapshot 2021 (tab+/w3c)1100
css, standards
Introduction to Cognitive Disability and Accessibility Testing (ons/tpg)1099
introductions, accessibility, testing
Make Joyful Things (css)1098
user-experience
WebGPU From WebGL1097
webgpu, webgl
The CSS “:has()” Selector Is Way More Than a “Parent Selector” (bra)1096
css, selectors
Building a Greener Web (mic)1095
sustainability
13 Tools and Techniques to Accelerate Frontend Development1094
tooling, techniques, software-design-patterns, linting, bundling, testing, logging, frameworks, processes, ci-cd
Auto Dark Theme (chr/css)1093
browsers, dark-mode, usability
Be Prepared for Failure and Handle It Gracefully (css)1092
javascript, graceful-degradation
Design Sprints Revisited: Designing With Your Users and Developers (uxm)1091
design, usability
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe)1090
how-tos, css, javascript
How to Define Your Relationship to Sites You Link To (ste)1089
how-tos, html, links, semantics, seo
HTML Cheat Sheet1088
html, semantics, examples, cheat-sheets
Image Display Elements (5t3)1087
html, images, responsive-design
PHP 8 in a Nutshell (ami)1086
books, php
Smoothly Reverting CSS Animations1085
css, animations
The Web Starts on Page Four (cod)1084
web
Why UX Is the Best SEO Strategy (uxm)1083
user-experience, seo, strategies
5 Common Misconceptions About WAI–ARIA and Accessibility1082
accessibility, aria, html
Preference Queries (5t3)1081
css
Ultimate HTML Cheatsheet1080
html, cheat-sheets
Web Performance, Core Web Vitals, and Vanity Metrics (per)1079
performance, web-vitals, metrics
4 HTML Concepts You Didn’t Know (j9t)1078
html, concepts, tables
This Is WCAG 2.11077
websites, accessibility, wcag
This Is WCAG1076
websites, accessibility, standards, wcag
CSS Houdini Paint API (5t3)1075
css, houdini, apis, javascript
There’s Never Been a Better Time to Build Websites1074
frameworks, css
Don’t Start With Microservices in Production—Monoliths Are Your Friend1073
microservices, monoliths, architecture
Sustaining Maintaining (dav)1072
foss
Web Platform Design Principles (w3c)1071
web-platform, software-design, principles, standards, w3c
Web vs. Email Development: The 11 Biggest Coding Differences1070
comparisons, email, browsers, support, responsive-design
Why Motion on Websites and Digital Content Is a Problem (mer/equ)1069
accessibility
Consistent, Fluidly Scaling Type, and Spacing (bel/css)1068
typography, css, scaling, liquid-design
Hands On With the New Responsiveness Metrics (per)1067
performance, responsive-design, metrics
Deep-Copying in JavaScript Using “structuredClone” (sur)1066
javascript
Inaccessibility of CAPTCHA (w3c)1065
accessibility, captcha
100 Tips on Software Developer Productivity1064
productivity, tips-and-tricks
CSS Can Help Improve Your HTML!? Buttons and Links1063
html, css, buttons, links, accessibility
CSS Custom Properties (5t3)1062
css, custom-properties
Shifting the Mindset About Accessible Content (mni)1061
accessibility, content
The State of CSS 2021 [Results] (sac/dev)1060
surveys, metrics, css
Explain Like I’m Five: Web Performance Optimization (sto/per)1059
performance, optimization
Thoughts on Skin Tone and Text Descriptions (tin)1058
accessibility, dei, writing
Details/Summary (5t3)1057
html, semantics, disclosure-widgets
Read Your Website (geo/css)1056
user-experience
The Ideal Line Length and Line Height in Web Design (pim)1055
design, typography, readability
Visual Regression Testing for Design Systems With Figma Branches1054
design-systems, testing, regressions, figma
Lessons Learned From Publishing a Content Security Policy1053
lessons, csp, security
Performance Implications of JavaScript Errors (per)1052
javascript, performance, errors
Practical Ethics for the Modern Web Designer1051
videos, ethics
Embrace the Platform (bra/css)1050
html, css, javascript, web-platform
How Not to Create a Button (eev)1049
html, buttons, accessibility
Intersection Observer (5t3)1048
javascript, apis
WCAG 2 Is What We Have (kil)1047
accessibility, wcag
Monorepos—How the Pros Scale Huge Software Projects (fir)1046
videos, monorepos, yarn, npm, pnpm, lerna, nx, comparisons
WCAG 2.2: What We Know Till Now1045
accessibility, wcag
Defer Non-Critical Resources (per)1044
performance, html
5 Key Benefits of Using a Tag Manager1043
tag-management
WCAG 3 Is Not Ready Yet (yat)1042
accessibility, wcag
How to Customize Firefox UI—Step-by-Step Tutorial1041
how-tos, tutorials, xul, browsers, mozilla, firefox, customization
Standardizing Focus Styles With CSS Custom Properties (5t3/css)1040
css, custom-properties, accessibility, focus
Breaking Out of the Box (pat/ali)1039
browsers, css
Responsive Iframes With the CSS “aspect-ratio” Property (cfe)1038
iframes, css, responsive-design, aspect-ratio
The Last Design You’ll Ever Make1037
design
WCAG 3 and APCA1036
accessibility, wcag, apca, colors, contrast
Caching: Understanding the Scope (per)1035
performance, caching
Node.js Memory Limits—What You Should Know (app)1034
nodejs, memory
Redirects for SEO: A Simple (but Complete) Guide (ahr)1033
guides, redirecting, seo, http
Writing Better CSS (ale)1032
css, quality, efficiency
Content Separation (per)1031
servers
5 Reasons You Should Adopt a Micro Frontend Architecture1030
micro-frontends, architecture
1993: Mosaic Launches and the Web Is Set Free (ric)1029
history, browsers, mosaic
Defensive CSS (sha)1028
css
Google Fonts Knowledge (ell)1027
google, fonts, typography
Test Your Product on a Crappy Laptop (eri/css)1026
testing, performance, usability
Where Do You Put Spacing on Design System Components? (eri)1025
design-systems, components, design, spacing
Optimizing State Management in React Applications (per)1024
react, state-management
A Beginner’s Guide to Vue Router1023
guides, vuejs
Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (jsp+/w3c)1022
accessibility, wcag, standards
Designing Better Links for Websites and Emails: A Guideline (sma)1021
design, links, email
Reduce Your Website’s Environmental Impact With a Carbon Budget (mic/css)1020
sustainability
Why You Should Check in Your Node Dependencies1019
nodejs, dependencies
HTTP Compression (per)1018
http, protocols, compression, performance
CSS Fingerprinting1017
websites, css, privacy, fingerprinting
Have Core Web Vitals Made the Web Faster? (tun/per)1016
web-vitals, performance
How Many People With Disabilities Use Our Site? (hdv)1015
accessibility
The Love of Curvilinear Design1014
design
Plugging Memory Leaks in Your App (sto/per)1013
performance, memory
Ain’t No Party Like a Third Party (ada/css)1012
dependencies, embed-code, security
Why Every Developer Should Start Blogging1011
blogging, communication, learning, career
Request for a General Theory of Web Performance (per)1010
performance
Revisiting the Anatomy of a Design System1009
design-systems
JSON Modules in JavaScript1008
javascript, json, modules
Best Practices for Node.js Development1007
nodejs, javascript, best-practices
Markup (htt)1006
web-almanac, studies, research, metrics, html
HTTP (htt)1005
web-almanac, studies, research, metrics, http, protocols
JavaScript (htt)1004
web-almanac, studies, research, metrics, javascript
Open Props (arg)1003
websites, css, custom-properties, props
Page Weight (htt)1002
web-almanac, studies, research, metrics, performance
Understanding Accessibility1001
accessibility, testing, tooling
Why Color Contrast Is Not as Black and White as It Seems1000
accessibility, colors, contrast
The Fundamentals of CSS Layout999
videos, fundamentals, css, layout
Accessibility (htt)998
web-almanac, studies, research, metrics, accessibility
Security (htt)997
web-almanac, studies, research, metrics, security
CSS (mey/htt)996
web-almanac, studies, research, metrics, css
New Living Standards (dom)995
standards, apis
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)994
podcasts, interviews, web-platform, standards, performance, tooling, developer-experience
The Surprising Behavior of “Important CSS Custom Properties” (ste)993
css, custom-properties, cascade
CSS Layout From the Inside Out (rac)992
videos, css, layout
“aria-label” Is Not Always the Answer (eev)991
html, aria, accessibility
The State of UX in 2022: Rebuild (fab)990
user-experience, design, outlooks
Introduction to TCP Connection Establishment for Software Developers989
introductions, protocols, tcp
Making Accessibility More Accessible988
accessibility
How to Maintain a Large Next.js Application (sma)987
how-tos, nextjs, maintenance
Introduction to Svelte Actions (log)986
introductions, svelte
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea)985
web-components, html, markdown
Select Elements With “pointer-events: none” by Holding Shift (pat/dev)984
browsers, dev-tools, pointer-events
The Pagination Predicament (kev)983
pagination, seo
Understanding WCAG 2.1 Level AAA (tet)982
accessibility, wcag
What Is Magento? A Brief Introduction981
introductions, ecommerce, tooling, magento
What Is WHOIS and How Does It Work?980
whois, domains
Programmers Should Stop Celebrating Incompetence979
career
Make Your Website Stand Out With a Custom Scrollbar978
css
How to Trim Strings in JavaScript977
how-tos, strings, javascript
7 Ways to Improve Node.js Performance at Scale (app)976
nodejs, performance, optimization
Creating Generative Patterns With the CSS Paint API (css)975
css, decoration
Get Started With Validation in Node.js974
introductions, nodejs, validation
Three Phases of Life for Design Systems973
design-systems
What Kind of Developer Do I Want to Be?972
career
A Modern CSS Reset (jos)971
css, resets
Control Layout in a Multi-Directional Website (css)970
internationalization, html, css
Modern CSS in a Nutshell (spa/clo)969
css
The 6 Ways of Writing HTML (and Their Combinations) (j9t)968
html
Adding a Dyslexia-Friendly Mode to a Website (sma)967
accessibility, dyslexia, css
Functional Programming in PHP: Higher-Order Functions966
php, programming, functions
Blog Page Accessibility Deep Dive965
accessibility, react, deep-dives
How JavaScript Engines Achieve Great Performance964
javascript, javascript-engines, performance
Improving the Performance of Wix Websites (Case Study) (sma)963
performance, monitoring, culture, case-studies
Responsive Layouts, Fewer Media Queries (css/css)962
css, responsive-design
Designing Sustainable Websites (ger)961
sustainability, performance, software-design
Accessibility Myths960
websites, accessibility, myths
Dear HTML Element959
html
How to Make Blob Menu Using HTML, CSS, and JavaScript958
how-tos, html, css, javascript
Introduction to Web Sockets957
introductions, apis, protocols, websockets
Parallax Powered by CSS Custom Properties (jhe/css)956
css, effects, parallax, custom-properties
Tales of the Autistic Developer—Order and Chaos955
career
20 Years of bram.us (bra)954
history
Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed953
accessibility, communication
Dynamic Color Manipulation With CSS Relative Colors (jim)952
css, colors
Let’s Not Send Developers to the Accessibility Tree Tool (cod)951
browsers, accessibility, tooling
PHP Date and Time Recipes (css)950
php, time
Various Ways to Include Comments on Your Static Site949
functionality
1992: The Web vs. Gopher, and the First External Browsers (ric)948
history, web
A Guide to Modern CSS Colors With RGB, HSL, HWL, LAB, and LCH (mic/sma)947
guides, css, colors
Performance (sia/htt)946
web-almanac, studies, research, metrics, performance, user-experience
Tor and the Humans Who Use It (tor)945
community, privacy, tor-browser, browsers
How to Create Reusable Components With the Vue 3 Composition API944
how-tos, vuejs, components, maintainability
WCAG 3.0: What You Need to Know About the Future of Accessibility Standards943
accessibility, wcag, standards
Three Principles to Better Present Your UI Designs942
design, principles
4 Ways to Document Your Design System With Storybook (sto)941
design-systems, storybook, documentation
A Clever Sticky Footer Technique (chr/css)940
css, layout, navigation
Generate a Pull Request of Static Content With a Simple HTML Form (css)939
html, github
Using “position: sticky” With CSS Grid (sha)938
css, grids, positioning, layout
We Need to Talk About Accessibility—Again, and Again, and Then Some More937
accessibility
A Primer on Product Management for Engineers936
introductions, product-management
Reframing Tech Debt935
technical-debt
Design System Best Practices With ESLint Series (and)934
design-systems, design-tokens, best-practices, tooling, eslint
5 Popular Frontend Development Tools in 2021933
tooling
Access to Tech, Tech to Live (btc)932
videos, accessibility
Get Your “Head” Straight (css/btc)931
videos, html, performance
Semantics and How to Get Them Right (hdv/btc)930
videos, html, semantics, accessibility
Some Notes on Using esbuild929
bundling, esbuild
Why IndexedDB Is Slow and What to Use Instead928
databases, indexeddb, javascript, performance
Your CSS Is an Interface (eri)927
css, performance
GitHub’s Commitment to npm Ecosystem Security926
github, npm, security
How to Fetch Data in Svelte925
how-tos, svelte, data-fetching
How Do Arrays Work? (nan)924
programming, arrays
Design Systems, Structured Content, and Headless Publishing (amy)923
design-systems, content, semantics, headless
Exploring Retro Web Design922
design
Other Looks at the Conditional Border Radius Trick (chr/css)921
css, borders, tips-and-tricks
Useful React Hooks That You Can Use in Your Projects (sma)920
react, hooks
Using Web Workers to Boost Third-Party Script Performance (log)919
web-workers, javascript, performance
Why Your Website Should Not Use Dithered Images918
images, dithering, compression, performance
Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties917
dev-tools, css, javascript, browsers, google, chrome
How to Debounce and Throttle Callbacks in Vue916
how-tos, vuejs, javascript, callbacks, debouncing, throttling
Easy Dark Mode (and Multiple Color Themes) in React (css)915
react, dark-mode, theming
View-Source914
auditing, view-source, browsers
It’s Not About Your Favorite Color—Moving From Brand Strategy to Visual Identity913
design, branding, strategies
Browsing With Screen Magnification (ihe/tet)912
accessibility, browsing, assistive-tech, screen-magnification
A Beginner’s Guide to Routing in Next.js, With Examples911
guides, nextjs, routing
Everything You Ever Wanted to Know About the Accessibility Tree (rus/a11)910
videos, accessibility
Detecting Specific Text Input With HTML and CSS (chr/css)909
html, css
How Designers Can Prevent User Errors908
design, usability, errors
Localizing Your Next.js App (ati/sma)907
nextjs, localization, javascript
Be Usable, Not Consistent, Not Uniform906
design, usability
Debugging HTML: Accessibility (mat/mat)905
html, accessibility, debugging
Designing a Reorderable List Component904
lists, components, html, css
Why You Should Prioritise Quality Over Speed in Design Systems (amy)903
design-systems, prioritization
Becoming an Expert902
learning, career, processes, craft
In Defence of Dialog901
html, modals
PHP 8.1 in 8 Code Blocks900
php
Deep Dive Into Node.js Architecture899
nodejs, architecture, deep-dives
Chrome DevTools: Record and Playback Your User Journeys898
dev-tools, user-experience, performance, browsers, google, chrome
Everything You Have to Know About Core Web Vitals (fox/cal)897
web-vitals, performance
Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro? (mat+/sma)896
podcasts, interviews, astro, frameworks
The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job895
how-tos, career
RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr)894
videos, browsers, google, chrome, browser-engines, chromium, rendering
How to Implement Memoization in React to Improve Performance893
how-tos, react, performance, memoization, optimization
A Deep Dive Into Serverless UI With TypeScript (sma)892
typescript, serverless, deep-dives
Browser Wars (jay/css)891
history, browsers, browser-wars
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha)890
components, html, css
Designing Error Messages and a Logging Strategy in Node.js (app)889
software-design, javascript, nodejs, logging, strategies
What Is Wireless Application Protocol (WAP)?888
wap, mobile
Why Safari Is a Great Browser (fla)887
safari, apple, browsers
Learn Forms886
courses, forms, html
Learn PWA885
courses, web-apps, progressive-web-apps
Design Is Not Art, and UX Is Not Design884
design, user-experience
Understanding the Differences Between WCAG 2.1 and WCAG 2.2883
accessibility, wcag, comparisons
Eleventy 1.0—New Option for Global Data (ray)882
eleventy
Lit Web Components: Tailwind CSS Styles at Build Time (mic)881
web-components, lit, tailwind
Name, Labels, ARIA, What to Do? (sco)880
accessibility, forms, labels, writing, naming
Rebase vs. Merge: Integrating Changes in Git (css)879
git, comparisons
What Are Accessible Fonts?878
accessibility, fonts
What Does a Good Design System Feel Like? (fon)877
design-systems, user-experience
Using AI and Data Science to Reliably Detect Internet Censorship in Real-Time876
ai, traffic, censorship
The State of the Web (ada/cle)875
videos, web
A Comprehensive Guide to Error Handling in Node.js (hon)874
guides, nodejs, javascript, errors
Developer Tools Secrets That Shouldn’t Be Secrets (cod)873
browsers, tooling, developer-experience
The Guideline Gap872
design-systems, quality, accessibility, localization
Accessible Toggles (mic)871
accessibility, toggles, html, javascript
So, You Want to Build an “@mention” Autocomplete Feature? (css)870
functionality
An Introduction to PostCSS (cra)869
introductions, postcss, postprocessors, tooling
CSS-ing Candy Ghost Buttons (ana/css)868
css
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil867
html, css, javascript
The Golden Ratio and User-Interface Design (nng)866
design, layout, aesthetics, principles
You Probably Don’t Need Media Queries Anymore865
css, media-queries
The Little Book of Little Books (j9t)864
books, frameworks, conventions, quality
Chrome DevTools: Visualise Your JavaScript Bundles863
dev-tools, javascript, bundling, browsers, google, chrome, lighthouse, visualization
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element862
accessibility, skip-links, html
Using CSS Variables for Reduced Motion on a Global Scale (cit)861
css, custom-properties, media-queries, reduced-motion
Add a Contact Form to a React App With Netlify Forms860
react, netlify, forms, functionality
Make Your Design System Accessible—Color (luk)859
design-systems, accessibility, colors
Material Design 3858
websites, design-systems, material-design, google
A Step by Step TypeScript Tutorial for Beginners857
typescript, tutorials
UX Design Isn’t Killing Creativity, Money Is856
user-experience, creativity, economics
Best Practices on Embedding Third-Party Web Widgets855
embed-code, performance, best-practices
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)854
typo3, css, javascript, examples
In-Page Filtered Search With Vanilla JavaScript (css)853
javascript, functionality, search
New WebKit Features in Safari 15 (jen/web)852
release-notes, safari, apple, browsers, webkit
Reimagine Atomic CSS851
atomic-css
So, You Want an Accessibility Score? (kar)850
accessibility, auditing
Media Queries Level 4: Media Query Range Contexts (bra)849
css, media-queries
Optimizing Next.js Applications With Nx (sma)848
nextjs, optimization, building, nx
Photoshop’s Journey to the Web847
adobe, photoshop, webassembly
The Problem With “Click Here” and “Learn More” Links846
links, usability, writing
Design Systems at Replit: Better Tokens845
case-studies, design-systems, design-tokens
A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma)844
css, backgrounds, deep-dives
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)843
html, aria, accessibility
The Process of Building a CSS Framework (cod)842
frameworks, processes
Web Performance Metrics Cheatsheet (ire)841
performance, metrics, cheat-sheets
Building an Effective Image Component840
components, javascript, performance
How to Get Started With Social Media Automation839
how-tos, social-media, automation, tooling
Why Outdated jQuery Is Still the Dominant JavaScript Library (ric)838
javascript, libraries, jquery
Why Accessibility Overlays on Your Website Can Make Things Worse837
accessibility, overlays
Switch Role Support (aar)836
html, accessibility, support
Micro-Frontends: The Next Gen Way to Build Web Apps835
micro-frontends, web-apps
Finding Common Patterns Across Frameworks834
frameworks, javascript
On Using Custom Properties (bra)833
css, custom-properties
The Start of a New Era for Responsive Web Design832
responsive-design, css
Common Mistakes When Writing CSS With BEM831
css, naming, bem, mistakes
11ty Slugs and Anchors (5t3)830
eleventy, urls, links
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)829
html, css, javascript, design-systems
Making the Web Developer’s Pilgrimage (j9t)828
html
Prevent Scroll Chaining With Overscroll Behavior (sha)827
css, scrolling
Respecting Users’ Motion Preferences (mic/sma)826
accessibility, css
Semantic “menu” Context (sco)825
html, semantics
Identify Potential CSS Improvements (jec)824
dev-tools, css, auditing, browsers, google, chrome
This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (ste/deq)823
accessibility
Designing for Color Contrast: Guidelines for Accessibility822
guidelines, accessibility, contrast, colors
How to Cancel an HTTP Request in Node.js821
how-tos, nodejs, http
New HTTP Standards for Caching on the Modern Web820
http, protocols, caching, performance, standards
We Analyzed 425,909 Favicons819
images, favicons
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS818
css, performance
Back to Basics: Understanding the “for…in” Loop in JavaScript817
javascript, fundamentals, loops
Optimizing Resource Loading With the Fetch Priority API (add+)816
performance, data-fetching, apis, optimization
It’s Time for a Healthy Tech Approach (hel)815
career
Yes, Node.js Is Part of the Web Platform (jas/nea)814
videos, nodejs, web-platform
Evaluating Clever CSS Solutions (mic)813
css
“@supports selector()” (chr/css)812
css, selectors, support
Fix Web Accessibility Systematically (yat)811
accessibility, wcag
HTML With Superpowers (dav)810
videos, html, components
Understanding and Implementing OAuth2 in Node.js (hon)809
nodejs, security, authorization, oauth
What Each Markup Language Is Used For (sem)808
overviews, html, xml, xhtml, sgml, mathml, amp, seo
What Svelte’s Accessibility Warnings Won’t Tell You807
svelte, accessibility
Disability: Let’s Say the Word806
accessibility, community
Chrome DevTools: Easily Change CSS Units and Values805
dev-tools, css, units, browsers, google, chrome
Landmarks (mat/mat)804
html, aria, accessibility
100 Bytes of CSS to Look Great Everywhere (swy)803
css
Dealing With Timezones in Web Development802
javascript
Processing CPU-Intensive Jobs in Node.js801
nodejs
Custom Properties With Defaults: 3+1 Strategies (lea)800
css, custom-properties
Expandable Sections Within a CSS Grid (css)799
css, grids, layout
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)798
guides, images, responsive-design, html
Conditional “border-radius” and Three Future CSS Features (ste)797
css, borders
Different Degrees of Custom Property Usage (chr/css)796
css, custom-properties
Smart CSS Solutions for Common UI Challenges (sma)795
css, design
Stop Writing JavaScript Like This794
javascript
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una)793
css, functions
The Tortuous Journey of Enhancing Our Color Palette792
colors, color-palettes
Building a Multi-Select Component (arg)791
components, html, css, javascript
The Ultimate Guide to 3xx HTTP Status Codes790
guides, protocols, http
Five Proven Approaches for a Better Developer Experience in Your Organisation (tho)789
developer-experience
1999: The Fall of Netscape and the Rise of Mozilla (ric)788
history, browsers, netscape, mozilla
How to Win at CORS (jaf)787
how-tos, security, cors, html, http
What Constitutes a Digital Accessibility Audit (gwi)786
accessibility, testing, auditing
Who Pays for Web Frameworks? (zac)785
frameworks, economics, trends
The Autofill Dark Pattern (alv/sma)784
html, forms, anti-patterns
How Design Debt Can Hurt Your Product783
design, design-debt
Easy Read Is Hard to Get Right782
accessibility, readability
Google Chrome Hidden Features Every Developer Should Know781
browsers, google, chrome, experiments
Best UI Frameworks for React.js780
react, frameworks
Appreciation for Being a Web Developer (cit)779
career
Introduction to Styled Components778
introductions, css, javascript, components
A Tangled Web of ARIA (ste)777
accessibility, aria, html
Native CSS Nesting: What You Need to Know (log)776
css, selectors, nesting
Why We Crave Software With Style Over “Branding”775
design, branding
Accessibility: A Gentle Introduction774
accessibility, introductions
Buttons vs. Links (yat)773
html, semantics, buttons, links, comparisons
Have Single-Page Apps Ruined the Web? (ric)772
videos, single-page-apps, web
How We Improved Our Design System Delivery771
design-systems, processes, optimization, case-studies
How to Add Search to a Ghost Site (fla)770
how-tos, ghost, search
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)769
guides, introductions, rollup, bundling, javascript
Internationalization: How to Boost Traffic With a Multilingual Site768
how-tos, internationalization, traffic
Why Does Everything Look the Same?767
design
A Guide to CSS Debugging (5t3/sma)766
guides, css, debugging
How to Implement and Style the “Dialog” Element (cod)765
how-tos, modals, html, css
My Challenge to the Web Performance Community (phi)764
performance
The Options for Password-Revealing Inputs (chr/css)763
html, css, security, passwords, usability
What Is Micro-Content?762
microcontent, concepts, content
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr)761
browsers, google, chrome, browser-engines, chromium, rendering
Safe DOM Manipulation With the Sanitizer API760
dom, apis, sanitization
Engineer to Engineer: Art Is in the Code (wom)759
interviews, career, wordpress
Browsing With a Mobile Screen Reader (tet)758
accessibility, browsers, screen-readers, assistive-tech, mobile, browsing
Why Do Webdevs Keep Trying to Kill REST? (swy)757
apis, rest, protocols, databases
Automating a Design System756
design-systems, automation, testing
What Creating a Simple Font Taught Me About Font Design755
fonts, typography
UX Accessibility: How to Start Designing for All754
how-tos, accessibility, user-experience
Animation Techniques for Adding and Removing Items From a Stack (css)753
css, animations, javascript
Conditional Border Radius in CSS (sha)752
css, borders
How to Build an Expandable Accessible Gallery (cit/sma)751
how-tos, accessibility, html, css
Redundantly Redundant a11y Accessibility (sco)750
accessibility, html
What Is a Good User Experience? (uxm)749
user-experience, ethics, ai
Writing Clean JavaScript Tests With the BASIC Principles748
javascript, testing, principles
The CSS “prefers-color-scheme” User Query and Order of Preference (sar)747
css
jsPerf—Online JavaScript Performance Benchmark746
websites, javascript, performance
Introducing Svelte, and Comparing Svelte With React and Vue745
svelte, react, vuejs, comparisons, introductions
Simple Blinking Cursor Animation Using CSS (ami)744
css, animations, effects, cursors
Using JavaScript to Detect High Contrast and Dark Modes (sco)743
javascript, accessibility, colors, contrast, dark-mode
Links, Missing “href” Attributes, and Over-Engineered Code (tem)742
html, attributes, links, accessibility
Sorting JavaScript Arrays by Nested Properties741
javascript, sorting, arrays
Understanding and Working With Submodules in Git740
git, modules
Declaring Page Language—and Declaring Changes in Language (j9t)739
accessibility, html, browsers
How I Built a Modern Website in 2021 (ken)738
html, css, javascript
Practical Frontend Philosophy737
web-platform, complexity
Using Modern Image Formats: AVIF and WebP (add/sma)736
images, avif, webp, jpeg, png, comparisons, performance, compression
Web Streams Everywhere (and Fetch for Node.js) (oll/css)735
javascript, nodejs, streaming, data-fetching
9 Tag Management Solutions You Should Consider734
tag-management, comparisons, tooling, link-lists
Comparing Page Language Declaration Setups in Screen Readers (j9t)733
accessibility, html, http, screen-readers, comparisons
Faster React Apps With Memoization732
react, performance, memoization
Figma Cheat Sheet731
websites, figma, cheat-sheets
Guidelines for Choosing a Node.js Framework730
guidelines, nodejs, frameworks
Let’s Dive Into Cypress for End-to-End Testing (sma)729
testing, cypress
When iOS Will Allow Other Browsers (kar)728
apple, mobile, browsers, browser-engines
Design Tokens Automation Pipeline: From Design Tools to Component Libraries727
automation, design-tokens, design-systems
Accessibility Isn’t New—and Neither Is Ableism726
accessibility
A JavaScript Developer’s Guide to Browser Cookies (psu)725
guides, javascript, cookies
How I Make CSS Art724
css, art
Beware False Negatives (aar)723
accessibility
7 UI Design Fundamentals for Developers722
design, fundamentals
One Last Time: Custom Styling Radio Buttons and Checkboxes (sco)721
css, forms, accessibility
Not Releasing Late on Fridays, a Matter of Courtesy (j9t)720
releasing, processes
A Content Model Is Not a Design System (ali)719
content, design-systems
“initial” Doesn’t Do What You Think It Does (kev)718
videos, css
Just Redux: The Complete Guide717
guides, redux
Simplifying Form Styles With “accent-color” (mic/sma)716
css, forms
When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It715
alerting, productivity
Specification for Spoken Presentation in HTML (w3c)714
html, pronunciation
Container Units Should Be Pretty Handy (chr/css)713
css, container-queries, units
ct.css—Let’s Take a Look Inside Your “<head>” (css)712
css, performance, debugging
How to Redirect URLs on WordPress (sem)711
how-tos, urls, redirecting, wordpress, apache
Introduction to GSAP710
introductions, animations, gsap, examples
7 Useful HTML Attributes You May Not Know709
html, attributes
7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (css)708
css, selectors, generated-content
Cascade Layers? (chr/css)707
css, cascade
Intro to MJML: Responsive HTML Email Coding Made Easy706
introductions, mjml, html, email, responsive-design
Node.js Garbage Collection Explained705
nodejs, garbage-collection
Optimising a JavaScript Library With WebAssembly, a Failed Attempt704
javascript, libraries, webassembly
CSS Container Queries: Container-Relative Lengths (bra)703
css, container-queries
Using Monorepos Is Not That Bad702
monorepos, case-studies
Yarn vs. npm: Everything You Need to Know701
yarn, npm, comparisons
How I Learnt to Stop Worrying and Love Animating the Box Model700
css, box-model, animations
Provide Pronunciation for Ambiguous Words699
accessibility, content, pronunciation
Understanding “min-content”, “max-content”, and “fit-content” in CSS (log)698
css
Simpler Block Spacing in WordPress With “:is()” and “:where()” (mic)697
wordpress, css, selectors
Contemporary Design Has Lost Its Soul696
design
20 Killer JavaScript One-Liners695
javascript
Practical Frontend Architecture694
architecture
CSS Container Query Units (sha)693
css, container-queries, units
Why Inequalities Can Appear in Digital Accessibility and Inclusive Design (gar)692
accessibility, dei, design
Guide to 301 Redirects With an .htaccess File (sem)691
guides, redirecting, apache, servers, seo
The New Requirements for WCAG 2.2690
accessibility, wcag
More Information on How Google Generates Titles for Web Page Results (dan)689
google, search, seo
Minding the “gap” (pat/css)688
css
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)687
software-design, css, principles
Web Quality Assurance: From User Requirements to Web Risk Management (sma)686
quality, usability
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)685
javascript, performance, bundling
What’s the Right Font Size in Web Design? (pim)684
typography, design
Accessible Palette: Stop Using HSL for Color Systems683
accessibility, css, colors, color-palettes
How to Expand Your Engineering Skill Set Without Quitting Your Day Job682
how-tos, career, learning
Web Vitals Patterns681
web-vitals
Design Direction as a Step Before Design System680
design, design-systems
Reducing the Need for Pseudo-Elements (sma)679
css, selectors
The Future of CSS: Cascade Layers (CSS “@layer”) (bra)678
css, cascade
Optimizing Images on the Web677
images, performance, cloudflare
1995: MySQL Arrives, Completing the LAMP Stack (ric)676
history, databases, mysql, tech-stacks
Master Frontend Development by Cloning These Websites675
learning
Modernising CSS Infrastructure in DevTools674
dev-tools, css, modernization, browsers, google, chrome
Designing Beautiful Shadows in CSS (jos)673
css, shadows
Prevent Content From Being Hidden Underneath the Virtual Keyboard by Means of the VirtualKeyboard API (bra)672
mobile, apis, viewport
Laravel Blade Internals—PHP as a Templating Language (lia)671
videos, php, laravel, template-engines
29 Projects to Help You Practice HTML CSS JavaScript 2021670
html, css, javascript
Notes on Synthetic Speech (tin)669
accessibility, browsers, voice
Scripting With Google zx668
zx
Myths About Web Accessibility (alv)667
accessibility, myths
The Ultimate Guide to Web Console666
guides, console, javascript, debugging
Indieweb vs. Fediverse (flu)665
indieweb, fediverse, comparisons
Less Absolute Positioning With Modern CSS (sha)664
css, positioning
Vanilla JS Is a Web Performance Decision (cfe)663
javascript, performance
Blowing Up HTML Size With Responsive Images (deb)662
html, images, performance, responsive-design
Developer Decisions for Building Flexible Components (mic/sma)661
components
Enterprise UX: Essential Resources to Design Complex Data Tables (ste)660
user-experience, responsive-design, complexity, tables
Line Length Revisited: Following the Research659
design, readability, typography, research
Okhsv and Okhsl658
colors, design, usability
The Case for “Developer Experience”657
developer-experience, productivity
Bundling Non-JavaScript Resources656
bundling
Subsets and Supersets of WCAG (hdv)655
accessibility, wcag
Flexible API Design: Create Hooks for Your PHP API Pipeline654
php, apis, hooks
What Is Redundant Entry, and How Does It Affect Accessibility?653
accessibility, usability
An Early History of the Lynx Web Browser (ada)652
history, browsers, lynx
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)651
javascript
Firefox’s “bolder” Default Is a Problem for Variable Fonts (sim/css)650
css, fonts, variable-fonts, browsers, mozilla, firefox
Fractional SVG Stars With CSS649
css, svg, images
What’s New in PHP 8.1: Features, Changes, Improvements, and More (kin)648
php
What’s New With DevTools: Cross-Browser Edition (pat/sma)647
dev-tools, browsers, google, chrome, microsoft, edge, mozilla, firefox, apple, safari
13 Advanced (but Useful) Git Techniques and Shortcuts (fir)646
videos, git
Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1645
css, overflow, accessibility, wcag
5 Steps for Writing Alt Text for Accessibility644
accessibility, writing, alt-text, images
Becoming a Design Tokens Ambassador643
design-tokens
Color and Universal Design (uxm)642
design, colors, color-blindness, contrast, accessibility
HTTP/3: Practical Deployment Options (pro/sma)641
http, protocols, deploying
A Practical Guide to Creating Reusable React Components640
guides, react, components, maintainability
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (nng)639
user-experience, performance, complexity
Avoiding FOUT With Async CSS638
fonts, flash-of-x, css, asynchronicity
Stop! Put Down That Ternary, Lines Are Free637
maintainability
Make Accessibility Part of Your Startup’s Products and Culture From Day One (tec)636
accessibility, culture
Reducing Carbon Emissions on the Web (sma)635
sustainability
The Pros and Cons of Professional Language (and)634
career
WebKit—Patches and Tests (mar)633
webkit, testing
Multiple Accounts and Git (bra)632
git