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 respect and accountability. 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)1136
css, images
A Unified Theory of Web Performance (sli/per)1135
performance
Exposing Mid-Resource LCP Values (per)1134
performance, web-vitals
Page Visibility: If a Tree Falls in the Forest… (pau/per)1133
performance, web-vitals, user-experience
Add Less (cas/css)1132
simplicity
Updating a Branch With “git rebase”1131
git, command-line
pkg.land1130
websites, packages, dependencies, npm
Using Diagnostic Metrics (ann/per)1129
performance, metrics
Dynamic Static Typing in TypeScript (dea/sma)1128
typescript, generics
WCAG and Accessibility: What Is a Statement of Partial Conformance?1127
accessibility, wcag, conformance
Practical Tips for Load-Testing Web Applications (per)1126
performance, testing, tips-and-tricks, web-apps
Empathetic Animation (cas/css)1125
animations, user-experience
Add a Service Worker to Your Site (cfe/css)1124
web-workers, javascript
Shedding Light on Fiverr’s Dark Mode Creation Process1123
design, dark-mode
CSS in 2022 (bra)1122
css
Web Accessibility Cheat Sheet1121
accessibility, cheat-sheets
Building Gatsby Themes for WordPress-Powered Websites (sma)1120
wordpress, gatsby, theming
1000+ Web Development Resources1119
link-lists
The Business Case for Performance (per)1118
performance, economics
Faster Websites by Using Less HTML (j9t)1117
cross-posts, html, performance, optimization, minimalism
Container Queries (5t3)1116
css, container-queries, html
Form Autocomplete (ben/5t3)1115
html, forms
Personalize It! (una/css)1114
css, user-experience, personalization
The Many Methods for Using SVG Icons (hui)1113
css, svg, images, icons
Redirect Liquidation (tim/per)1112
performance, optimization, redirecting
Remember You Are Not the User (css)1111
accessibility, internationalization, user-experience, principles
Show, Don’t Tell (css)1110
writing, design, semantics
Frontend Web Performance: The Essentials1109
fundamentals, performance, rendering
The CSS “:has()” Pseudo-Class, aka Parent Selector (foo)1108
css, selectors
Wrapping Text Inside an SVG Using CSS (jay)1107
svg, css
CSS Animation (5t3)1106
css, animations
CSS Snapshot 2021 (tab+/w3c)1105
css, standards
Introduction to Cognitive Disability and Accessibility Testing (ons/tpg)1104
introductions, accessibility, testing
The CSS “:has()” Selector Is Way More Than a “Parent Selector” (bra)1103
css, selectors
Building a Greener Web (mic)1102
sustainability
13 Tools and Techniques to Accelerate Frontend Development1101
tooling, techniques, software-design-patterns, linting, bundling, testing, logging, frameworks, processes, ci-cd
WebGPU From WebGL1100
webgpu, webgl
Make Joyful Things (css)1099
user-experience
Auto Dark Theme (chr/css)1098
browsers, dark-mode, usability
Design Sprints Revisited: Designing With Your Users and Developers (uxm)1097
design, usability
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe)1096
how-tos, css, javascript
How to Define Your Relationship to Sites You Link To (ste)1095
how-tos, html, links, semantics, seo
Image Display Elements (5t3)1094
html, images, responsive-design
PHP 8 in a Nutshell (ami)1093
books, php
The Web Starts on Page Four (cod)1092
web
5 Common Misconceptions About WAI–ARIA and Accessibility1091
accessibility, aria, html
HTML Cheat Sheet1090
html, semantics, examples, cheat-sheets
Be Prepared for Failure and Handle It Gracefully (css)1089
javascript, graceful-degradation
Why UX Is the Best SEO Strategy (uxm)1088
user-experience, seo, strategies
Smoothly Reverting CSS Animations1087
css, animations
Preference Queries (5t3)1086
css
4 HTML Concepts You Didn’t Know (j9t)1085
html, concepts, tables
Web Performance, Core Web Vitals, and Vanity Metrics (per)1084
performance, web-vitals, metrics
Ultimate HTML Cheatsheet1083
html, cheat-sheets
This Is WCAG1082
websites, accessibility, standards, wcag
This Is WCAG 2.11081
websites, accessibility, wcag
CSS Houdini Paint API (5t3)1080
css, houdini, apis, javascript
There’s Never Been a Better Time to Build Websites1079
frameworks, css
Sustaining Maintaining (dav)1078
foss
Why Motion on Websites and Digital Content Is a Problem (mer/equ)1077
accessibility
Consistent, Fluidly Scaling Type, and Spacing (bel/css)1076
typography, css, scaling, liquid-design
Deep-Copying in JavaScript Using “structuredClone” (sur)1075
javascript
Inaccessibility of CAPTCHA (w3c)1074
accessibility, captcha
Web vs. Email Development: The 11 Biggest Coding Differences1073
comparisons, email, browsers, support, responsive-design
Web Platform Design Principles (w3c)1072
web-platform, software-design, principles, standards, w3c
Don’t Start With Microservices in Production—Monoliths Are Your Friend1071
microservices, monoliths, architecture
Hands On With the New Responsiveness Metrics (per)1070
performance, responsive-design, metrics
CSS Custom Properties (5t3)1069
css, custom-properties
Shifting the Mindset About Accessible Content (mni)1068
accessibility, content
The State of CSS 2021 [Results] (sac/dev)1067
surveys, metrics, css
Explain Like I’m Five: Web Performance Optimization (sto/per)1066
performance, optimization
Thoughts on Skin Tone and Text Descriptions (tin)1065
accessibility, dei, writing
CSS Can Help Improve Your HTML!? Buttons and Links1064
html, css, buttons, links, accessibility
100 Tips on Software Developer Productivity1063
productivity, tips-and-tricks
Details/Summary (5t3)1062
html, semantics, disclosure-widgets
Read Your Website (geo/css)1061
user-experience
The Ideal Line Length and Line Height in Web Design (pim)1060
design, typography, readability
Lessons Learned From Publishing a Content Security Policy1059
lessons, csp, security
Visual Regression Testing for Design Systems With Figma Branches1058
design-systems, testing, regressions, figma
Performance Implications of JavaScript Errors (per)1057
javascript, performance, errors
Practical Ethics for the Modern Web Designer (mor)1056
videos, ethics
Embrace the Platform (bra/css)1055
html, css, javascript, web-platform
How Not to Create a Button (eev)1054
html, buttons, accessibility
Intersection Observer (5t3)1053
javascript, apis
WCAG 2 Is What We Have (kil)1052
accessibility, wcag
Monorepos—How the Pros Scale Huge Software Projects (fir)1051
videos, monorepos, yarn, npm, pnpm, lerna, nx, comparisons
WCAG 2.2: What We Know Till Now1050
accessibility, wcag
5 Key Benefits of Using a Tag Manager1049
tag-management
Defer Non-Critical Resources (per)1048
performance, html
WCAG 3 Is Not Ready Yet (yat)1047
accessibility, wcag
Standardizing Focus Styles With CSS Custom Properties (5t3/css)1046
css, custom-properties, accessibility, focus
How to Customize Firefox UI—Step-by-Step Tutorial1045
how-tos, tutorials, xul, browsers, firefox, customization
Breaking Out of the Box (pat/ali)1044
browsers, css
Responsive Iframes With the CSS “aspect-ratio” Property (cfe)1043
iframes, css, responsive-design, aspect-ratio
WCAG 3 and APCA1042
accessibility, wcag, apca, colors, contrast
Caching: Understanding the Scope (per)1041
performance, caching
The Last Design You’ll Ever Make1040
design
Node.js Memory Limits—What You Should Know (app)1039
nodejs, memory
Writing Better CSS (ale)1038
css, quality, efficiency
5 Reasons You Should Adopt a Micro Frontend Architecture1037
micro-frontends, architecture
1993: Mosaic Launches and the Web Is Set Free (ric)1036
history, browsers, mosaic
Content Separation (per)1035
servers
Redirects for SEO: A Simple (but Complete) Guide (ahr)1034
guides, redirecting, seo, http
Defensive CSS (sha)1033
css
Google Fonts Knowledge (ell)1032
google, fonts, typography
Test Your Product on a Crappy Laptop (eri/css)1031
testing, performance, usability
Where Do You Put Spacing on Design System Components? (eri)1030
design-systems, components, design, spacing
Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (jsp+/w3c)1029
accessibility, wcag, standards
Optimizing State Management in React Applications (per)1028
react, state-management
A Beginner’s Guide to Vue Router1027
guides, vuejs
Reduce Your Website’s Environmental Impact With a Carbon Budget (mic/css)1026
sustainability
Designing Better Links for Websites and Emails: A Guideline (sma)1025
design, links, email
Why You Should Check in Your Node Dependencies1024
nodejs, dependencies
HTTP Compression (per)1023
http, protocols, compression, performance
Have Core Web Vitals Made the Web Faster? (tun/per)1022
web-vitals, performance
How Many People With Disabilities Use Our Site? (hdv)1021
accessibility
The Love of Curvilinear Design1020
design
CSS Fingerprinting1019
websites, css, privacy, fingerprinting
Plugging Memory Leaks in Your App (sto/per)1018
performance, memory
JSON Modules in JavaScript1017
javascript, json, modules
Why Every Developer Should Start Blogging1016
blogging, communication, learning, career
Request for a General Theory of Web Performance (per)1015
performance
Revisiting the Anatomy of a Design System1014
design-systems
Ain’t No Party Like a Third Party (css)1013
dependencies, embed-code, security
Markup (htt)1012
web-almanac, studies, research, metrics, html
Best Practices for Node.js Development1011
nodejs, javascript, best-practices
Open Props (arg)1010
websites, css, custom-properties, props
Understanding Accessibility1009
accessibility, testing, tooling
The Fundamentals of CSS Layout1008
videos, fundamentals, css, layout
Accessibility (htt)1007
web-almanac, studies, research, metrics, accessibility
Security (htt)1006
web-almanac, studies, research, metrics, security
CSS (mey/htt)1005
web-almanac, studies, research, metrics, css
New Living Standards (dom)1004
standards, apis
JavaScript (htt)1003
web-almanac, studies, research, metrics, javascript
HTTP (htt)1002
web-almanac, studies, research, metrics, http, protocols
Why Color Contrast Is Not as Black and White as It Seems1001
accessibility, colors, contrast
Page Weight (htt)1000
web-almanac, studies, research, metrics, performance
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)999
podcasts, interviews, web-platform, standards, performance, tooling, developer-experience
The Surprising Behavior of “Important CSS Custom Properties” (ste)998
css, custom-properties, cascade
CSS Layout From the Inside Out997
videos, css, layout
“aria-label” Is Not Always the Answer (eev)996
html, aria, accessibility
The State of UX in 2022: Rebuild (fab)995
user-experience, design, outlooks
Introduction to TCP Connection Establishment for Software Developers994
introductions, protocols, tcp
Making Accessibility More Accessible993
accessibility
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea)992
web-components, html, markdown
Select Elements With “pointer-events: none” by Holding Shift (pat/dev)991
browsers, dev-tools, pointer-events
The Pagination Predicament (kev)990
pagination, seo
What Is WHOIS and How Does It Work?989
whois, domains
What Is Magento? A Brief Introduction988
introductions, ecommerce, tooling, magento
Understanding WCAG 2.1 Level AAA (ian/tet)987
accessibility, wcag
Introduction to Svelte Actions (log)986
introductions, svelte
How to Maintain a Large Next.js Application (sma)985
how-tos, nextjs, maintenance
Make Your Website Stand Out With a Custom Scrollbar984
css
How to Trim Strings in JavaScript983
how-tos, strings, javascript
Programmers Should Stop Celebrating Incompetence982
career
7 Ways to Improve Node.js Performance at Scale (app)981
nodejs, performance, optimization
Three Phases of Life for Design Systems980
design-systems
Get Started With Validation in Node.js979
introductions, nodejs, validation
What Kind of Developer Do I Want to Be?978
career
Creating Generative Patterns With the CSS Paint API (css)977
css, decoration
A Modern CSS Reset (jos)976
css, resets
Modern CSS in a Nutshell (spa/clo)975
css
The 6 Ways of Writing HTML (and Their Combinations) (j9t)974
html
Adding a Dyslexia-Friendly Mode to a Website (sma)973
accessibility, dyslexia, css
Functional Programming in PHP: Higher-Order Functions972
php, programming, functions
Control Layout in a Multi-Directional Website (css)971
internationalization, html, css
How JavaScript Engines Achieve Great Performance970
javascript, javascript-engines, performance
Improving the Performance of Wix Websites (Case Study) (sma)969
performance, monitoring, culture, case-studies
Responsive Layouts, Fewer Media Queries (css/css)968
css, responsive-design
Blog Page Accessibility Deep Dive (abb)967
accessibility, react, deep-dives
Designing Sustainable Websites (ger)966
sustainability, performance, software-design
Dear HTML Element (sup)965
html
Accessibility Myths964
websites, accessibility, myths
Parallax Powered by CSS Custom Properties (jhe/css)963
css, effects, parallax, custom-properties
20 Years of bram.us (bra)962
history
Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed961
accessibility, communication
Introduction to Web Sockets960
introductions, apis, protocols, websockets
How to Make Blob Menu Using HTML, CSS, and JavaScript959
how-tos, html, css, javascript
Tales of the Autistic Developer—Order and Chaos958
career
Dynamic Color Manipulation With CSS Relative Colors (jim)957
css, colors
Let’s Not Send Developers to the Accessibility Tree Tool (cod)956
browsers, accessibility, tooling
1992: The Web vs. Gopher, and the First External Browsers (ric)955
history, web
Various Ways to Include Comments on Your Static Site954
functionality
PHP Date and Time Recipes (css)953
php, time
A Guide to Modern CSS Colors With RGB, HSL, HWL, LAB, and LCH (mic/sma)952
guides, css, colors
Performance (sia/htt)951
web-almanac, studies, research, metrics, performance, user-experience
Tor and the Humans Who Use It (tor)950
community, privacy, tor-browser, browsers
How to Create Reusable Components With the Vue 3 Composition API949
how-tos, vuejs, components, maintainability
WCAG 3.0: What You Need to Know About the Future of Accessibility Standards948
accessibility, wcag, standards
Three Principles to Better Present Your UI Designs947
design, principles
A Clever Sticky Footer Technique (chr/css)946
css, layout, navigation
Using “position: sticky” With CSS Grid (sha)945
css, grids, positioning, layout
Design System Best Practices With ESLint Series (and)944
design-systems, design-tokens, best-practices, tooling, eslint
We Need to Talk About Accessibility—Again, and Again, and Then Some More943
accessibility
A Primer on Product Management for Engineers942
introductions, product-management
Reframing Tech Debt941
technical-debt
4 Ways to Document Your Design System With Storybook (sto)940
design-systems, storybook, documentation
Generate a Pull Request of Static Content With a Simple HTML Form (css)939
html, github
Get Your “Head” Straight (css/btc)938
videos, html, performance
Semantics and How to Get Them Right (hdv/btc)937
videos, html, semantics, accessibility
Your CSS Is an Interface (eri)936
css, performance
GitHub’s Commitment to npm Ecosystem Security935
github, npm, security
Why IndexedDB Is Slow and What to Use Instead934
databases, indexeddb, javascript, performance
Access to Tech, Tech to Live (btc)933
videos, accessibility
5 Popular Frontend Development Tools in 2021932
tooling
How to Fetch Data in Svelte931
how-tos, svelte, data-fetching
Some Notes on Using esbuild (b0r)930
bundling, esbuild
How Do Arrays Work? (nan)929
programming, arrays
Design Systems, Structured Content, and Headless Publishing (amy)928
design-systems, content, semantics, headless
Exploring Retro Web Design927
design
Other Looks at the Conditional Border Radius Trick (chr/css)926
css, borders, tips-and-tricks
Why Your Website Should Not Use Dithered Images925
images, dithering, compression, performance
How to Debounce and Throttle Callbacks in Vue924
how-tos, vuejs, javascript, callbacks, debouncing, throttling
Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties923
dev-tools, css, javascript, browsers, chrome
Using Web Workers to Boost Third-Party Script Performance (log)922
web-workers, javascript, performance
Useful React Hooks That You Can Use in Your Projects (sma)921
react, hooks
Easy Dark Mode (and Multiple Color Themes) in React (css)920
react, dark-mode, theming
Rust Is Eating JavaScript (lee)919
rust, javascript, swc, deno, esbuild, webassembly, tooling
It’s Not About Your Favorite Color—Moving From Brand Strategy to Visual Identity918
design, branding, strategies
View-Source (eri)917
auditing, view-source, browsers
Browsing With Screen Magnification (ihe/tet)916
accessibility, browsing, assistive-tech, screen-magnification
A Beginner’s Guide to Routing in Next.js, With Examples915
guides, nextjs, routing
Everything You Ever Wanted to Know About the Accessibility Tree (rus/a11)914
videos, accessibility
Detecting Specific Text Input With HTML and CSS (chr/css)913
html, css
Localizing Your Next.js App (ati/sma)912
nextjs, localization, javascript
How Designers Can Prevent User Errors911
design, usability, errors
Be Usable, Not Consistent, Not Uniform910
design, usability
Debugging HTML: Accessibility (mat/mat)909
html, accessibility, debugging
Why You Should Prioritise Quality Over Speed in Design Systems (amy)908
design-systems, prioritization
Becoming an Expert907
learning, career, processes, craft
Designing a Reorderable List Component906
lists, components, html, css
PHP 8.1 in 8 Code Blocks905
php
In Defence of Dialog904
html, modals
Deep Dive Into Node.js Architecture903
nodejs, architecture, deep-dives
Chrome DevTools: Record and Playback Your User Journeys902
dev-tools, user-experience, performance, browsers, chrome
Everything You Have to Know About Core Web Vitals (fox/cal)901
web-vitals, performance
Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro? (mat+/sma)900
podcasts, interviews, astro, frameworks
How to Implement Memoization in React to Improve Performance899
how-tos, react, performance, memoization, optimization
RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr)898
videos, browsers, chrome, browser-engines, chromium, rendering
The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job897
how-tos, career
Browser Wars (jay/css)896
history, browsers, browser-wars
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha)895
components, html, css
Understanding the Differences Between WCAG 2.1 and WCAG 2.2894
accessibility, wcag, comparisons
What Is Wireless Application Protocol (WAP)?893
wap, mobile
Why Safari Is a Great Browser (fla)892
safari, browsers
Designing Error Messages and a Logging Strategy in Node.js (app)891
software-design, javascript, nodejs, logging, strategies
Learn Forms890
courses, forms, html
Design Is Not Art, and UX Is Not Design889
design, user-experience
A Deep Dive Into Serverless UI With TypeScript (sma)888
typescript, serverless, deep-dives
Learn PWA887
courses, web-apps, progressive-web-apps
Eleventy 1.0—New Option for Global Data (ray)886
eleventy
Lit Web Components: Tailwind CSS Styles at Build Time (mic)885
web-components, lit, tailwind
Name, Labels, ARIA, What to Do? (sco)884
accessibility, forms, labels, writing, naming
What Does a Good Design System Feel Like? (fon)883
design-systems, user-experience
Using AI and Data Science to Reliably Detect Internet Censorship in Real-Time882
ai, traffic, censorship
What Are Accessible Fonts?881
accessibility, fonts
Rebase vs. Merge: Integrating Changes in Git (css)880
git, comparisons
The State of the Web (cle)879
videos, web
Developer Tools Secrets That Shouldn’t Be Secrets (cod)878
browsers, tooling, developer-experience
Accessible Toggles (mic)877
accessibility, toggles, html, javascript
An Introduction to PostCSS (cra)876
introductions, postcss, postprocessors, tooling
A Comprehensive Guide to Error Handling in Node.js (hon)875
guides, nodejs, javascript, errors
So, You Want to Build an “@mention” Autocomplete Feature? (css)874
functionality
The Guideline Gap873
design-systems, quality, accessibility, localization
CSS-ing Candy Ghost Buttons (ana/css)872
css
The Golden Ratio and User-Interface Design (nng)871
design, layout, aesthetics, principles
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil870
html, css, javascript
You Probably Don’t Need Media Queries Anymore (kat)869
css, media-queries
The Little Book of Little Books (j9t)868
books, frameworks, conventions, quality
Chrome DevTools: Visualise Your JavaScript Bundles867
dev-tools, javascript, bundling, browsers, chrome, lighthouse, visualization
Using CSS Variables for Reduced Motion on a Global Scale (cit)866
css, custom-properties, media-queries, reduced-motion
Make Your Design System Accessible—Color (luk)865
design-systems, accessibility, colors
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element864
accessibility, skip-links, html
Add a Contact Form to a React App With Netlify Forms863
react, netlify, forms, functionality
Material Design 3862
websites, design-systems, material-design
A Step by Step TypeScript Tutorial for Beginners861
typescript, tutorials
Best Practices on Embedding Third-Party Web Widgets860
embed-code, performance, best-practices
UX Design Isn’t Killing Creativity, Money Is859
user-experience, creativity, economics
Media Queries Level 4: Media Query Range Contexts (bra)858
css, media-queries
Design Systems at Replit: Better Tokens857
case-studies, design-systems, design-tokens
So, You Want an Accessibility Score? (kar)856
accessibility, auditing
New WebKit Features in Safari 15 (jen/web)855
release-notes, safari, browsers, webkit
Photoshop’s Journey to the Web854
photoshop, webassembly
In-Page Filtered Search With Vanilla JavaScript (css)853
javascript, functionality, search
The Problem With “Click Here” and “Learn More” Links852
links, usability, writing
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)851
typo3, css, javascript, examples
Optimizing Next.js Applications With Nx (sma)850
nextjs, optimization, building, nx
Reimagine Atomic CSS (ant)849
atomic-css
A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma)848
css, backgrounds, deep-dives
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)847
html, aria, accessibility
Why Accessibility Overlays on Your Website Can Make Things Worse846
accessibility, overlays
Web Performance Metrics Cheatsheet (ire)845
performance, metrics, cheat-sheets
Why Outdated jQuery Is Still the Dominant JavaScript Library844
javascript, libraries, jquery
How to Get Started With Social Media Automation843
how-tos, social-media, automation, tooling
Building an Effective Image Component842
components, javascript, performance
The Process of Building a CSS Framework (cod)841
frameworks, processes
Switch Role Support (aar)840
html, accessibility, support
Micro-Frontends: The Next Gen Way to Build Web Apps839
micro-frontends, web-apps
Finding Common Patterns Across Frameworks838
frameworks, javascript
On Using Custom Properties (bra)837
css, custom-properties
Common Mistakes When Writing CSS With BEM836
css, naming, bem, mistakes
The Start of a New Era for Responsive Web Design835
responsive-design, css
11ty Slugs and Anchors (5t3)834
eleventy, urls, links
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)833
html, css, javascript, design-systems
Making the Web Developer’s Pilgrimage (j9t)832
html
Prevent Scroll Chaining With Overscroll Behavior (sha)831
css, scrolling
Respecting Users’ Motion Preferences (mic/sma)830
accessibility, css
Semantic “menu” Context (sco)829
html, semantics
This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (ste/deq)828
accessibility
Designing for Color Contrast: Guidelines for Accessibility827
guidelines, accessibility, contrast, colors
Identify Potential CSS Improvements (jec)826
dev-tools, css, auditing, browsers, chrome
We Analyzed 425,909 Favicons825
images, favicons
Optimizing Resource Loading With the Fetch Priority API (add+)824
performance, data-fetching, apis, optimization
New HTTP Standards for Caching on the Modern Web (pim)823
http, protocols, caching, performance, standards
How to Cancel an HTTP Request in Node.js822
how-tos, nodejs, http
Back to Basics: Understanding the “for…in” Loop in JavaScript821
javascript, fundamentals, loops
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS820
css, performance
It’s Time for a Healthy Tech Approach (hel)819
career
Yes, Node.js Is Part of the Web Platform (jas/nea)818
videos, nodejs, web-platform
Evaluating Clever CSS Solutions (mic)817
css
“@supports selector()” (chr/css)816
css, selectors, support
Fix Web Accessibility Systematically (yat)815
accessibility, wcag
HTML With Superpowers (dav)814
videos, html, components
What Each Markup Language Is Used For (sem)813
overviews, html, xml, xhtml, sgml, mathml, amp, seo
Disability: Let’s Say the Word812
accessibility, community
Chrome DevTools: Easily Change CSS Units and Values811
dev-tools, css, units, browsers, chrome
Understanding and Implementing OAuth2 in Node.js (hon)810
nodejs, security, authorization, oauth
What Svelte’s Accessibility Warnings Won’t Tell You809
svelte, accessibility
Landmarks (mat/mat)808
html, aria, accessibility
100 Bytes of CSS to Look Great Everywhere (swy)807
css
Processing CPU-Intensive Jobs in Node.js806
nodejs
Dealing With Timezones in Web Development805
javascript
Custom Properties With Defaults: 3+1 Strategies (lea)804
css, custom-properties
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)803
guides, images, responsive-design, html
Expandable Sections Within a CSS Grid (css)802
css, grids, layout
Conditional “border-radius” and Three Future CSS Features (ste)801
css, borders
Different Degrees of Custom Property Usage (chr/css)800
css, custom-properties
Smart CSS Solutions for Common UI Challenges (sma)799
css, design
Stop Writing JavaScript Like This798
javascript
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una)797
css, functions
Building a Multi-Select Component (arg)796
components, html, css, javascript
The Ultimate Guide to 3xx HTTP Status Codes795
guides, protocols, http
Five Proven Approaches for a Better Developer Experience in Your Organisation (tho)794
developer-experience
The Tortuous Journey of Enhancing Our Color Palette793
colors, color-palettes
1999: The Fall of Netscape and the Rise of Mozilla (ric)792
history, browsers, netscape, mozilla
How to Win at CORS (jaf)791
how-tos, security, cors, html, http
Who Pays for Web Frameworks? (zac)790
frameworks, economics, trends
What Constitutes a Digital Accessibility Audit (gwi)789
accessibility, testing, auditing
The Autofill Dark Pattern (alv/sma)788
html, forms, anti-patterns
How Design Debt Can Hurt Your Product787
design, design-debt
Easy Read Is Hard to Get Right786
accessibility, readability
Best UI Frameworks for React.js785
react, frameworks
Google Chrome Hidden Features Every Developer Should Know784
browsers, google, chrome, experiments
Appreciation for Being a Web Developer (cit)783
career
A Tangled Web of ARIA (ste)782
accessibility, aria, html
Introduction to Styled Components781
introductions, css, javascript, components
Why We Crave Software With Style Over “Branding”780
design, branding
Native CSS Nesting: What You Need to Know (log)779
css, selectors, nesting
Buttons vs. Links (yat)778
html, semantics, buttons, links, comparisons
Have Single-Page Apps Ruined the Web? (ric)777
videos, single-page-apps, web
How to Add Search to a Ghost Site (fla)776
how-tos, ghost, search
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)775
guides, introductions, rollup, bundling, javascript
Internationalization: How to Boost Traffic With a Multilingual Site774
how-tos, internationalization, traffic
Why Does Everything Look the Same?773
design
How We Improved Our Design System Delivery772
design-systems, processes, optimization, case-studies
Accessibility: A Gentle Introduction771
accessibility, introductions
A Guide to CSS Debugging (5t3/sma)770
guides, css, debugging
My Challenge to the Web Performance Community (phi)769
performance
The Options for Password-Revealing Inputs (chr/css)768
html, css, security, passwords, usability
Safe DOM Manipulation With the Sanitizer API767
dom, apis, sanitization
Engineer to Engineer: Art Is in the Code (wom)766
interviews, career, wordpress
What Is Micro-Content?765
microcontent, concepts, content
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr)764
browsers, chrome, browser-engines, chromium, rendering
How to Implement and Style the “Dialog” Element (cod)763
how-tos, modals, html, css
Browsing With a Mobile Screen Reader (tet)762
accessibility, browsers, screen-readers, assistive-tech, mobile, browsing
Why Do Webdevs Keep Trying to Kill REST? (swy)761
apis, rest, protocols, databases
What Creating a Simple Font Taught Me About Font Design760
fonts, typography
UX Accessibility: How to Start Designing for All759
how-tos, accessibility, user-experience
Automating a Design System758
design-systems, automation, testing
Animation Techniques for Adding and Removing Items From a Stack (css)757
css, animations, javascript
Conditional Border Radius in CSS (sha)756
css, borders
How to Build an Expandable Accessible Gallery (cit/sma)755
how-tos, accessibility, html, css
Redundantly Redundant a11y Accessibility (sco)754
accessibility, html
What Is a Good User Experience? (uxm)753
user-experience, ethics, ai
Writing Clean JavaScript Tests With the BASIC Principles752
javascript, testing, principles
The CSS “prefers-color-scheme” User Query and Order of Preference (sar)751
css
jsPerf—Online JavaScript Performance Benchmark750
websites, javascript, performance
Simple Blinking Cursor Animation Using CSS (ami)749
css, animations, effects, cursors
Using JavaScript to Detect High Contrast and Dark Modes (sco)748
javascript, accessibility, colors, contrast, dark-mode
Introducing Svelte, and Comparing Svelte With React and Vue747
svelte, react, vuejs, comparisons, introductions
Links, Missing “href” Attributes, and Over-Engineered Code (tem)746
html, attributes, links, accessibility
Sorting JavaScript Arrays by Nested Properties745
javascript, sorting, arrays
Understanding and Working With Submodules in Git744
git, modules
Declaring Page Language—and Declaring Changes in Language (j9t)743
accessibility, html, browsers
How I Built a Modern Website in 2021 (ken)742
html, css, javascript
Practical Frontend Philosophy741
web-platform, complexity
Using Modern Image Formats: AVIF and WebP (add/sma)740
images, avif, webp, jpeg, png, comparisons, performance, compression
Web Streams Everywhere (and Fetch for Node.js) (oll/css)739
javascript, nodejs, streaming, data-fetching
9 Tag Management Solutions You Should Consider738
tag-management, comparisons, tooling, link-lists
Comparing Page Language Declaration Setups in Screen Readers (j9t)737
accessibility, html, http, screen-readers, comparisons
Figma Cheat Sheet736
websites, figma, cheat-sheets
Faster React Apps With Memoization735
react, performance, memoization
Guidelines for Choosing a Node.js Framework734
guidelines, nodejs, frameworks
When iOS Will Allow Other Browsers (kar)733
apple, mobile, browsers, browser-engines
Design Tokens Automation Pipeline: From Design Tools to Component Libraries732
automation, design-tokens, design-systems
Accessibility Isn’t New—and Neither Is Ableism731
accessibility
Let’s Dive Into Cypress for End-to-End Testing (lei/sma)730
testing, cypress
A JavaScript Developer’s Guide to Browser Cookies (psu)729
guides, javascript, cookies
How I Make CSS Art728
css, art
Beware False Negatives (aar)727
accessibility
One Last Time: Custom Styling Radio Buttons and Checkboxes (sco)726
css, forms, accessibility
Not Releasing Late on Fridays, a Matter of Courtesy (j9t)725
releasing, processes
7 UI Design Fundamentals for Developers724
design, fundamentals
“initial” Doesn’t Do What You Think It Does (kev)723
videos, css
Simplifying Form Styles With “accent-color” (mic/sma)722
css, forms
When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It721
alerting, productivity
Specification for Spoken Presentation in HTML (w3c)720
html, pronunciation
A Content Model Is Not a Design System (ali)719
content, design-systems
Just Redux: The Complete Guide718
guides, redux
Container Units Should Be Pretty Handy (chr/css)717
css, container-queries, units
ct.css—Let’s Take a Look Inside Your “<head>” (css)716
css, performance, debugging
How to Redirect URLs on WordPress (sem)715
how-tos, urls, redirecting, wordpress, apache
Introduction to GSAP714
introductions, animations, gsap, examples
7 Useful HTML Attributes You May Not Know713
html, attributes
Cascade Layers? (chr/css)712
css, cascade
CSS Container Queries: Container-Relative Lengths (bra)711
css, container-queries
Using Monorepos Is Not That Bad710
monorepos, case-studies
Yarn vs. npm: Everything You Need to Know709
yarn, npm, comparisons
Intro to MJML: Responsive HTML Email Coding Made Easy708
introductions, mjml, html, email, responsive-design
Node.js Garbage Collection Explained707
nodejs, garbage-collection
7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (css)706
css, selectors, generated-content
Optimising a JavaScript Library With WebAssembly, a Failed Attempt705
javascript, libraries, webassembly
Understanding “min-content”, “max-content”, and “fit-content” in CSS (log)704
css
Simpler Block Spacing in WordPress With “:is()” and “:where()” (mic)703
wordpress, css, selectors
Contemporary Design Has Lost Its Soul702
design
Provide Pronunciation for Ambiguous Words701
accessibility, content, pronunciation
How I Learnt to Stop Worrying and Love Animating the Box Model700
css, box-model, animations
Practical Frontend Architecture699
architecture
20 Killer JavaScript One-Liners698
javascript
CSS Container Query Units (sha)697
css, container-queries, units
Why Inequalities Can Appear in Digital Accessibility and Inclusive Design (gar)696
accessibility, dei, design
Guide to 301 Redirects With an .htaccess File (sem)695
guides, redirecting, apache, servers, seo
More Information on How Google Generates Titles for Web Page Results (dan)694
google, search, seo
The New Requirements for WCAG 2.2693
accessibility, wcag
Minding the “gap” (pat/css)692
css
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)691
software-design, css, principles
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)690
javascript, performance, bundling
What’s the Right Font Size in Web Design? (pim)689
typography, design
Accessible Palette: Stop Using HSL for Color Systems688
accessibility, css, colors, color-palettes
How to Expand Your Engineering Skill Set Without Quitting Your Day Job687
how-tos, career, learning
Web Vitals Patterns686
web-vitals
Design Direction as a Step Before Design System685
design, design-systems
Web Quality Assurance: From User Requirements to Web Risk Management (sma)684
quality, usability
The Future of CSS: Cascade Layers (CSS “@layer”) (bra)683
css, cascade
1995: MySQL Arrives, Completing the LAMP Stack (ric)682
history, databases, mysql, tech-stacks
Reducing the Need for Pseudo-Elements (sma)681
css, selectors
Optimizing Images on the Web680
images, performance, cloudflare
Modernising CSS Infrastructure in DevTools679
dev-tools, css, modernization, browsers, chrome
Master Frontend Development by Cloning These Websites678
learning
Designing Beautiful Shadows in CSS (jos)677
css, shadows
Prevent Content From Being Hidden Underneath the Virtual Keyboard by Means of the VirtualKeyboard API (bra)676
mobile, apis, viewport
Laravel Blade Internals—PHP as a Templating Language (lia)675
videos, php, laravel, template-engines
Notes on Synthetic Speech (tin)674
accessibility, browsers, voice
Scripting With Google zx673
zx
29 Projects to Help You Practice HTML CSS JavaScript 2021672
html, css, javascript
Myths About Web Accessibility (alv)671
accessibility, myths
The Ultimate Guide to Web Console670
guides, console, javascript, debugging
Indieweb vs. Fediverse (flu)669
indieweb, fediverse, comparisons
Less Absolute Positioning With Modern CSS (sha)668
css, positioning
Vanilla JS Is a Web Performance Decision (cfe)667
javascript, performance
Blowing Up HTML Size With Responsive Images (deb)666
html, images, performance, responsive-design
Developer Decisions for Building Flexible Components (mic/sma)665
components
Enterprise UX: Essential Resources to Design Complex Data Tables (ste)664
user-experience, responsive-design, complexity, tables
Subsets and Supersets of WCAG (hdv)663
accessibility, wcag
What Is Redundant Entry, and How Does It Affect Accessibility?662
accessibility, usability
Line Length Revisited: Following the Research661
design, readability, typography, research
The Case for “Developer Experience”660
developer-experience, productivity
Flexible API Design: Create Hooks for Your PHP API Pipeline659
php, apis, hooks
Okhsv and Okhsl (bjo)658
colors, design, usability
Bundling Non-JavaScript Resources657
bundling
An Early History of the Lynx Web Browser (ada)656
history, browsers, lynx
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)655
javascript
13 Advanced (but Useful) Git Techniques and Shortcuts (fir)654
videos, git
Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1653
css, overflow, accessibility, wcag
5 Steps for Writing Alt Text for Accessibility652
accessibility, writing, alt-text, images
Becoming a Design Tokens Ambassador651
design-tokens
Firefox’s “bolder” Default Is a Problem for Variable Fonts (sim/css)650
css, fonts, variable-fonts, browsers, firefox
What’s New With DevTools: Cross-Browser Edition (pat/sma)649
dev-tools, browsers, chrome, edge, firefox, safari
Fractional SVG Stars With CSS648
css, svg, images
What’s New in PHP 8.1: Features, Changes, Improvements, and More (kin)647
php
HTTP/3: Practical Deployment Options (pro/sma)646
http, protocols, deploying
A Practical Guide to Creating Reusable React Components645
guides, react, components, maintainability
Color and Universal Design (uxm)644
design, colors, color-blindness, contrast, accessibility
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (nng)643
user-experience, performance, complexity
Stop! Put Down That Ternary, Lines Are Free642
maintainability
Avoiding FOUT With Async CSS (jay)641
fonts, flash-of-x, css, asynchrony
Reducing Carbon Emissions on the Web (sma)640
sustainability
The Pros and Cons of Professional Language (and)639
career
WebKit—Patches and Tests (mar)638
webkit, testing
Multiple Accounts and Git (bra)637
git