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, accountability, and support. Hide

dxsrc

“2021” News Archive

Definition, related topics, tag feed

“2021” × ? · “2021” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Exposing Mid-Resource LCP Values (per)1140
performance, web-vitals
A Unified Theory of Web Performance (sli/per)1139
performance
Image Magnifier Using Only One Line of CSS (ami)1138
css, images
Page Visibility: If a Tree Falls in the Forest… (pau/per)1137
performance, web-vitals, user-experience
Add Less (cas/css)1136
simplicity
pkg.land1135
websites, packages, dependencies, npm
Using Diagnostic Metrics (ann/per)1134
performance, metrics
Updating a Branch With “git rebase”1133
git, command-line
Empathetic Animation (cas/css)1132
animations, user-experience
Dynamic Static Typing in TypeScript (dea/sma)1131
typescript, generics
Practical Tips for Load-Testing Web Applications (per)1130
performance, testing, tips-and-tricks, web-apps
WCAG and Accessibility: What Is a Statement of Partial Conformance?1129
accessibility, wcag, conformance
Add a Service Worker to Your Site (cfe/css)1128
web-workers, javascript
Shedding Light on Fiverr’s Dark Mode Creation Process1127
design, dark-mode
CSS in 2022 (bra)1126
css
Web Accessibility Cheat Sheet1125
accessibility, cheat-sheets
Building Gatsby Themes for WordPress-Powered Websites (sma)1124
wordpress, gatsby, theming
1000+ Web Development Resources1123
link-lists
The Business Case for Performance (per)1122
performance, economics
Faster Websites by Using Less HTML (j9t)1121
cross-posts, html, performance, optimization, minimalism
Container Queries (5t3)1120
css, container-queries, html
Personalize It! (una/css)1119
css, user-experience, personalization
Show, Don’t Tell (css)1118
writing, design, semantics
Form Autocomplete (ben/5t3)1117
html, forms
Redirect Liquidation (tim/per)1116
performance, optimization, redirecting
Remember You Are Not the User (css)1115
accessibility, internationalization, user-experience, principles
The Many Methods for Using SVG Icons (hui)1114
css, svg, images, icons
Wrapping Text Inside an SVG Using CSS (jay)1113
svg, css
Frontend Web Performance: The Essentials1112
fundamentals, performance, rendering
The CSS “:has()” Pseudo-Class, aka Parent Selector (foo)1111
css, selectors
CSS Animation (5t3)1110
css, animations
CSS Snapshot 2021 (tab+/w3c)1109
css, standards
WebGPU From WebGL1108
webgpu, webgl
Make Joyful Things (css)1107
user-experience
Building a Greener Web (mic)1106
sustainability
The CSS “:has()” Selector Is Way More Than a “Parent Selector” (bra)1105
css, selectors
13 Tools and Techniques to Accelerate Frontend Development1104
tooling, techniques, software-design-patterns, linting, bundling, testing, logging, frameworks, processes, ci-cd
Introduction to Cognitive Disability and Accessibility Testing (ons/tpg)1103
introductions, accessibility, testing
Auto Dark Theme (chr/css)1102
browsers, dark-mode, usability
HTML Cheat Sheet1101
html, semantics, examples, cheat-sheets
PHP 8 in a Nutshell (ami)1100
books, php
Image Display Elements (5t3)1099
html, images, responsive-design
The Web Starts on Page Four (cod)1098
web
Why UX Is the Best SEO Strategy (uxm)1097
user-experience, seo, strategies
Smoothly Reverting CSS Animations1096
css, animations
Be Prepared for Failure and Handle It Gracefully (css)1095
javascript, graceful-degradation
How to Define Your Relationship to Sites You Link To (ste)1094
how-tos, html, links, semantics, seo
5 Common Misconceptions About WAI–ARIA and Accessibility1093
accessibility, aria, html
Design Sprints Revisited: Designing With Your Users and Developers (uxm)1092
design, usability
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe)1091
how-tos, css, javascript
Preference Queries (5t3)1090
css
Ultimate HTML Cheatsheet1089
html, cheat-sheets
4 HTML Concepts You Didn’t Know (j9t)1088
html, concepts, tables
Web Performance, Core Web Vitals, and Vanity Metrics (per)1087
performance, web-vitals, metrics
This Is WCAG1086
websites, accessibility, standards, wcag
This Is WCAG 2.11085
websites, accessibility, wcag
CSS Houdini Paint API (5t3)1084
css, houdini, apis, javascript
There’s Never Been a Better Time to Build Websites1083
frameworks, css
Sustaining Maintaining (dav)1082
foss
Inaccessibility of CAPTCHA (w3c)1081
accessibility, captcha
Web Platform Design Principles (w3c)1080
web-platform, software-design, principles, standards, w3c
Consistent, Fluidly Scaling Type, and Spacing (bel/css)1079
typography, css, scaling, liquid-design
Hands On With the New Responsiveness Metrics (per)1078
performance, responsive-design, metrics
Deep-Copying in JavaScript Using “structuredClone” (sur)1077
javascript
Why Motion on Websites and Digital Content Is a Problem (mer/equ)1076
accessibility
Web vs. Email Development: The 11 Biggest Coding Differences1075
comparisons, email, browsers, support, responsive-design
Don’t Start With Microservices in Production—Monoliths Are Your Friend1074
microservices, monoliths, architecture
CSS Custom Properties (5t3)1073
css, custom-properties
The State of CSS 2021 [Results] (sac/dev)1072
surveys, metrics, css
100 Tips on Software Developer Productivity1071
productivity, tips-and-tricks
Thoughts on Skin Tone and Text Descriptions (tin)1070
accessibility, dei, writing
Shifting the Mindset About Accessible Content (mni)1069
accessibility, content
CSS Can Help Improve Your HTML!? Buttons and Links1068
html, css, buttons, links, accessibility
Explain Like I’m Five: Web Performance Optimization (sto/per)1067
performance, optimization
Details/Summary (5t3)1066
html, semantics, disclosure-widgets
Read Your Website (geo/css)1065
user-experience
Practical Ethics for the Modern Web Designer (mor)1064
videos, ethics
Performance Implications of JavaScript Errors (per)1063
javascript, performance, errors
The Ideal Line Length and Line Height in Web Design (pim)1062
design, typography, readability
Lessons Learned From Publishing a Content Security Policy1061
lessons, csp, security
Visual Regression Testing for Design Systems With Figma Branches1060
design-systems, testing, regressions, figma
Embrace the Platform (bra/css)1059
html, css, javascript, web-platform
Intersection Observer (5t3)1058
javascript, apis
WCAG 2 Is What We Have (kil)1057
accessibility, wcag
How Not to Create a Button (eev)1056
html, buttons, accessibility
WCAG 2.2: What We Know Till Now1055
accessibility, wcag
Monorepos—How the Pros Scale Huge Software Projects (fir)1054
videos, monorepos, yarn, npm, pnpm, lerna, nx, comparisons
Defer Non-Critical Resources (per)1053
performance, html
5 Key Benefits of Using a Tag Manager1052
tag-management
WCAG 3 Is Not Ready Yet (yat)1051
accessibility, wcag
How to Customize Firefox UI—Step-by-Step Tutorial1050
how-tos, tutorials, xul, browsers, firefox, customization
Standardizing Focus Styles With CSS Custom Properties (5t3/css)1049
css, custom-properties, accessibility, focus
WCAG 3 and APCA1048
accessibility, wcag, apca, colors, contrast
Breaking Out of the Box (pat/ali)1047
browsers, css
Caching: Understanding the Scope (per)1046
performance, caching
The Last Design You’ll Ever Make1045
design
Responsive Iframes With the CSS “aspect-ratio” Property (cfe)1044
iframes, css, responsive-design, aspect-ratio
Content Separation (per)1043
servers
Writing Better CSS (ale)1042
css, quality, efficiency
Node.js Memory Limits—What You Should Know (app)1041
nodejs, memory
1993: Mosaic Launches and the Web Is Set Free (ric)1040
history, browsers, mosaic
Redirects for SEO: A Simple (but Complete) Guide (ahr)1039
guides, redirecting, seo, http
5 Reasons You Should Adopt a Micro Frontend Architecture1038
micro-frontends, architecture
Defensive CSS (sha)1037
css
Google Fonts Knowledge (ell)1036
google, fonts, typography
A Beginner’s Guide to Vue Router1035
guides, vuejs
Test Your Product on a Crappy Laptop (eri/css)1034
testing, performance, usability
Optimizing State Management in React Applications (per)1033
react, state-management
Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (jsp+/w3c)1032
accessibility, wcag, standards
Where Do You Put Spacing on Design System Components? (eri)1031
design-systems, components, design, spacing
HTTP Compression (per)1030
http, protocols, compression, performance
Why You Should Check in Your Node Dependencies1029
nodejs, dependencies
Designing Better Links for Websites and Emails: A Guideline (sma)1028
design, links, email
Reduce Your Website’s Environmental Impact With a Carbon Budget (mic/css)1027
sustainability
CSS Fingerprinting1026
websites, css, privacy, fingerprinting
The Love of Curvilinear Design1025
design
Have Core Web Vitals Made the Web Faster? (tun/per)1024
web-vitals, performance
How Many People With Disabilities Use Our Site? (hdv)1023
accessibility
Plugging Memory Leaks in Your App (sto/per)1022
performance, memory
JSON Modules in JavaScript1021
javascript, json, modules
Ain’t No Party Like a Third Party (css)1020
dependencies, embed-code, security
Revisiting the Anatomy of a Design System1019
design-systems
Why Every Developer Should Start Blogging1018
blogging, communication, learning, career
Request for a General Theory of Web Performance (per)1017
performance
Markup (htt)1016
web-almanac, studies, research, metrics, html
Best Practices for Node.js Development1015
nodejs, javascript, best-practices
CSS (mey/htt)1014
web-almanac, studies, research, metrics, css
HTTP (htt)1013
web-almanac, studies, research, metrics, http, protocols
Security (htt)1012
web-almanac, studies, research, metrics, security
JavaScript (htt)1011
web-almanac, studies, research, metrics, javascript
Open Props (arg)1010
websites, css, custom-properties, props
Page Weight (htt)1009
web-almanac, studies, research, metrics, performance
Accessibility (htt)1008
web-almanac, studies, research, metrics, accessibility
New Living Standards (dom)1007
standards, apis
Understanding Accessibility1006
accessibility, testing, tooling
The Fundamentals of CSS Layout1005
videos, fundamentals, css, layout
Why Color Contrast Is Not as Black and White as It Seems1004
accessibility, colors, contrast
CSS Layout From the Inside Out1003
videos, css, layout
The Surprising Behavior of “Important CSS Custom Properties” (ste)1002
css, custom-properties, cascade
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)1001
podcasts, interviews, web-platform, standards, performance, tooling, developer-experience
“aria-label” Is Not Always the Answer (eev)1000
html, aria, accessibility
The State of UX in 2022: Rebuild999
user-experience, design, outlooks
Making Accessibility More Accessible998
accessibility
Introduction to TCP Connection Establishment for Software Developers997
introductions, protocols, tcp
The Pagination Predicament (kev)996
pagination, seo
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea)995
web-components, html, markdown
Introduction to Svelte Actions (log)994
introductions, svelte
Understanding WCAG 2.1 Level AAA (ian/tet)993
accessibility, wcag
What Is WHOIS and How Does It Work?992
whois, domains
What Is Magento? A Brief Introduction991
introductions, ecommerce, tooling, magento
How to Maintain a Large Next.js Application (sma)990
how-tos, nextjs, maintenance
Select Elements With “pointer-events: none” by Holding Shift (pat/dev)989
browsers, dev-tools, pointer-events
How to Trim Strings in JavaScript988
how-tos, strings, javascript
Programmers Should Stop Celebrating Incompetence987
career
Make Your Website Stand Out With a Custom Scrollbar986
css
Get Started With Validation in Node.js985
introductions, nodejs, validation
What Kind of Developer Do I Want to Be?984
career
Three Phases of Life for Design Systems983
design-systems
7 Ways to Improve Node.js Performance at Scale (app)982
nodejs, performance, optimization
Creating Generative Patterns With the CSS Paint API (css)981
css, decoration
A Modern CSS Reset (jos)980
css, resets
Modern CSS in a Nutshell (spa/clo)979
css
The 6 Ways of Writing HTML (and Their Combinations) (j9t)978
html
Adding a Dyslexia-Friendly Mode to a Website (sma)977
accessibility, dyslexia, css
Control Layout in a Multi-Directional Website (css)976
internationalization, html, css
Functional Programming in PHP: Higher-Order Functions975
php, programming, functions
Blog Page Accessibility Deep Dive (abb)974
accessibility, react, deep-dives
Responsive Layouts, Fewer Media Queries (css/css)973
css, responsive-design
How JavaScript Engines Achieve Great Performance972
javascript, javascript-engines, performance
Improving the Performance of Wix Websites (Case Study) (sma)971
performance, monitoring, culture, case-studies
Designing Sustainable Websites (ger)970
sustainability, performance, software-design
Dear HTML Element (sup)969
html
Accessibility Myths968
websites, accessibility, myths
20 Years of bram.us (bra)967
history
Introduction to Web Sockets966
introductions, apis, protocols, websockets
Parallax Powered by CSS Custom Properties (jhe/css)965
css, effects, parallax, custom-properties
Tales of the Autistic Developer—Order and Chaos964
career
How to Make Blob Menu Using HTML, CSS, and JavaScript963
how-tos, html, css, javascript
What Are Open Graph Metatags and How to Use Them in Web Pages962
how-tos, open-graph, metadata, social-media
Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed961
accessibility, communication
PHP Date and Time Recipes (css)960
php, time
Dynamic Color Manipulation With CSS Relative Colors (jim)959
css, colors
Various Ways to Include Comments on Your Static Site958
functionality
1992: The Web vs. Gopher, and the First External Browsers (ric)957
history, web
Let’s Not Send Developers to the Accessibility Tree Tool (cod)956
browsers, accessibility, tooling
Performance (sia/htt)955
web-almanac, studies, research, metrics, performance, user-experience
Tor and the Humans Who Use It (tor)954
community, privacy, tor-browser, browsers
Three Principles to Better Present Your UI Designs953
design, principles
A Guide to Modern CSS Colors With RGB, HSL, HWL, LAB, and LCH (mic/sma)952
guides, css, colors
How to Create Reusable Components With the Vue 3 Composition API951
how-tos, vuejs, components, maintainability
WCAG 3.0: What You Need to Know About the Future of Accessibility Standards950
accessibility, wcag, standards
Reframing Tech Debt949
technical-debt
A Clever Sticky Footer Technique (chr/css)948
css, layout, navigation
Using “position: sticky” With CSS Grid (sha)947
css, grids, positioning, layout
We Need to Talk About Accessibility—Again, and Again, and Then Some More946
accessibility
A Primer on Product Management for Engineers945
introductions, product-management
Design System Best Practices With ESLint Series (and)944
design-systems, design-tokens, best-practices, tooling, eslint
4 Ways to Document Your Design System With Storybook (sto)943
design-systems, storybook, documentation
Generate a Pull Request of Static Content With a Simple HTML Form (css)942
html, github
Get Your “Head” Straight (css/btc)941
videos, html, performance
Your CSS Is an Interface (eri)940
css, performance
Access to Tech, Tech to Live (btc)939
videos, accessibility
How to Fetch Data in Svelte938
how-tos, svelte, data-fetching
Some Notes on Using esbuild (b0r)937
bundling, esbuild
Semantics and How to Get Them Right (hdv/btc)936
videos, html, semantics, accessibility
5 Popular Frontend Development Tools in 2021935
tooling
GitHub’s Commitment to npm Ecosystem Security934
github, npm, security
Why IndexedDB Is Slow and What to Use Instead933
databases, indexeddb, javascript, performance
How Do Arrays Work? (nan)932
programming, arrays
Exploring Retro Web Design931
design
How to Debounce and Throttle Callbacks in Vue930
how-tos, vuejs, javascript, callbacks, debouncing, throttling
Why Your Website Should Not Use Dithered Images929
images, dithering, compression, performance
Other Looks at the Conditional Border Radius Trick (chr/css)928
css, borders, tips-and-tricks
Useful React Hooks That You Can Use in Your Projects (sma)927
react, hooks
Design Systems, Structured Content, and Headless Publishing (amy)926
design-systems, content, semantics, headless
Using Web Workers to Boost Third-Party Script Performance (log)925
web-workers, javascript, performance
Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties924
dev-tools, css, javascript, browsers, chrome
View-Source (eri)923
auditing, view-source, browsers
Rust Is Eating JavaScript (lee)922
rust, javascript, swc, deno, esbuild, webassembly, tooling
Easy Dark Mode (and Multiple Color Themes) in React (css)921
react, dark-mode, theming
It’s Not About Your Favorite Color—Moving From Brand Strategy to Visual Identity920
design, branding, strategies
Browsing With Screen Magnification (ihe/tet)919
accessibility, browsing, assistive-tech, screen-magnification
A Beginner’s Guide to Routing in Next.js, With Examples918
guides, nextjs, routing
Everything You Ever Wanted to Know About the Accessibility Tree (rus/a11)917
videos, accessibility
Localizing Your Next.js App (ati/sma)916
nextjs, localization, javascript
Be Usable, Not Consistent, Not Uniform915
design, usability
How Designers Can Prevent User Errors914
design, usability, errors
Detecting Specific Text Input With HTML and CSS (chr/css)913
html, css
Becoming an Expert912
learning, career, processes, craft
Debugging HTML: Accessibility (mat/mat)911
html, accessibility, debugging
Designing a Reorderable List Component910
lists, components, html, css
Why You Should Prioritise Quality Over Speed in Design Systems (amy)909
design-systems, prioritization
In Defence of Dialog908
html, modals
PHP 8.1 in 8 Code Blocks907
php
Deep Dive Into Node.js Architecture906
nodejs, architecture, deep-dives
Chrome DevTools: Record and Playback Your User Journeys905
dev-tools, user-experience, performance, browsers, chrome
The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job904
how-tos, career
Everything You Have to Know About Core Web Vitals (fox/cal)903
web-vitals, performance
How to Implement Memoization in React to Improve Performance902
how-tos, react, performance, memoization, optimization
Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro? (mat+/sma)901
podcasts, interviews, astro, frameworks
RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr)900
videos, browsers, chrome, browser-engines, chromium, rendering
Learn PWA899
courses, web-apps, progressive-web-apps
Learn Forms898
courses, forms, html
Browser Wars (jay/css)897
history, browsers, browser-wars
Why Safari Is a Great Browser (fla)896
safari, browsers
Design Is Not Art, and UX Is Not Design895
design, user-experience
What Is Wireless Application Protocol (WAP)?894
wap, mobile
A Deep Dive Into Serverless UI With TypeScript (sma)893
typescript, serverless, deep-dives
Designing Error Messages and a Logging Strategy in Node.js (app)892
software-design, javascript, nodejs, logging, strategies
Understanding the Differences Between WCAG 2.1 and WCAG 2.2891
accessibility, wcag, comparisons
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha)890
components, html, css
The State of the Web (cle)889
videos, web
What Are Accessible Fonts?888
accessibility, fonts
Name, Labels, ARIA, What to Do? (sco)887
accessibility, forms, labels, writing, naming
Eleventy 1.0—New Option for Global Data (ray)886
eleventy
What Does a Good Design System Feel Like? (fon)885
design-systems, user-experience
Rebase vs. Merge: Integrating Changes in Git (css)884
git, comparisons
Lit Web Components: Tailwind CSS Styles at Build Time (mic)883
web-components, lit, tailwind
Using AI and Data Science to Reliably Detect Internet Censorship in Real-Time882
ai, traffic, censorship
The Guideline Gap881
design-systems, quality, accessibility, localization
Accessible Toggles (mic)880
accessibility, toggles, html, javascript
An Introduction to PostCSS (cra)879
introductions, postcss, postprocessors, tooling
Developer Tools Secrets That Shouldn’t Be Secrets (cod)878
browsers, tooling, developer-experience
A Comprehensive Guide to Error Handling in Node.js (hon)877
guides, nodejs, javascript, errors
So, You Want to Build an “@mention” Autocomplete Feature? (css)876
functionality
CSS-ing Candy Ghost Buttons (ana/css)875
css
The Golden Ratio and User-Interface Design (nng)874
design, layout, aesthetics, principles
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil873
html, css, javascript
You Probably Don’t Need Media Queries Anymore (kat)872
css, media-queries
The Little Book of Little Books (j9t)871
books, frameworks, conventions, quality
Chrome DevTools: Visualise Your JavaScript Bundles870
dev-tools, javascript, bundling, browsers, chrome, lighthouse, visualization
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element869
accessibility, skip-links, html
Make Your Design System Accessible—Color (luk)868
design-systems, accessibility, colors
Add a Contact Form to a React App With Netlify Forms867
react, netlify, forms, functionality
Using CSS Variables for Reduced Motion on a Global Scale (cit)866
css, custom-properties, media-queries, reduced-motion
Material Design 3865
websites, design-systems, material-design
UX Design Isn’t Killing Creativity, Money Is864
user-experience, creativity, economics
A Step by Step TypeScript Tutorial for Beginners863
typescript, tutorials
Best Practices on Embedding Third-Party Web Widgets862
embed-code, performance, best-practices
Reimagine Atomic CSS (ant)861
atomic-css
Photoshop’s Journey to the Web860
photoshop, webassembly
New WebKit Features in Safari 15 (web)859
release-notes, safari, browsers, webkit
So, You Want an Accessibility Score? (kar)858
accessibility, auditing
Design Systems at Replit: Better Tokens857
case-studies, design-systems, design-tokens
Optimizing Next.js Applications With Nx (sma)856
nextjs, optimization, building, nx
In-Page Filtered Search With Vanilla JavaScript (css)855
javascript, functionality, search
Media Queries Level 4: Media Query Range Contexts (bra)854
css, media-queries
The Problem With “Click Here” and “Learn More” Links853
links, usability, writing
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)852
typo3, css, javascript, examples
Web Performance Metrics Cheatsheet (ire)851
performance, metrics, cheat-sheets
Building an Effective Image Component850
components, javascript, performance
The Process of Building a CSS Framework (cod)849
frameworks, processes
How to Get Started With Social Media Automation848
how-tos, social-media, automation, tooling
A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma)847
css, backgrounds, deep-dives
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)846
html, aria, accessibility
Why Outdated jQuery Is Still the Dominant JavaScript Library845
javascript, libraries, jquery
Why Accessibility Overlays on Your Website Can Make Things Worse844
accessibility, overlays
Switch Role Support (aar)843
html, accessibility, support
Finding Common Patterns Across Frameworks842
frameworks, javascript
Micro-Frontends: The Next Gen Way to Build Web Apps841
micro-frontends, web-apps
On Using Custom Properties (bra)840
css, custom-properties
Common Mistakes When Writing CSS With BEM839
css, naming, bem, mistakes
The Start of a New Era for Responsive Web Design838
responsive-design, css
Semantic “menu” Context (sco)837
html, semantics
11ty Slugs and Anchors (5t3)836
eleventy, urls, links
Identify Potential CSS Improvements (jec)835
dev-tools, css, auditing, browsers, chrome
Respecting Users’ Motion Preferences (mic/sma)834
accessibility, css
Making the Web Developer’s Pilgrimage (j9t)833
html
Prevent Scroll Chaining With Overscroll Behavior (sha)832
css, scrolling
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)831
html, css, javascript, design-systems
Designing for Color Contrast: Guidelines for Accessibility830
guidelines, accessibility, contrast, colors
This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (ste/deq)829
accessibility
We Analyzed 425,909 Favicons828
images, favicons
How to Cancel an HTTP Request in Node.js827
how-tos, nodejs, http
New HTTP Standards for Caching on the Modern Web (pim)826
http, protocols, caching, performance, standards
Optimizing Resource Loading With the Fetch Priority API (add+)825
performance, data-fetching, apis, optimization
Back to Basics: Understanding the “for…in” Loop in JavaScript824
javascript, fundamentals, loops
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS823
css, performance
“@supports selector()” (chr/css)822
css, selectors, support
Evaluating Clever CSS Solutions (mic)821
css
It’s Time for a Healthy Tech Approach (hel)820
career
Yes, Node.js Is Part of the Web Platform (jas/nea)819
videos, nodejs, web-platform
HTML With Superpowers (dav)818
videos, html, components
Disability: Let’s Say the Word817
accessibility, community
Fix Web Accessibility Systematically (yat)816
accessibility, wcag
What Each Markup Language Is Used For (sem)815
overviews, html, xml, xhtml, sgml, mathml, amp, seo
Understanding and Implementing OAuth2 in Node.js (hon)814
nodejs, security, authorization, oauth
What Svelte’s Accessibility Warnings Won’t Tell You813
svelte, accessibility
Chrome DevTools: Easily Change CSS Units and Values812
dev-tools, css, units, browsers, chrome
Landmarks (mat/mat)811
html, aria, accessibility
Processing CPU-Intensive Jobs in Node.js810
nodejs
100 Bytes of CSS to Look Great Everywhere (swy)809
css
Dealing With Timezones in Web Development808
javascript
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)807
guides, images, responsive-design, html
Expandable Sections Within a CSS Grid (css)806
css, grids, layout
Custom Properties With Defaults: 3+1 Strategies (lea)805
css, custom-properties
Stop Writing JavaScript Like This804
javascript
Different Degrees of Custom Property Usage (chr/css)803
css, custom-properties
Smart CSS Solutions for Common UI Challenges (sma)802
css, design
Conditional “border-radius” and Three Future CSS Features (ste)801
css, borders
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una)800
css, functions
Building a Multi-Select Component (arg)799
components, html, css, javascript
The Ultimate Guide to 3xx HTTP Status Codes798
guides, protocols, http
1999: The Fall of Netscape and the Rise of Mozilla (ric)797
history, browsers, netscape, mozilla
The Tortuous Journey of Enhancing Our Color Palette796
colors, color-palettes
Five Proven Approaches for a Better Developer Experience in Your Organisation (tho)795
developer-experience
How to Win at CORS (jaf)794
how-tos, security, cors, html, http
Who Pays for Web Frameworks? (zac)793
frameworks, economics, trends
What Constitutes a Digital Accessibility Audit (gwi)792
accessibility, testing, auditing
The Autofill Dark Pattern (alv/sma)791
html, forms, anti-patterns
Best UI Frameworks for React.js790
react, frameworks
Easy Read Is Hard to Get Right789
accessibility, readability
How Design Debt Can Hurt Your Product788
design, design-debt
Google Chrome Hidden Features Every Developer Should Know787
browsers, google, chrome, experiments
A Tangled Web of ARIA (ste)786
accessibility, aria, html
Introduction to Styled Components785
introductions, css, javascript, components
Appreciation for Being a Web Developer (cit)784
career
Native CSS Nesting: What You Need to Know (log)783
css, selectors, nesting
Why We Crave Software With Style Over “Branding”782
design, branding
Buttons vs. Links (yat)781
html, semantics, buttons, links, comparisons
How to Add Search to a Ghost Site (fla)780
how-tos, ghost, search
Why Does Everything Look the Same?779
design
Accessibility: A Gentle Introduction778
accessibility, introductions
Have Single-Page Apps Ruined the Web? (ric)777
videos, single-page-apps, web
How We Improved Our Design System Delivery776
design-systems, processes, optimization, case-studies
Internationalization: How to Boost Traffic With a Multilingual Site775
how-tos, internationalization, traffic
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)774
guides, introductions, rollup, bundling, javascript
What Is Micro-Content?773
microcontent, concepts, content
A Guide to CSS Debugging (5t3/sma)772
guides, css, debugging
Engineer to Engineer: Art Is in the Code (wom)771
interviews, career, wordpress
The Options for Password-Revealing Inputs (chr/css)770
html, css, security, passwords, usability
Safe DOM Manipulation With the Sanitizer API769
dom, apis, sanitization
How to Implement and Style the “Dialog” Element (cod)768
how-tos, modals, html, css
My Challenge to the Web Performance Community (phi)767
performance
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr)766
browsers, chrome, browser-engines, chromium, rendering
Automating a Design System765
design-systems, automation, testing
Browsing With a Mobile Screen Reader (tet)764
accessibility, browsers, screen-readers, assistive-tech, mobile, browsing
Why Do Webdevs Keep Trying to Kill REST? (swy)763
apis, rest, protocols, databases
UX Accessibility: How to Start Designing for All762
how-tos, accessibility, user-experience
What Creating a Simple Font Taught Me About Font Design761
fonts, typography
What Is a Good User Experience? (uxm)760
user-experience, ethics, ai
Conditional Border Radius in CSS (sha)759
css, borders
Redundantly Redundant a11y Accessibility (sco)758
accessibility, html
How to Build an Expandable Accessible Gallery (cit/sma)757
how-tos, accessibility, html, css
Writing Clean JavaScript Tests With the BASIC Principles756
javascript, testing, principles
Animation Techniques for Adding and Removing Items From a Stack (css)755
css, animations, javascript
The CSS “prefers-color-scheme” User Query and Order of Preference (sar)754
css
jsPerf—Online JavaScript Performance Benchmark753
websites, javascript, performance
Simple Blinking Cursor Animation Using CSS (ami)752
css, animations, effects, cursors
Using JavaScript to Detect High Contrast and Dark Modes (sco)751
javascript, accessibility, colors, contrast, dark-mode
Introducing Svelte, and Comparing Svelte With React and Vue750
svelte, react, vuejs, comparisons, introductions
Sorting JavaScript Arrays by Nested Properties749
javascript, sorting, arrays
Understanding and Working With Submodules in Git748
git, modules
Links, Missing “href” Attributes, and Over-Engineered Code (tem)747
html, attributes, links, accessibility
Practical Frontend Philosophy746
web-platform, complexity
How I Built a Modern Website in 2021 (ken)745
html, css, javascript
Using Modern Image Formats: AVIF and WebP (add/sma)744
images, avif, webp, jpeg, png, comparisons, performance, compression
Web Streams Everywhere (and Fetch for Node.js) (oll/css)743
javascript, nodejs, streaming, data-fetching
9 Tag Management Solutions You Should Consider742
tag-management, comparisons, tooling, link-lists
Declaring Page Language—and Declaring Changes in Language (j9t)741
accessibility, html, browsers
Figma Cheat Sheet740
websites, figma, cheat-sheets
Faster React Apps With Memoization739
react, performance, memoization
Guidelines for Choosing a Node.js Framework738
guidelines, nodejs, frameworks
Comparing Page Language Declaration Setups in Screen Readers (j9t)737
accessibility, html, http, screen-readers, comparisons
When iOS Will Allow Other Browsers (kar)736
apple, ios, mobile, browsers, browser-engines
Accessibility Isn’t New—and Neither Is Ableism735
accessibility
Let’s Dive Into Cypress for End-to-End Testing (lei/sma)734
testing, cypress
Design Tokens Automation Pipeline: From Design Tools to Component Libraries733
automation, design-tokens, design-systems
How I Make CSS Art732
css, art
A JavaScript Developer’s Guide to Browser Cookies (psu)731
guides, javascript, cookies
Beware False Negatives (aar)730
accessibility
Not Releasing Late on Fridays, a Matter of Courtesy (j9t)729
releasing, processes
7 UI Design Fundamentals for Developers728
design, fundamentals
One Last Time: Custom Styling Radio Buttons and Checkboxes (sco)727
css, forms, accessibility
Just Redux: The Complete Guide726
guides, redux
A Content Model Is Not a Design System (ali)725
content, design-systems
“initial” Doesn’t Do What You Think It Does (kev)724
videos, css
Simplifying Form Styles With “accent-color” (mic/sma)723
css, forms
Specification for Spoken Presentation in HTML (w3c)722
html, pronunciation
When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It721
alerting, productivity
Introduction to GSAP720
introductions, animations, gsap, examples
How to Redirect URLs on WordPress (sem)719
how-tos, urls, redirecting, wordpress, apache
Container Units Should Be Pretty Handy (chr/css)718
css, container-queries, units
ct.css—Let’s Take a Look Inside Your “<head>” (css)717
css, performance, debugging
7 Useful HTML Attributes You May Not Know716
html, attributes
Cascade Layers? (chr/css)715
css, cascade
Using Monorepos Is Not That Bad714
monorepos, case-studies
Node.js Garbage Collection Explained713
nodejs, garbage-collection
Yarn vs. npm: Everything You Need to Know712
yarn, npm, comparisons
CSS Container Queries: Container-Relative Lengths (bra)711
css, container-queries
Intro to MJML: Responsive HTML Email Coding Made Easy710
introductions, mjml, html, email, responsive-design
7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (css)709
css, selectors, generated-content
Optimising a JavaScript Library With WebAssembly, a Failed Attempt708
javascript, libraries, webassembly
Contemporary Design Has Lost Its Soul707
design
Provide Pronunciation for Ambiguous Words706
accessibility, content, pronunciation
Simpler Block Spacing in WordPress With “:is()” and “:where()” (mic)705
wordpress, css, selectors
Understanding “min-content”, “max-content”, and “fit-content” in CSS (log)704
css
How I Learnt to Stop Worrying and Love Animating the Box Model703
css, box-model, animations
20 Killer JavaScript One-Liners702
javascript
Practical Frontend Architecture701
architecture
CSS Container Query Units (sha)700
css, container-queries, units
Why Inequalities Can Appear in Digital Accessibility and Inclusive Design (gar)699
accessibility, dei, design
The New Requirements for WCAG 2.2698
accessibility, wcag
Guide to 301 Redirects With an .htaccess File (sem)697
guides, redirecting, apache, servers, seo
More Information on How Google Generates Titles for Web Page Results (dan)696
google, search, seo
Minding the “gap” (pat/css)695
css
Web Vitals Patterns694
web-vitals
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)693
javascript, performance, bundling
What’s the Right Font Size in Web Design? (pim)692
typography, design
Design Direction as a Step Before Design System691
design, design-systems
Accessible Palette: Stop Using HSL for Color Systems690
accessibility, css, colors, color-palettes
Web Quality Assurance: From User Requirements to Web Risk Management (sma)689
quality, usability
How to Expand Your Engineering Skill Set Without Quitting Your Day Job688
how-tos, career, learning
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)687
software-design, css, principles
Optimizing Images on the Web686
images, performance, cloudflare
Reducing the Need for Pseudo-Elements (sma)685
css, selectors
The Future of CSS: Cascade Layers (CSS “@layer”) (bra)684
css, cascade
1995: MySQL Arrives, Completing the LAMP Stack (ric)683
history, databases, mysql, tech-stacks
Modernising CSS Infrastructure in DevTools682
dev-tools, css, modernization, browsers, chrome
Master Frontend Development by Cloning These Websites681
learning
Designing Beautiful Shadows in CSS (jos)680
css, shadows
Laravel Blade Internals—PHP as a Templating Language (lia)679
videos, php, laravel, template-engines
Prevent Content From Being Hidden Underneath the Virtual Keyboard by Means of the VirtualKeyboard API (bra)678
mobile, apis, viewport
Scripting With Google zx677
zx
Notes on Synthetic Speech (tin)676
accessibility, browsers, voice
29 Projects to Help You Practice HTML CSS JavaScript 2021675
html, css, javascript
Myths About Web Accessibility (alv)674
accessibility, myths
The Ultimate Guide to Web Console673
guides, console, javascript, debugging
Indieweb vs. Fediverse (flu)672
indieweb, fediverse, comparisons
Less Absolute Positioning With Modern CSS (sha)671
css, positioning
Vanilla JS Is a Web Performance Decision (cfe)670
javascript, performance
Corepack: The Node.js Manager of Package Managers669
corepack, nodejs, npm, docker
Okhsv and Okhsl (bjo)668
colors, design, usability
What Is Redundant Entry, and How Does It Affect Accessibility?667
accessibility, usability
Subsets and Supersets of WCAG (hdv)666
accessibility, wcag
Bundling Non-JavaScript Resources665
bundling
The Case for “Developer Experience”664
developer-experience, productivity
Blowing Up HTML Size With Responsive Images (deb)663
html, images, performance, responsive-design
Line Length Revisited: Following the Research662
design, readability, typography, research
Enterprise UX: Essential Resources to Design Complex Data Tables (ste)661
user-experience, responsive-design, complexity, tables
Developer Decisions for Building Flexible Components (mic/sma)660
components
Flexible API Design: Create Hooks for Your PHP API Pipeline659
php, apis, hooks
Fractional SVG Stars With CSS658
css, svg, images
Becoming a Design Tokens Ambassador657
design-tokens
An Early History of the Lynx Web Browser (ada)656
history, browsers, lynx
What’s New With DevTools: Cross-Browser Edition (pat/sma)655
dev-tools, browsers, chrome, edge, firefox, safari
5 Steps for Writing Alt Text for Accessibility654
accessibility, writing, alt-text, images
13 Advanced (but Useful) Git Techniques and Shortcuts (fir)653
videos, git
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)652
javascript
Firefox’s “bolder” Default Is a Problem for Variable Fonts (sim/css)651
css, fonts, variable-fonts, browsers, firefox
What’s New in PHP 8.1: Features, Changes, Improvements, and More (kin)650
php
Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1649
css, overflow, accessibility, wcag
Color and Universal Design (uxm)648
design, colors, color-blindness, contrast, accessibility
HTTP/3: Practical Deployment Options (pro/sma)647
http, protocols, deploying
A Practical Guide to Creating Reusable React Components646
guides, react, components, maintainability
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (nng)645
user-experience, performance, complexity
Avoiding FOUT With Async CSS (jay)644
fonts, flash-of-x, css, asynchrony
Stop! Put Down That Ternary, Lines Are Free643
maintainability
WebKit—Patches and Tests (mar)642
webkit, testing
Multiple Accounts and Git (bra)641
git