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” × ? · “2021” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Image Magnifier Using Only One Line of CSS (ami)1133
css, images
A Unified Theory of Web Performance (sli/per)1132
performance
Exposing Mid-Resource LCP Values (per)1131
performance, web-vitals
Page Visibility: If a Tree Falls in the Forest… (pau/per)1130
performance, web-vitals, user-experience
Add Less (cas/css)1129
simplicity
Updating a Branch With “git rebase”1128
git, command-line
Using Diagnostic Metrics (per)1127
performance, metrics
pkg.land1126
websites, packages, dependencies, npm
Dynamic Static Typing in TypeScript (dea/sma)1125
typescript, generics
Empathetic Animation (css)1124
animations, user-experience
Practical Tips for Load-Testing Web Applications (per)1123
performance, testing, tips-and-tricks, web-apps
WCAG and Accessibility: What Is a Statement of Partial Conformance?1122
accessibility, wcag, conformance
Add a Service Worker to Your Site (cfe/css)1121
web-workers, javascript
Shedding Light on Fiverr’s Dark Mode Creation Process1120
design, dark-mode
Building Gatsby Themes for WordPress-Powered Websites (sma)1119
wordpress, gatsby, theming
Web Accessibility Cheat Sheet1118
accessibility, cheat-sheets
CSS in 2022 (bra)1117
css
1000+ Web Development Resources1116
link-lists
The Business Case for Performance (per)1115
performance, economics
Faster Websites by Using Less HTML (j9t)1114
cross-posts, html, performance, optimization, minimalism
Container Queries (5t3)1113
css, container-queries, html
Form Autocomplete (ben/5t3)1112
html, forms
Personalize It! (una/css)1111
css, user-experience, personalization
Remember You Are Not the User (css)1110
accessibility, internationalization, user-experience, principles
Show, Don’t Tell (css)1109
writing, design, semantics
The Many Methods for Using SVG Icons (hui)1108
css, svg, images, icons
Redirect Liquidation (tim/per)1107
performance, optimization, redirecting
The CSS “:has()” Pseudo-Class, aka Parent Selector1106
css, selectors
Wrapping Text Inside an SVG Using CSS1105
svg, css
Frontend Web Performance: The Essentials1104
fundamentals, performance, rendering
CSS Animation (5t3)1103
css, animations
CSS Snapshot 2021 (tab+/w3c)1102
css, standards
Introduction to Cognitive Disability and Accessibility Testing (ons/tpg)1101
introductions, accessibility, testing
Make Joyful Things (css)1100
user-experience
WebGPU From WebGL1099
webgpu, webgl
The CSS “:has()” Selector Is Way More Than a “Parent Selector” (bra)1098
css, selectors
Building a Greener Web (mic)1097
sustainability
13 Tools and Techniques to Accelerate Frontend Development1096
tooling, techniques, software-design-patterns, linting, bundling, testing, logging, frameworks, processes, ci-cd
Auto Dark Theme (chr/css)1095
browsers, dark-mode, usability
Be Prepared for Failure and Handle It Gracefully (css)1094
javascript, graceful-degradation
Design Sprints Revisited: Designing With Your Users and Developers (uxm)1093
design, usability
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe)1092
how-tos, css, javascript
How to Define Your Relationship to Sites You Link To (ste)1091
how-tos, html, links, semantics, seo
Image Display Elements (5t3)1090
html, images, responsive-design
PHP 8 in a Nutshell (ami)1089
books, php
Smoothly Reverting CSS Animations1088
css, animations
The Web Starts on Page Four (cod)1087
web
Why UX Is the Best SEO Strategy (uxm)1086
user-experience, seo, strategies
5 Common Misconceptions About WAI–ARIA and Accessibility1085
accessibility, aria, html
HTML Cheat Sheet1084
html, semantics, examples, cheat-sheets
Preference Queries (5t3)1083
css
Ultimate HTML Cheatsheet1082
html, cheat-sheets
Web Performance, Core Web Vitals, and Vanity Metrics (per)1081
performance, web-vitals, metrics
4 HTML Concepts You Didn’t Know (j9t)1080
html, concepts, tables
This Is WCAG 2.11079
websites, accessibility, wcag
This Is WCAG1078
websites, accessibility, standards, wcag
CSS Houdini Paint API (5t3)1077
css, houdini, apis, javascript
There’s Never Been a Better Time to Build Websites1076
frameworks, css
Don’t Start With Microservices in Production—Monoliths Are Your Friend1075
microservices, monoliths, architecture
Sustaining Maintaining (dav)1074
foss
Why Motion on Websites and Digital Content Is a Problem (mer/equ)1073
accessibility
Consistent, Fluidly Scaling Type, and Spacing (bel/css)1072
typography, css, scaling, liquid-design
Hands On With the New Responsiveness Metrics (per)1071
performance, responsive-design, metrics
Deep-Copying in JavaScript Using “structuredClone” (sur)1070
javascript
Inaccessibility of CAPTCHA (w3c)1069
accessibility, captcha
Web vs. Email Development: The 11 Biggest Coding Differences1068
comparisons, email, browsers, support, responsive-design
Web Platform Design Principles (w3c)1067
web-platform, software-design, principles, standards, w3c
100 Tips on Software Developer Productivity1066
productivity, tips-and-tricks
CSS Can Help Improve Your HTML!? Buttons and Links1065
html, css, buttons, links, accessibility
CSS Custom Properties (5t3)1064
css, custom-properties
Shifting the Mindset About Accessible Content (mni)1063
accessibility, content
The State of CSS 2021 [Results] (sac/dev)1062
surveys, metrics, css
Explain Like I’m Five: Web Performance Optimization (sto/per)1061
performance, optimization
Thoughts on Skin Tone and Text Descriptions (tin)1060
accessibility, dei, writing
Details/Summary (5t3)1059
html, semantics, disclosure-widgets
Read Your Website (geo/css)1058
user-experience
The Ideal Line Length and Line Height in Web Design (pim)1057
design, typography, readability
Visual Regression Testing for Design Systems With Figma Branches1056
design-systems, testing, regressions, figma
Performance Implications of JavaScript Errors (per)1055
javascript, performance, errors
Practical Ethics for the Modern Web Designer1054
videos, ethics
Lessons Learned From Publishing a Content Security Policy1053
lessons, csp, security
Embrace the Platform (bra/css)1052
html, css, javascript, web-platform
How Not to Create a Button (eev)1051
html, buttons, accessibility
Intersection Observer (5t3)1050
javascript, apis
WCAG 2 Is What We Have (kil)1049
accessibility, wcag
Monorepos—How the Pros Scale Huge Software Projects (fir)1048
videos, monorepos, yarn, npm, pnpm, lerna, nx, comparisons
WCAG 2.2: What We Know Till Now1047
accessibility, wcag
Defer Non-Critical Resources (per)1046
performance, html
5 Key Benefits of Using a Tag Manager1045
tag-management
WCAG 3 Is Not Ready Yet (yat)1044
accessibility, wcag
Standardizing Focus Styles With CSS Custom Properties (5t3/css)1043
css, custom-properties, accessibility, focus
How to Customize Firefox UI—Step-by-Step Tutorial1042
how-tos, tutorials, xul, browsers, firefox, customization
Breaking Out of the Box (pat/ali)1041
browsers, css
Responsive Iframes With the CSS “aspect-ratio” Property (cfe)1040
iframes, css, responsive-design, aspect-ratio
The Last Design You’ll Ever Make1039
design
WCAG 3 and APCA1038
accessibility, wcag, apca, colors, contrast
Caching: Understanding the Scope (per)1037
performance, caching
Node.js Memory Limits—What You Should Know (app)1036
nodejs, memory
Redirects for SEO: A Simple (but Complete) Guide (ahr)1035
guides, redirecting, seo, http
Writing Better CSS (ale)1034
css, quality, efficiency
Content Separation (per)1033
servers
5 Reasons You Should Adopt a Micro Frontend Architecture1032
micro-frontends, architecture
1993: Mosaic Launches and the Web Is Set Free (ric)1031
history, browsers, mosaic
Defensive CSS (sha)1030
css
Google Fonts Knowledge (ell)1029
google, fonts, typography
Test Your Product on a Crappy Laptop (eri/css)1028
testing, performance, usability
Where Do You Put Spacing on Design System Components? (eri)1027
design-systems, components, design, spacing
Optimizing State Management in React Applications (per)1026
react, state-management
A Beginner’s Guide to Vue Router1025
guides, vuejs
Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (jsp+/w3c)1024
accessibility, wcag, standards
Reduce Your Website’s Environmental Impact With a Carbon Budget (mic/css)1023
sustainability
Why You Should Check in Your Node Dependencies1022
nodejs, dependencies
HTTP Compression (per)1021
http, protocols, compression, performance
Designing Better Links for Websites and Emails: A Guideline (sma)1020
design, links, email
CSS Fingerprinting1019
websites, css, privacy, fingerprinting
Have Core Web Vitals Made the Web Faster? (tun/per)1018
web-vitals, performance
How Many People With Disabilities Use Our Site? (hdv)1017
accessibility
The Love of Curvilinear Design1016
design
Plugging Memory Leaks in Your App (sto/per)1015
performance, memory
Ain’t No Party Like a Third Party (ada/css)1014
dependencies, embed-code, security
Why Every Developer Should Start Blogging1013
blogging, communication, learning, career
Request for a General Theory of Web Performance (per)1012
performance
Revisiting the Anatomy of a Design System1011
design-systems
JSON Modules in JavaScript1010
javascript, json, modules
Best Practices for Node.js Development1009
nodejs, javascript, best-practices
Markup (htt)1008
web-almanac, studies, research, metrics, html
HTTP (htt)1007
web-almanac, studies, research, metrics, http, protocols
Open Props (arg)1006
websites, css, custom-properties, props
Page Weight (htt)1005
web-almanac, studies, research, metrics, performance
Understanding Accessibility1004
accessibility, testing, tooling
Why Color Contrast Is Not as Black and White as It Seems1003
accessibility, colors, contrast
The Fundamentals of CSS Layout1002
videos, fundamentals, css, layout
Accessibility (htt)1001
web-almanac, studies, research, metrics, accessibility
Security (htt)1000
web-almanac, studies, research, metrics, security
CSS (mey/htt)999
web-almanac, studies, research, metrics, css
New Living Standards (dom)998
standards, apis
JavaScript (htt)997
web-almanac, studies, research, metrics, javascript
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)996
podcasts, interviews, web-platform, standards, performance, tooling, developer-experience
The Surprising Behavior of “Important CSS Custom Properties” (ste)995
css, custom-properties, cascade
CSS Layout From the Inside Out (rac)994
videos, css, layout
“aria-label” Is Not Always the Answer (eev)993
html, aria, accessibility
The State of UX in 2022: Rebuild (fab)992
user-experience, design, outlooks
Introduction to TCP Connection Establishment for Software Developers991
introductions, protocols, tcp
Making Accessibility More Accessible990
accessibility
How to Maintain a Large Next.js Application (sma)989
how-tos, nextjs, maintenance
Introduction to Svelte Actions (log)988
introductions, svelte
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea)987
web-components, html, markdown
Select Elements With “pointer-events: none” by Holding Shift (pat/dev)986
browsers, dev-tools, pointer-events
The Pagination Predicament (kev)985
pagination, seo
Understanding WCAG 2.1 Level AAA (tet)984
accessibility, wcag
What Is WHOIS and How Does It Work?983
whois, domains
What Is Magento? A Brief Introduction982
introductions, ecommerce, tooling, magento
Make Your Website Stand Out With a Custom Scrollbar981
css
How to Trim Strings in JavaScript980
how-tos, strings, javascript
Programmers Should Stop Celebrating Incompetence979
career
7 Ways to Improve Node.js Performance at Scale (app)978
nodejs, performance, optimization
Creating Generative Patterns With the CSS Paint API (css)977
css, decoration
Get Started With Validation in Node.js976
introductions, nodejs, validation
Three Phases of Life for Design Systems975
design-systems
What Kind of Developer Do I Want to Be?974
career
A Modern CSS Reset (jos)973
css, resets
Control Layout in a Multi-Directional Website (css)972
internationalization, html, css
Modern CSS in a Nutshell (spa/clo)971
css
The 6 Ways of Writing HTML (and Their Combinations) (j9t)970
html
Adding a Dyslexia-Friendly Mode to a Website (sma)969
accessibility, dyslexia, css
Functional Programming in PHP: Higher-Order Functions968
php, programming, functions
Blog Page Accessibility Deep Dive967
accessibility, react, deep-dives
How JavaScript Engines Achieve Great Performance966
javascript, javascript-engines, performance
Improving the Performance of Wix Websites (Case Study) (sma)965
performance, monitoring, culture, case-studies
Responsive Layouts, Fewer Media Queries (css/css)964
css, responsive-design
Designing Sustainable Websites (ger)963
sustainability, performance, software-design
Accessibility Myths962
websites, accessibility, myths
Dear HTML Element961
html
How to Make Blob Menu Using HTML, CSS, and JavaScript960
how-tos, html, css, javascript
Parallax Powered by CSS Custom Properties (jhe/css)959
css, effects, parallax, custom-properties
Tales of the Autistic Developer—Order and Chaos958
career
20 Years of bram.us (bra)957
history
Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed956
accessibility, communication
Introduction to Web Sockets955
introductions, apis, protocols, websockets
Dynamic Color Manipulation With CSS Relative Colors (jim)954
css, colors
Let’s Not Send Developers to the Accessibility Tree Tool (cod)953
browsers, accessibility, tooling
PHP Date and Time Recipes (css)952
php, time
Various Ways to Include Comments on Your Static Site951
functionality
1992: The Web vs. Gopher, and the First External Browsers (ric)950
history, web
A Guide to Modern CSS Colors With RGB, HSL, HWL, LAB, and LCH (mic/sma)949
guides, css, colors
Performance (sia/htt)948
web-almanac, studies, research, metrics, performance, user-experience
Tor and the Humans Who Use It (tor)947
community, privacy, tor-browser, browsers
How to Create Reusable Components With the Vue 3 Composition API946
how-tos, vuejs, components, maintainability
WCAG 3.0: What You Need to Know About the Future of Accessibility Standards945
accessibility, wcag, standards
Three Principles to Better Present Your UI Designs944
design, principles
4 Ways to Document Your Design System With Storybook (sto)943
design-systems, storybook, documentation
A Clever Sticky Footer Technique (chr/css)942
css, layout, navigation
Generate a Pull Request of Static Content With a Simple HTML Form (css)941
html, github
Using “position: sticky” With CSS Grid (sha)940
css, grids, positioning, layout
We Need to Talk About Accessibility—Again, and Again, and Then Some More939
accessibility
A Primer on Product Management for Engineers938
introductions, product-management
Reframing Tech Debt937
technical-debt
Design System Best Practices With ESLint Series (and)936
design-systems, design-tokens, best-practices, tooling, eslint
5 Popular Frontend Development Tools in 2021935
tooling
Access to Tech, Tech to Live (btc)934
videos, accessibility
Get Your “Head” Straight (css/btc)933
videos, html, performance
Semantics and How to Get Them Right (hdv/btc)932
videos, html, semantics, accessibility
Some Notes on Using esbuild931
bundling, esbuild
Your CSS Is an Interface (eri)930
css, performance
GitHub’s Commitment to npm Ecosystem Security929
github, npm, security
How to Fetch Data in Svelte928
how-tos, svelte, data-fetching
Why IndexedDB Is Slow and What to Use Instead927
databases, indexeddb, javascript, performance
How Do Arrays Work? (nan)926
programming, arrays
Design Systems, Structured Content, and Headless Publishing (amy)925
design-systems, content, semantics, headless
Exploring Retro Web Design924
design
Other Looks at the Conditional Border Radius Trick (chr/css)923
css, borders, tips-and-tricks
Useful React Hooks That You Can Use in Your Projects (sma)922
react, hooks
Using Web Workers to Boost Third-Party Script Performance (log)921
web-workers, javascript, performance
Why Your Website Should Not Use Dithered Images920
images, dithering, compression, performance
How to Debounce and Throttle Callbacks in Vue919
how-tos, vuejs, javascript, callbacks, debouncing, throttling
Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties918
dev-tools, css, javascript, browsers, chrome
Easy Dark Mode (and Multiple Color Themes) in React (css)917
react, dark-mode, theming
View-Source916
auditing, view-source, browsers
It’s Not About Your Favorite Color—Moving From Brand Strategy to Visual Identity915
design, branding, strategies
Rust Is Eating JavaScript (lee)914
rust, javascript, swc, deno, esbuild, webassembly, tooling
Browsing With Screen Magnification (ihe/tet)913
accessibility, browsing, assistive-tech, screen-magnification
A Beginner’s Guide to Routing in Next.js, With Examples912
guides, nextjs, routing
Everything You Ever Wanted to Know About the Accessibility Tree (rus/a11)911
videos, accessibility
Detecting Specific Text Input With HTML and CSS (chr/css)910
html, css
Localizing Your Next.js App (ati/sma)909
nextjs, localization, javascript
Be Usable, Not Consistent, Not Uniform908
design, usability
How Designers Can Prevent User Errors907
design, usability, errors
Debugging HTML: Accessibility (mat/mat)906
html, accessibility, debugging
Designing a Reorderable List Component905
lists, components, html, css
Why You Should Prioritise Quality Over Speed in Design Systems (amy)904
design-systems, prioritization
Becoming an Expert903
learning, career, processes, craft
In Defence of Dialog902
html, modals
PHP 8.1 in 8 Code Blocks901
php
Deep Dive Into Node.js Architecture900
nodejs, architecture, deep-dives
Chrome DevTools: Record and Playback Your User Journeys899
dev-tools, user-experience, performance, browsers, chrome
Everything You Have to Know About Core Web Vitals (fox/cal)898
web-vitals, performance
Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro? (mat+/sma)897
podcasts, interviews, astro, frameworks
The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job896
how-tos, career
How to Implement Memoization in React to Improve Performance895
how-tos, react, performance, memoization, optimization
RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr)894
videos, browsers, chrome, browser-engines, chromium, rendering
A Deep Dive Into Serverless UI With TypeScript (sma)893
typescript, serverless, deep-dives
Browser Wars (jay/css)892
history, browsers, browser-wars
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha)891
components, html, css
Designing Error Messages and a Logging Strategy in Node.js (app)890
software-design, javascript, nodejs, logging, strategies
Learn Forms889
courses, forms, html
Learn PWA888
courses, web-apps, progressive-web-apps
Design Is Not Art, and UX Is Not Design887
design, user-experience
Understanding the Differences Between WCAG 2.1 and WCAG 2.2886
accessibility, wcag, comparisons
What Is Wireless Application Protocol (WAP)?885
wap, mobile
Why Safari Is a Great Browser (fla)884
safari, browsers
Eleventy 1.0—New Option for Global Data (ray)883
eleventy
Lit Web Components: Tailwind CSS Styles at Build Time (mic)882
web-components, lit, tailwind
Name, Labels, ARIA, What to Do? (sco)881
accessibility, forms, labels, writing, naming
Rebase vs. Merge: Integrating Changes in Git (css)880
git, comparisons
What Does a Good Design System Feel Like? (fon)879
design-systems, user-experience
The State of the Web (ada/cle)878
videos, web
Using AI and Data Science to Reliably Detect Internet Censorship in Real-Time877
ai, traffic, censorship
What Are Accessible Fonts?876
accessibility, fonts
A Comprehensive Guide to Error Handling in Node.js (hon)875
guides, nodejs, javascript, errors
Developer Tools Secrets That Shouldn’t Be Secrets (cod)874
browsers, tooling, developer-experience
The Guideline Gap873
design-systems, quality, accessibility, localization
Accessible Toggles (mic)872
accessibility, toggles, html, javascript
So, You Want to Build an “@mention” Autocomplete Feature? (css)871
functionality
An Introduction to PostCSS (cra)870
introductions, postcss, postprocessors, tooling
CSS-ing Candy Ghost Buttons (ana/css)869
css
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil868
html, css, javascript
The Golden Ratio and User-Interface Design (nng)867
design, layout, aesthetics, principles
You Probably Don’t Need Media Queries Anymore866
css, media-queries
The Little Book of Little Books (j9t)865
books, frameworks, conventions, quality
Chrome DevTools: Visualise Your JavaScript Bundles864
dev-tools, javascript, bundling, browsers, chrome, lighthouse, visualization
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element863
accessibility, skip-links, html
Using CSS Variables for Reduced Motion on a Global Scale (cit)862
css, custom-properties, media-queries, reduced-motion
Add a Contact Form to a React App With Netlify Forms861
react, netlify, forms, functionality
Make Your Design System Accessible—Color (luk)860
design-systems, accessibility, colors
A Step by Step TypeScript Tutorial for Beginners859
typescript, tutorials
UX Design Isn’t Killing Creativity, Money Is858
user-experience, creativity, economics
Best Practices on Embedding Third-Party Web Widgets857
embed-code, performance, best-practices
Material Design 3856
websites, design-systems, material-design
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)855
typo3, css, javascript, examples
In-Page Filtered Search With Vanilla JavaScript (css)854
javascript, functionality, search
Reimagine Atomic CSS853
atomic-css
Media Queries Level 4: Media Query Range Contexts (bra)852
css, media-queries
Optimizing Next.js Applications With Nx (sma)851
nextjs, optimization, building, nx
The Problem With “Click Here” and “Learn More” Links850
links, usability, writing
Design Systems at Replit: Better Tokens849
case-studies, design-systems, design-tokens
So, You Want an Accessibility Score? (kar)848
accessibility, auditing
New WebKit Features in Safari 15 (jen/web)847
release-notes, safari, browsers, webkit
Photoshop’s Journey to the Web846
photoshop, webassembly
A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma)845
css, backgrounds, deep-dives
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)844
html, aria, accessibility
The Process of Building a CSS Framework (cod)843
frameworks, processes
Building an Effective Image Component842
components, javascript, performance
How to Get Started With Social Media Automation841
how-tos, social-media, automation, tooling
Why Accessibility Overlays on Your Website Can Make Things Worse840
accessibility, overlays
Web Performance Metrics Cheatsheet (ire)839
performance, metrics, cheat-sheets
Why Outdated jQuery Is Still the Dominant JavaScript Library838
javascript, libraries, jquery
Switch Role Support (aar)837
html, accessibility, support
Micro-Frontends: The Next Gen Way to Build Web Apps836
micro-frontends, web-apps
Finding Common Patterns Across Frameworks835
frameworks, javascript
On Using Custom Properties (bra)834
css, custom-properties
Common Mistakes When Writing CSS With BEM833
css, naming, bem, mistakes
The Start of a New Era for Responsive Web Design832
responsive-design, css
11ty Slugs and Anchors (5t3)831
eleventy, urls, links
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)830
html, css, javascript, design-systems
Making the Web Developer’s Pilgrimage (j9t)829
html
Prevent Scroll Chaining With Overscroll Behavior (sha)828
css, scrolling
Respecting Users’ Motion Preferences (mic/sma)827
accessibility, css
Semantic “menu” Context (sco)826
html, semantics
This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (ste/deq)825
accessibility
Designing for Color Contrast: Guidelines for Accessibility824
guidelines, accessibility, contrast, colors
Identify Potential CSS Improvements (jec)823
dev-tools, css, auditing, browsers, chrome
How to Cancel an HTTP Request in Node.js822
how-tos, nodejs, http
We Analyzed 425,909 Favicons821
images, favicons
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS820
css, performance
Back to Basics: Understanding the “for…in” Loop in JavaScript819
javascript, fundamentals, loops
Optimizing Resource Loading With the Fetch Priority API (add+)818
performance, data-fetching, apis, optimization
New HTTP Standards for Caching on the Modern Web (pim)817
http, protocols, caching, performance, standards
It’s Time for a Healthy Tech Approach (hel)816
career
Yes, Node.js Is Part of the Web Platform (jas/nea)815
videos, nodejs, web-platform
Evaluating Clever CSS Solutions (mic)814
css
“@supports selector()” (chr/css)813
css, selectors, support
Fix Web Accessibility Systematically (yat)812
accessibility, wcag
HTML With Superpowers (dav)811
videos, html, components
Understanding and Implementing OAuth2 in Node.js (hon)810
nodejs, security, authorization, oauth
What Each Markup Language Is Used For (sem)809
overviews, html, xml, xhtml, sgml, mathml, amp, seo
What Svelte’s Accessibility Warnings Won’t Tell You808
svelte, accessibility
Disability: Let’s Say the Word807
accessibility, community
Chrome DevTools: Easily Change CSS Units and Values806
dev-tools, css, units, browsers, chrome
Landmarks (mat/mat)805
html, aria, accessibility
100 Bytes of CSS to Look Great Everywhere (swy)804
css
Dealing With Timezones in Web Development803
javascript
Processing CPU-Intensive Jobs in Node.js802
nodejs
Custom Properties With Defaults: 3+1 Strategies (lea)801
css, custom-properties
Expandable Sections Within a CSS Grid (css)800
css, grids, layout
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)799
guides, images, responsive-design, html
Conditional “border-radius” and Three Future CSS Features (ste)798
css, borders
Different Degrees of Custom Property Usage (chr/css)797
css, custom-properties
Smart CSS Solutions for Common UI Challenges (sma)796
css, design
Stop Writing JavaScript Like This795
javascript
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una)794
css, functions
Building a Multi-Select Component (arg)793
components, html, css, javascript
The Ultimate Guide to 3xx HTTP Status Codes792
guides, protocols, http
Five Proven Approaches for a Better Developer Experience in Your Organisation (tho)791
developer-experience
1999: The Fall of Netscape and the Rise of Mozilla (ric)790
history, browsers, netscape, mozilla
The Tortuous Journey of Enhancing Our Color Palette789
colors, color-palettes
How to Win at CORS (jaf)788
how-tos, security, cors, html, http
Who Pays for Web Frameworks? (zac)787
frameworks, economics, trends
What Constitutes a Digital Accessibility Audit (gwi)786
accessibility, testing, auditing
The Autofill Dark Pattern (alv/sma)785
html, forms, anti-patterns
How Design Debt Can Hurt Your Product784
design, design-debt
Easy Read Is Hard to Get Right783
accessibility, readability
Google Chrome Hidden Features Every Developer Should Know782
browsers, google, chrome, experiments
Best UI Frameworks for React.js781
react, frameworks
Appreciation for Being a Web Developer (cit)780
career
Introduction to Styled Components779
introductions, css, javascript, components
A Tangled Web of ARIA (ste)778
accessibility, aria, html
Native CSS Nesting: What You Need to Know (log)777
css, selectors, nesting
Why We Crave Software With Style Over “Branding”776
design, branding
Accessibility: A Gentle Introduction775
accessibility, introductions
Buttons vs. Links (yat)774
html, semantics, buttons, links, comparisons
Have Single-Page Apps Ruined the Web? (ric)773
videos, single-page-apps, web
How We Improved Our Design System Delivery772
design-systems, processes, optimization, case-studies
How to Add Search to a Ghost Site (fla)771
how-tos, ghost, search
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)770
guides, introductions, rollup, bundling, javascript
Internationalization: How to Boost Traffic With a Multilingual Site769
how-tos, internationalization, traffic
Why Does Everything Look the Same?768
design
A Guide to CSS Debugging (5t3/sma)767
guides, css, debugging
How to Implement and Style the “Dialog” Element (cod)766
how-tos, modals, html, css
My Challenge to the Web Performance Community (phi)765
performance
The Options for Password-Revealing Inputs (chr/css)764
html, css, security, passwords, usability
Safe DOM Manipulation With the Sanitizer API763
dom, apis, sanitization
Engineer to Engineer: Art Is in the Code (wom)762
interviews, career, wordpress
What Is Micro-Content?761
microcontent, concepts, content
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr)760
browsers, chrome, browser-engines, chromium, rendering
Browsing With a Mobile Screen Reader (tet)759
accessibility, browsers, screen-readers, assistive-tech, mobile, browsing
Why Do Webdevs Keep Trying to Kill REST? (swy)758
apis, rest, protocols, databases
Automating a Design System757
design-systems, automation, testing
What Creating a Simple Font Taught Me About Font Design756
fonts, typography
UX Accessibility: How to Start Designing for All755
how-tos, accessibility, user-experience
Animation Techniques for Adding and Removing Items From a Stack (css)754
css, animations, javascript
Conditional Border Radius in CSS (sha)753
css, borders
How to Build an Expandable Accessible Gallery (cit/sma)752
how-tos, accessibility, html, css
Redundantly Redundant a11y Accessibility (sco)751
accessibility, html
What Is a Good User Experience? (uxm)750
user-experience, ethics, ai
Writing Clean JavaScript Tests With the BASIC Principles749
javascript, testing, principles
The CSS “prefers-color-scheme” User Query and Order of Preference (sar)748
css
jsPerf—Online JavaScript Performance Benchmark747
websites, javascript, performance
Introducing Svelte, and Comparing Svelte With React and Vue746
svelte, react, vuejs, comparisons, introductions
Simple Blinking Cursor Animation Using CSS (ami)745
css, animations, effects, cursors
Using JavaScript to Detect High Contrast and Dark Modes (sco)744
javascript, accessibility, colors, contrast, dark-mode
Links, Missing “href” Attributes, and Over-Engineered Code (tem)743
html, attributes, links, accessibility
Sorting JavaScript Arrays by Nested Properties742
javascript, sorting, arrays
Understanding and Working With Submodules in Git741
git, modules
Declaring Page Language—and Declaring Changes in Language (j9t)740
accessibility, html, browsers
How I Built a Modern Website in 2021 (ken)739
html, css, javascript
Practical Frontend Philosophy738
web-platform, complexity
Using Modern Image Formats: AVIF and WebP (add/sma)737
images, avif, webp, jpeg, png, comparisons, performance, compression
Web Streams Everywhere (and Fetch for Node.js) (oll/css)736
javascript, nodejs, streaming, data-fetching
9 Tag Management Solutions You Should Consider735
tag-management, comparisons, tooling, link-lists
Comparing Page Language Declaration Setups in Screen Readers (j9t)734
accessibility, html, http, screen-readers, comparisons
Figma Cheat Sheet733
websites, figma, cheat-sheets
Guidelines for Choosing a Node.js Framework732
guidelines, nodejs, frameworks
Faster React Apps With Memoization731
react, performance, memoization
When iOS Will Allow Other Browsers (kar)730
apple, mobile, browsers, browser-engines
Design Tokens Automation Pipeline: From Design Tools to Component Libraries729
automation, design-tokens, design-systems
Accessibility Isn’t New—and Neither Is Ableism728
accessibility
Let’s Dive Into Cypress for End-to-End Testing (lei/sma)727
testing, cypress
A JavaScript Developer’s Guide to Browser Cookies (psu)726
guides, javascript, cookies
How I Make CSS Art725
css, art
Beware False Negatives (aar)724
accessibility
7 UI Design Fundamentals for Developers723
design, fundamentals
One Last Time: Custom Styling Radio Buttons and Checkboxes (sco)722
css, forms, accessibility
Not Releasing Late on Fridays, a Matter of Courtesy (j9t)721
releasing, processes
A Content Model Is Not a Design System (ali)720
content, design-systems
“initial” Doesn’t Do What You Think It Does (kev)719
videos, css
Just Redux: The Complete Guide718
guides, redux
Simplifying Form Styles With “accent-color” (mic/sma)717
css, forms
When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It716
alerting, productivity
Specification for Spoken Presentation in HTML (w3c)715
html, pronunciation
Container Units Should Be Pretty Handy (chr/css)714
css, container-queries, units
ct.css—Let’s Take a Look Inside Your “<head>” (css)713
css, performance, debugging
How to Redirect URLs on WordPress (sem)712
how-tos, urls, redirecting, wordpress, apache
Introduction to GSAP711
introductions, animations, gsap, examples
7 Useful HTML Attributes You May Not Know710
html, attributes
7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (css)709
css, selectors, generated-content
Cascade Layers? (chr/css)708
css, cascade
Optimising a JavaScript Library With WebAssembly, a Failed Attempt707
javascript, libraries, webassembly
CSS Container Queries: Container-Relative Lengths (bra)706
css, container-queries
Using Monorepos Is Not That Bad705
monorepos, case-studies
Yarn vs. npm: Everything You Need to Know704
yarn, npm, comparisons
Intro to MJML: Responsive HTML Email Coding Made Easy703
introductions, mjml, html, email, responsive-design
Node.js Garbage Collection Explained702
nodejs, garbage-collection
How I Learnt to Stop Worrying and Love Animating the Box Model701
css, box-model, animations
Provide Pronunciation for Ambiguous Words700
accessibility, content, pronunciation
Understanding “min-content”, “max-content”, and “fit-content” in CSS (log)699
css
Simpler Block Spacing in WordPress With “:is()” and “:where()” (mic)698
wordpress, css, selectors
Contemporary Design Has Lost Its Soul697
design
20 Killer JavaScript One-Liners696
javascript
Practical Frontend Architecture695
architecture
CSS Container Query Units (sha)694
css, container-queries, units
Why Inequalities Can Appear in Digital Accessibility and Inclusive Design (gar)693
accessibility, dei, design
Guide to 301 Redirects With an .htaccess File (sem)692
guides, redirecting, apache, servers, seo
More Information on How Google Generates Titles for Web Page Results (dan)691
google, search, seo
The New Requirements for WCAG 2.2690
accessibility, wcag
Minding the “gap” (pat/css)689
css
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)688
software-design, css, principles
Web Quality Assurance: From User Requirements to Web Risk Management (sma)687
quality, usability
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)686
javascript, performance, bundling
What’s the Right Font Size in Web Design? (pim)685
typography, design
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
Web Vitals Patterns682
web-vitals
Design Direction as a Step Before Design System681
design, design-systems
Reducing the Need for Pseudo-Elements (sma)680
css, selectors
The Future of CSS: Cascade Layers (CSS “@layer”) (bra)679
css, cascade
Optimizing Images on the Web678
images, performance, cloudflare
1995: MySQL Arrives, Completing the LAMP Stack (ric)677
history, databases, mysql, tech-stacks
Master Frontend Development by Cloning These Websites676
learning
Modernising CSS Infrastructure in DevTools675
dev-tools, css, modernization, browsers, chrome
Designing Beautiful Shadows in CSS (jos)674
css, shadows
Prevent Content From Being Hidden Underneath the Virtual Keyboard by Means of the VirtualKeyboard API (bra)673
mobile, apis, viewport
Laravel Blade Internals—PHP as a Templating Language (lia)672
videos, php, laravel, template-engines
29 Projects to Help You Practice HTML CSS JavaScript 2021671
html, css, javascript
Notes on Synthetic Speech (tin)670
accessibility, browsers, voice
Scripting With Google zx669
zx
Myths About Web Accessibility (alv)668
accessibility, myths
The Ultimate Guide to Web Console667
guides, console, javascript, debugging
Indieweb vs. Fediverse (flu)666
indieweb, fediverse, comparisons
Less Absolute Positioning With Modern CSS (sha)665
css, positioning
Vanilla JS Is a Web Performance Decision (cfe)664
javascript, performance
Blowing Up HTML Size With Responsive Images (deb)663
html, images, performance, responsive-design
Developer Decisions for Building Flexible Components (mic/sma)662
components
Enterprise UX: Essential Resources to Design Complex Data Tables (ste)661
user-experience, responsive-design, complexity, tables
Okhsv and Okhsl660
colors, design, usability
Bundling Non-JavaScript Resources659
bundling
Subsets and Supersets of WCAG (hdv)658
accessibility, wcag
Flexible API Design: Create Hooks for Your PHP API Pipeline657
php, apis, hooks
What Is Redundant Entry, and How Does It Affect Accessibility?656
accessibility, usability
Line Length Revisited: Following the Research655
design, readability, typography, research
The Case for “Developer Experience”654
developer-experience, productivity
An Early History of the Lynx Web Browser (ada)653
history, browsers, lynx
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)652
javascript
Fractional SVG Stars With CSS651
css, svg, images
What’s New in PHP 8.1: Features, Changes, Improvements, and More (kin)650
php
13 Advanced (but Useful) Git Techniques and Shortcuts (fir)649
videos, git
Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1648
css, overflow, accessibility, wcag
5 Steps for Writing Alt Text for Accessibility647
accessibility, writing, alt-text, images
Becoming a Design Tokens Ambassador646
design-tokens
Firefox’s “bolder” Default Is a Problem for Variable Fonts (sim/css)645
css, fonts, variable-fonts, browsers, firefox
What’s New With DevTools: Cross-Browser Edition (pat/sma)644
dev-tools, browsers, chrome, edge, firefox, safari
HTTP/3: Practical Deployment Options (pro/sma)643
http, protocols, deploying
A Practical Guide to Creating Reusable React Components642
guides, react, components, maintainability
Color and Universal Design (uxm)641
design, colors, color-blindness, contrast, accessibility
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (nng)640
user-experience, performance, complexity
Avoiding FOUT With Async CSS639
fonts, flash-of-x, css, asynchronicity
Stop! Put Down That Ternary, Lines Are Free638
maintainability
Reducing Carbon Emissions on the Web (sma)637
sustainability
The Pros and Cons of Professional Language (and)636
career
WebKit—Patches and Tests (mar)635
webkit, testing
Multiple Accounts and Git (bra)634
git