Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“2021” News Archive

Definition, related topics, and tag feed

“2021” RSS feed (per email)

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