Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸). 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,123
css, images
A Unified Theory of Web Performance (sli/per)1,122
performance
Exposing Mid-Resource LCP Values (per)1,121
performance, web-vitals
Page Visibility: If a Tree Falls in the Forest… (pau/per)1,120
performance, web-vitals, user-experience
Add Less (cas/css)1,119
simplicity
pkg.land1,118
websites, packages, dependencies, npm
Updating a Branch With “git rebase”1,117
git, command-line
Using Diagnostic Metrics (per)1,116
performance, metrics
Dynamic Static Typing in TypeScript (dea/sma)1,115
typescript, generics
Empathetic Animation (css)1,114
animations, user-experience
WCAG and Accessibility: What Is a Statement of Partial Conformance?1,113
accessibility, wcag, conformance
Practical Tips for Load-Testing Web Applications (per)1,112
performance, testing, tips-and-tricks, web-apps
Add a Service Worker to Your Site (cfe/css)1,111
web-workers, javascript
Shedding Light on Fiverr’s Dark Mode Creation Process1,110
design, dark-mode
Building Gatsby Themes for WordPress-Powered Websites (sma)1,109
wordpress, gatsby, theming
Web Accessibility Cheat Sheet1,108
accessibility, cheat-sheets
CSS in 2022 (bra)1,107
css
1000+ Web Development Resources1,106
link-lists
The Business Case for Performance (per)1,105
performance, economics
Faster Websites by Using Less HTML (j9t)1,104
cross-posts, html, performance, optimization, minimalism
Container Queries (5t3)1,103
css, container-queries, html
Form Autocomplete (ben/5t3)1,102
html, forms
Personalize It! (una/css)1,101
css, user-experience, personalization
Remember You Are Not the User (css)1,100
accessibility, internationalization, user-experience, principles
Show, Don’t Tell (css)1,099
writing, design, semantics
The Many Methods for Using SVG Icons (hui)1,098
css, svg, images, icons
Redirect Liquidation (tim/per)1,097
performance, optimization, redirecting
The CSS “:has()” Pseudo-Class, aka Parent Selector1,096
css, selectors
Wrapping Text Inside an SVG Using CSS1,095
svg, css
Frontend Web Performance: The Essentials1,094
fundamentals, performance, rendering
CSS Animation (5t3)1,093
css, animations
CSS Snapshot 2021 (tab+/w3c)1,092
css, standards
Introduction to Cognitive Disability and Accessibility Testing (ons/tpg)1,091
introductions, accessibility, testing
Make Joyful Things (css)1,090
user-experience
WebGPU From WebGL1,089
webgpu, webgl
The CSS “:has()” Selector Is Way More Than a “Parent Selector” (bra)1,088
css, selectors
13 Tools and Techniques to Accelerate Frontend Development1,087
tooling, techniques, software-design-patterns, linting, bundling, testing, logging, frameworks, processes, ci-cd
Building a Greener Web (mic)1,086
sustainability
5 Common Misconceptions About WAI–ARIA and Accessibility1,085
accessibility, aria, html
Auto Dark Theme (chr/css)1,084
browsers, dark-mode, usability
Be Prepared for Failure and Handle It Gracefully (css)1,083
javascript, graceful-degradation
Design Sprints Revisited: Designing With Your Users and Developers (uxm)1,082
design, usability
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe)1,081
how-tos, css, javascript
How to Define Your Relationship to Sites You Link To (ste)1,080
how-tos, html, links, semantics, seo
HTML Cheat Sheet1,079
html, semantics, examples, cheat-sheets
Image Display Elements (5t3)1,078
html, images, responsive-design
PHP 8 in a Nutshell (ami)1,077
books, php
Smoothly Reverting CSS Animations1,076
css, animations
The Web Starts on Page Four (cod)1,075
web
Why UX Is the Best SEO Strategy (uxm)1,074
user-experience, seo, strategies
Preference Queries (5t3)1,073
css
Ultimate HTML Cheatsheet1,072
html, cheat-sheets
Web Performance, Core Web Vitals, and Vanity Metrics (per)1,071
performance, web-vitals, metrics
4 HTML Concepts You Didn’t Know (j9t)1,070
html, concepts, tables
This Is WCAG 2.11,069
websites, accessibility, wcag
This Is WCAG1,068
websites, accessibility, standards, wcag
CSS Houdini Paint API (5t3)1,067
css, houdini, apis, javascript
There’s Never Been a Better Time to Build Websites1,066
frameworks, css
Deep-Copying in JavaScript Using “structuredClone” (sur/dev)1,065
javascript
Don’t Start With Microservices in Production—Monoliths Are Your Friend1,064
microservices, monoliths, architecture
Inaccessibility of CAPTCHA (w3c)1,063
accessibility, captcha
Sustaining Maintaining (dav)1,062
foss
Web Platform Design Principles (w3c)1,061
web-platform, software-design, principles, standards, w3c
Web vs. Email Development: The 11 Biggest Coding Differences1,060
comparisons, email, browsers, support, responsive-design
Why Motion on Websites and Digital Content Is a Problem (mer/equ)1,059
accessibility
Consistent, Fluidly Scaling Type, and Spacing (bel/css)1,058
typography, css, scaling, liquid-design
Hands On With the New Responsiveness Metrics (per)1,057
performance, responsive-design, metrics
100 Tips on Software Developer Productivity1,056
productivity, tips-and-tricks
CSS Can Help Improve Your HTML!? Buttons and Links1,055
html, css, buttons, links, accessibility
CSS Custom Properties (5t3)1,054
css, custom-properties
Shifting the Mindset About Accessible Content (mni)1,053
accessibility, content
Thoughts on Skin Tone and Text Descriptions (tin)1,052
accessibility, dei, writing
The State of CSS 2021 [Results] (sac/dev)1,051
surveys, metrics, css
Explain Like I’m Five: Web Performance Optimization (sto/per)1,050
performance, optimization
Details/Summary (5t3)1,049
html, semantics, disclosure-widgets
Practical Ethics for the Modern Web Designer1,048
videos, ethics
Read Your Website (geo/css)1,047
user-experience
The Ideal Line Length and Line Height in Web Design (pim)1,046
design, typography, readability
Visual Regression Testing for Design Systems With Figma Branches1,045
design-systems, testing, regressions, figma
Lessons Learned From Publishing a Content Security Policy1,044
lessons, csp, security
Performance Implications of JavaScript Errors (per)1,043
javascript, performance, errors
Embrace the Platform (bra/css)1,042
html, css, javascript, web-platform
How Not to Create a Button (eev)1,041
html, buttons, accessibility
Intersection Observer (5t3)1,040
javascript, apis
WCAG 2 Is What We Have (kil)1,039
accessibility, wcag
WCAG 2.2: What We Know Till Now1,038
accessibility, wcag
Monorepos—How the Pros Scale Huge Software Projects (fir)1,037
videos, monorepos, yarn, npm, pnpm, lerna, nx, comparisons
5 Key Benefits of Using a Tag Manager1,036
tag-management
Defer Non-Critical Resources (per)1,035
performance, html
WCAG 3 Is Not Ready Yet (yat)1,034
accessibility, wcag
How to Customize Firefox UI—Step-by-Step Tutorial1,033
how-tos, tutorials, xul, browsers, mozilla, firefox, customization
Standardizing Focus Styles With CSS Custom Properties (5t3/css)1,032
css, custom-properties, accessibility, focus
Breaking Out of the Box (pat/ali)1,031
browsers, css
Responsive Iframes With the CSS “aspect-ratio” Property (cfe)1,030
iframes, css, responsive-design, aspect-ratio
The Last Design You’ll Ever Make1,029
design
WCAG 3 and APCA1,028
accessibility, wcag, apca, colors, contrast
Caching: Understanding the Scope (per)1,027
performance, caching
1993: Mosaic Launches and the Web Is Set Free (ric)1,026
history, browsers, mosaic
5 Reasons You Should Adopt a Micro Frontend Architecture1,025
micro-frontends, architecture
Node.js Memory Limits—What You Should Know (app)1,024
nodejs, memory
Redirects for SEO: A Simple (but Complete) Guide (ahr)1,023
guides, redirecting, seo, http
Writing Better CSS (ale)1,022
css, quality, efficiency
Content Separation (per)1,021
servers
A Beginner’s Guide to Vue Router1,020
guides, vuejs
Defensive CSS (sha)1,019
css
Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (w3c)1,018
accessibility, wcag, standards
Google Fonts Knowledge (ell)1,017
google, fonts, typography
Test Your Product on a Crappy Laptop (eri/css)1,016
testing, performance, usability
Where Do You Put Spacing on Design System Components? (eri)1,015
design-systems, components, design, spacing
Optimizing State Management in React Applications (per)1,014
react, state-management
Designing Better Links for Websites and Emails: A Guideline (sma)1,013
design, links, email
Reduce Your Website’s Environmental Impact With a Carbon Budget (mic/css)1,012
sustainability
Why You Should Check in Your Node Dependencies1,011
nodejs, dependencies
HTTP Compression (per)1,010
http, protocols, compression, performance
CSS Fingerprinting1,009
websites, css, privacy, fingerprinting
How Many People With Disabilities Use Our Site? (hdv)1,008
accessibility
The Love of Curvilinear Design (uxd)1,007
design
Have Core Web Vitals Made the Web Faster? (tun/per)1,006
web-vitals, performance
Plugging Memory Leaks in Your App (sto/per)1,005
performance, memory
Ain’t No Party Like a Third Party (ada/css)1,004
dependencies, embed-code, security
JSON Modules in JavaScript1,003
javascript, json, modules
Why Every Developer Should Start Blogging1,002
blogging, communication, learning, career
Revisiting the Anatomy of a Design System (uxd)1,001
design-systems
Request for a General Theory of Web Performance (per)1,000
performance
Best Practices for Node.js Development999
nodejs, javascript, best-practices
Markup (htt)998
web-almanac, studies, research, metrics, html
Accessibility (htt)997
web-almanac, studies, research, metrics, accessibility
CSS (mey/htt)996
web-almanac, studies, research, metrics, css
HTTP (htt)995
web-almanac, studies, research, metrics, http, protocols
JavaScript (htt)994
web-almanac, studies, research, metrics, javascript
New Living Standards (dom)993
standards, apis
Open Props (arg)992
websites, css, custom-properties, props
Page Weight (htt)991
web-almanac, studies, research, metrics, performance
Security (htt)990
web-almanac, studies, research, metrics, security
The Fundamentals of CSS Layout (dev)989
videos, fundamentals, css, layout
Understanding Accessibility988
accessibility, testing, tooling
Why Color Contrast Is Not as Black and White as It Seems987
accessibility, colors, contrast
CSS Layout From the Inside Out (rac)986
videos, css, layout
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)985
podcasts, interviews, web-platform, standards, performance, tooling, developer-experience
The Surprising Behavior of “Important CSS Custom Properties” (ste)984
css, custom-properties, cascade
“aria-label” Is Not Always the Answer (eev)983
html, aria, accessibility
The State of UX in 2022: Rebuild (fab/uxd)982
user-experience, design, outlooks
Introduction to TCP Connection Establishment for Software Developers981
introductions, protocols, tcp
Making Accessibility More Accessible980
accessibility
How to Maintain a Large Next.js Application (sma)979
how-tos, nextjs, maintenance
Introduction to Svelte Actions (log)978
introductions, svelte
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea)977
web-components, html, markdown
Select Elements With “pointer-events: none” by Holding Shift (pat/dev)976
browsers, dev-tools, pointer-events
The Pagination Predicament (kev)975
pagination, seo
Understanding WCAG 2.1 Level AAA (tet)974
accessibility, wcag
What Is Magento? A Brief Introduction973
introductions, ecommerce, tooling, magento
What Is WHOIS and How Does It Work?972
whois, domains
How to Trim Strings in JavaScript971
how-tos, strings, javascript
Make Your Website Stand Out With a Custom Scrollbar970
css
Programmers Should Stop Celebrating Incompetence969
career
7 Ways to Improve Node.js Performance at Scale (app)968
nodejs, performance, optimization
Creating Generative Patterns With the CSS Paint API (css)967
css, decoration
Get Started With Validation in Node.js966
introductions, nodejs, validation
Three Phases of Life for Design Systems965
design-systems
What Kind of Developer Do I Want to Be?964
career
A Modern CSS Reset (jos)963
css, resets
Control Layout in a Multi-Directional Website (css)962
internationalization, html, css
Functional Programming in PHP: Higher-Order Functions961
php, programming, functions
Modern CSS in a Nutshell (spa/clo)960
css
The 6 Ways of Writing HTML (and Their Combinations) (j9t)959
html
Adding a Dyslexia-Friendly Mode to a Website (sma)958
accessibility, dyslexia, css
Blog Page Accessibility Deep Dive957
accessibility, react, deep-dives
How JavaScript Engines Achieve Great Performance956
javascript, javascript-engines, performance
Improving the Performance of Wix Websites (Case Study) (sma)955
performance, monitoring, culture, case-studies
Responsive Layouts, Fewer Media Queries (css/css)954
css, responsive-design
Designing Sustainable Websites (ger)953
sustainability, performance, software-design
Accessibility Myths952
websites, accessibility, myths
Dear HTML Element951
html
How to Make Blob Menu Using HTML, CSS, and JavaScript950
how-tos, html, css, javascript
Introduction to Web Sockets949
introductions, apis, protocols, websockets
Parallax Powered by CSS Custom Properties (jhe/css)948
css, effects, parallax, custom-properties
Tales of the Autistic Developer—Order and Chaos947
career
20 Years of bram.us (bra)946
history
Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed (uxd)945
accessibility, communication
Dynamic Color Manipulation With CSS Relative Colors (jim)944
css, colors
Let’s Not Send Developers to the Accessibility Tree Tool (cod)943
browsers, accessibility, tooling
PHP Date and Time Recipes (css)942
php, time
Various Ways to Include Comments on Your Static Site941
functionality
1992: The Web vs. Gopher, and the First External Browsers (ric)940
history, web
A Guide to Modern CSS Colors With RGB, HSL, HWL, LAB, and LCH (mic/sma)939
guides, css, colors
How to Create Reusable Components With the Vue 3 Composition API938
how-tos, vuejs, components, maintainability
Performance (sia/htt)937
web-almanac, studies, research, metrics, performance, user-experience
Tor and the Humans Who Use It (tor)936
community, privacy, tor-browser, browsers
Three Principles to Better Present Your UI Designs (uxd)935
design, principles
WCAG 3.0: What You Need to Know About the Future of Accessibility Standards (uxd)934
accessibility, wcag, standards
4 Ways to Document Your Design System With Storybook (sto)933
design-systems, storybook, documentation
A Clever Sticky Footer Technique (chr/css)932
css, layout, navigation
A Primer on Product Management for Engineers931
introductions, product-management
Design System Best Practices With ESLint Series (and)930
design-systems, design-tokens, best-practices, tooling, eslint
Generate a Pull Request of Static Content With a Simple HTML Form (css)929
html, github
Reframing Tech Debt928
technical-debt
Using “position: sticky” With CSS Grid (sha)927
css, grids, positioning, layout
We Need to Talk About Accessibility—Again, and Again, and Then Some More926
accessibility
5 Popular Frontend Development Tools in 2021925
tooling
Access to Tech, Tech to Live (btc)924
videos, accessibility
Get Your “Head” Straight (css/btc)923
videos, html, performance
GitHub’s Commitment to npm Ecosystem Security (git)922
github, npm, security
How to Fetch Data in Svelte921
how-tos, svelte, data-fetching
Semantics and How to Get Them Right (hdv/btc)920
videos, html, semantics, accessibility
Some Notes on Using esbuild919
bundling, esbuild
Why IndexedDB Is Slow and What to Use Instead918
databases, indexeddb, javascript, performance
Your CSS Is an Interface (eri)917
css, performance
How Do Arrays Work? (nan)916
programming, arrays
Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties915
dev-tools, css, javascript, browsers, google, chrome
Design Systems, Structured Content, and Headless Publishing (amy)914
design-systems, content, semantics, headless
Exploring Retro Web Design913
design
How to Debounce and Throttle Callbacks in Vue912
how-tos, vuejs, javascript, callbacks, debouncing, throttling
Other Looks at the Conditional Border Radius Trick (chr/css)911
css, borders, tips-and-tricks
Useful React Hooks That You Can Use in Your Projects (sma)910
react, hooks
Using Web Workers to Boost Third-Party Script Performance (log)909
web-workers, javascript, performance
Why Your Website Should Not Use Dithered Images908
images, dithering, compression, performance
Easy Dark Mode (and Multiple Color Themes) in React (css)907
react, dark-mode, theming
View-Source906
auditing, view-source, browsers
It’s Not About Your Favorite Color—Moving From Brand Strategy to Visual Identity (uxd)905
design, branding, strategies
A Beginner’s Guide to Routing in Next.js, With Examples904
guides, nextjs, routing
Everything You Ever Wanted to Know About the Accessibility Tree903
videos, accessibility
Browsing With Screen Magnification (ihe/tet)902
accessibility, browsing, assistive-tech, screen-magnification
Detecting Specific Text Input With HTML and CSS (chr/css)901
html, css
How Designers Can Prevent User Errors900
design, usability, errors
Localizing Your Next.js App (ati/sma)899
nextjs, localization, javascript
Be Usable, Not Consistent, Not Uniform (uxd)898
design, usability
Debugging HTML: Accessibility (mat/mat)897
html, accessibility, debugging
Designing a Reorderable List Component896
lists, components, html, css
Why You Should Prioritise Quality Over Speed in Design Systems (amy)895
design-systems, prioritization
Becoming an Expert894
learning, career, processes, craft
In Defence of Dialog893
html, modals
PHP 8.1 in 8 Code Blocks892
php
Deep Dive Into Node.js Architecture891
nodejs, architecture, deep-dives
Chrome DevTools: Record and Playback Your User Journeys890
dev-tools, user-experience, performance, browsers, google, chrome
Everything You Have to Know About Core Web Vitals (fox/cal)889
web-vitals, performance
How to Implement Memoization in React to Improve Performance888
how-tos, react, performance, memoization, optimization
RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr/dev)887
videos, browsers, google, chrome, browser-engines, chromium, rendering
Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro? (mat+/sma)886
podcasts, interviews, astro, frameworks
The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job885
how-tos, career
A Deep Dive Into Serverless UI With TypeScript (sma)884
typescript, serverless, deep-dives
Browser Wars (jay/css)883
history, browsers, browser-wars
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha)882
components, html, css
Designing Error Messages and a Logging Strategy in Node.js (app)881
software-design, javascript, nodejs, logging, strategies
Learn Forms (dev)880
courses, forms, html
Learn PWA (dev)879
courses, web-apps, progressive-web-apps
Understanding the Differences Between WCAG 2.1 and WCAG 2.2878
accessibility, wcag, comparisons
What Is Wireless Application Protocol (WAP)?877
wap, mobile
Design Is Not Art, and UX Is Not Design (uxd)876
design, user-experience
Why Safari Is a Great Browser (fla)875
safari, apple, browsers
Eleventy 1.0—New Option for Global Data (ray)874
eleventy
Lit Web Components: Tailwind CSS Styles at Build Time (mic)873
web-components, lit, tailwind
Name, Labels, ARIA, What to Do? (sco)872
accessibility, forms, labels, writing, naming
Rebase vs. Merge: Integrating Changes in Git (css)871
git, comparisons
The State of the Web (ada)870
videos, web
What Are Accessible Fonts?869
accessibility, fonts
What Does a Good Design System Feel Like? (fon)868
design-systems, user-experience
Using AI and Data Science to Reliably Detect Internet Censorship in Real-Time867
ai, traffic, censorship
A Comprehensive Guide to Error Handling in Node.js (hon)866
guides, nodejs, javascript, errors
An Introduction to PostCSS (cra)865
introductions, postcss, postprocessors, tooling
Developer Tools Secrets That Shouldn’t Be Secrets (cod)864
browsers, tooling, developer-experience
So, You Want to Build an “@ mention” Autocomplete Feature? (css)863
functionality
The Guideline Gap862
design-systems, quality, accessibility, localization
Accessible Toggles (mic)861
accessibility, toggles, html, javascript
CSS-ing Candy Ghost Buttons (ana/css)860
css
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil859
html, css, javascript
The Golden Ratio and User-Interface Design (nng)858
design, layout, aesthetics, principles
You Probably Don’t Need Media Queries Anymore857
css, media-queries
Chrome DevTools: Visualise Your JavaScript Bundles856
dev-tools, javascript, bundling, browsers, google, chrome, lighthouse, visualization
The Little Book of Little Books (j9t)855
books, frameworks, conventions, quality
Add a Contact Form to a React App With Netlify Forms854
react, netlify, forms, functionality
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element853
accessibility, skip-links, html
Using CSS Variables for Reduced Motion on a Global Scale (cit)852
css, custom-properties, media-queries, reduced-motion
Make Your Design System Accessible—Color (luk/uxd)851
design-systems, accessibility, colors
A Step by Step TypeScript Tutorial for Beginners850
typescript, tutorials
Best Practices on Embedding Third-Party Web Widgets849
embed-code, performance, best-practices
Material Design 3848
websites, design-systems, material-design, google
UX Design Isn’t Killing Creativity, Money Is (uxd)847
user-experience, creativity, economics
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)846
typo3, css, javascript, examples
Design Systems at Replit: Better Tokens845
case-studies, design-systems, design-tokens
In-Page Filtered Search With Vanilla JavaScript (css)844
javascript, functionality, search
New WebKit Features in Safari 15 (jen/web)843
release-notes, safari, apple, browsers, webkit
Photoshop’s Journey to the Web (dev)842
adobe, photoshop, webassembly
Reimagine Atomic CSS841
atomic-css
So, You Want an Accessibility Score? (kar)840
accessibility, auditing
Media Queries Level 4: Media Query Range Contexts (bra)839
css, media-queries
The Problem With “Click Here” and “Learn More” Links (uxd)838
links, usability, writing
Optimizing Next.js Applications With Nx (sma)837
nextjs, optimization, building, nx
A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma)836
css, backgrounds, deep-dives
Building an Effective Image Component (dev)835
components, javascript, performance
How to Get Started With Social Media Automation834
how-tos, social-media, automation, tooling
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)833
html, aria, accessibility
The Process of Building a CSS Framework (cod)832
frameworks, processes
Web Performance Metrics Cheatsheet (ire)831
performance, metrics, cheat-sheets
Why Accessibility Overlays on Your Website Can Make Things Worse830
accessibility, overlays
Why Outdated jQuery Is Still the Dominant JavaScript Library (ric/the)829
javascript, libraries, jquery
Finding Common Patterns Across Frameworks828
frameworks, javascript
Micro-Frontends: The Next Gen Way to Build Web Apps827
micro-frontends, web-apps
Switch Role Support (aar)826
html, accessibility, support
Common Mistakes When Writing CSS With BEM825
css, naming, bem, mistakes
On Using Custom Properties (bra)824
css, custom-properties
The Start of a New Era for Responsive Web Design (uxd)823
responsive-design, css
11ty Slugs and Anchors (5t3)822
eleventy, urls, links
This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (deq)821
accessibility
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)820
html, css, javascript, design-systems
Designing for Color Contrast: Guidelines for Accessibility819
guidelines, accessibility, contrast, colors
Identify Potential CSS Improvements (jec/dev)818
dev-tools, css, auditing, browsers, google, chrome
Making the Web Developer’s Pilgrimage (j9t)817
html
Prevent Scroll Chaining With Overscroll Behavior (sha)816
css, scrolling
Respecting Users’ Motion Preferences (mic/sma)815
accessibility, css
Semantic “menu” Context (sco)814
html, semantics
How to Cancel an HTTP Request in Node.js813
how-tos, nodejs, http
New HTTP Standards for Caching on the Modern Web812
http, protocols, caching, performance, standards
Optimizing Resource Loading With the Fetch Priority API (add+/dev)811
performance, data-fetching, apis, optimization
We Analyzed 425,909 Favicons810
images, favicons
Back to Basics: Understanding the “for…in” Loop in JavaScript809
javascript, fundamentals, loops
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS808
css, performance
It’s Time for a Healthy Tech Approach (hel)807
career
“@ supports selector()” (chr/css)806
css, selectors, support
Yes, Node.js Is Part of the Web Platform (jas/nea)805
videos, nodejs, web-platform
Evaluating Clever CSS Solutions (mic)804
css
Chrome DevTools: Easily Change CSS Units and Values803
dev-tools, css, units, browsers, google, chrome
Disability: Let’s Say the Word802
accessibility, community
Fix Web Accessibility Systematically (yat)801
accessibility, wcag
HTML With Superpowers (dav)800
videos, html, components
Understanding and Implementing OAuth2 in Node.js (hon)799
nodejs, security, authorization, oauth
What Each Markup Language Is Used For (sem)798
overviews, html, xml, xhtml, sgml, mathml, amp, seo
What Svelte’s Accessibility Warnings Won’t Tell You797
svelte, accessibility
Landmarks (mat/mat)796
html, aria, accessibility
100 Bytes of CSS to Look Great Everywhere (swy)795
css
Dealing With Timezones in Web Development794
javascript
Processing CPU-Intensive Jobs in Node.js793
nodejs
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)792
guides, images, responsive-design, html
Custom Properties With Defaults: 3+1 Strategies (lea)791
css, custom-properties
Expandable Sections Within a CSS Grid (css)790
css, grids, layout
Conditional “border-radius” and Three Future CSS Features (ste)789
css, borders
Different Degrees of Custom Property Usage (chr/css)788
css, custom-properties
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una/dev)787
css, functions
Smart CSS Solutions for Common UI Challenges (sma)786
css, design
Stop Writing JavaScript Like This785
javascript
1999: The Fall of Netscape and the Rise of Mozilla (ric)784
history, browsers, netscape, mozilla
Building a Multi-Select Component (arg/dev)783
components, html, css, javascript
Five Proven Approaches for a Better Developer Experience in Your Organisation782
developer-experience
The Ultimate Guide to 3xx HTTP Status Codes781
guides, protocols, http
The Tortuous Journey of Enhancing Our Color Palette780
colors, color-palettes
How to Win at CORS (jaf)779
how-tos, security, cors, html, http
What Constitutes a Digital Accessibility Audit (gwi)778
accessibility, testing, auditing
Best UI Frameworks for React.js777
react, frameworks
Easy Read Is Hard to Get Right776
accessibility, readability
Google Chrome Hidden Features Every Developer Should Know775
browsers, google, chrome, experiments
The Autofill Dark Pattern (alv/sma)774
html, forms, anti-patterns
How Design Debt Can Hurt Your Product (uxd)773
design, design-debt
A Tangled Web of ARIA772
accessibility, aria, html
Appreciation for Being a Web Developer (cit)771
career
Introduction to Styled Components770
introductions, css, javascript, components
Native CSS Nesting: What You Need to Know (log)769
css, selectors, nesting
Why We Crave Software With Style Over “Branding”768
design, branding
Accessibility: A Gentle Introduction767
accessibility, introductions
Buttons vs. Links (yat)766
html, semantics, buttons, links, comparisons
Have Single-Page Apps Ruined the Web? (ric)765
videos, single-page-apps, web
Internationalization: How to Boost Traffic With a Multilingual Site764
how-tos, internationalization, traffic
Why Does Everything Look the Same? (uxd)763
design
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)762
guides, introductions, rollup, bundling, javascript
How We Improved Our Design System Delivery761
design-systems, processes, optimization, case-studies
How to Add Search to a Ghost Site (fla)760
how-tos, ghost, search
A Guide to CSS Debugging (5t3/sma)759
guides, css, debugging
How to Implement and Style the “Dialog” Element (cod)758
how-tos, modals, html, css
My Challenge to the Web Performance Community (phi)757
performance
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr/dev)756
browsers, google, chrome, browser-engines, chromium, rendering
Safe DOM Manipulation With the Sanitizer API (dev)755
dom, apis, sanitization
The Options for Password-Revealing Inputs (chr/css)754
html, css, security, passwords, usability
What Is Micro-Content?753
microcontent, concepts, content
Engineer to Engineer: Art Is in the Code (wom)752
interviews, career, wordpress
Browsing With a Mobile Screen Reader (tet)751
accessibility, browsers, screen-readers, assistive-tech, mobile, browsing
Why Do Webdevs Keep Trying to Kill REST? (swy)750
apis, rest, protocols, databases
What Creating a Simple Font Taught Me About Font Design (uxd)749
fonts, typography
Automating a Design System748
design-systems, automation, testing
UX Accessibility: How to Start Designing for All (uxd)747
how-tos, accessibility, user-experience
Animation Techniques for Adding and Removing Items From a Stack (css)746
css, animations, javascript
Conditional Border Radius in CSS (sha)745
css, borders
How to Build an Expandable Accessible Gallery (cit/sma)744
how-tos, accessibility, html, css
Redundantly Redundant a11y Accessibility (sco)743
accessibility, html
What Is a Good User Experience? (uxm)742
user-experience, ethics, ai
Writing Clean JavaScript Tests With the BASIC Principles741
javascript, testing, principles
The CSS “prefers-color-scheme” User Query and Order of Preference (sar)740
css
jsPerf—Online JavaScript Performance Benchmark739
websites, javascript, performance
Introducing Svelte, and Comparing Svelte With React and Vue738
svelte, react, vuejs, comparisons, introductions
Simple Blinking Cursor Animation Using CSS (ami)737
css, animations, effects, cursors
Using JavaScript to Detect High Contrast and Dark Modes (sco)736
javascript, accessibility, colors, contrast, dark-mode
Links, Missing “href” Attributes, and Over-Engineered Code (tem)735
html, attributes, links, accessibility
Sorting JavaScript Arrays by Nested Properties734
javascript, sorting, arrays
Understanding and Working With Submodules in Git733
git, modules
9 Tag Management Solutions You Should Consider732
tag-management, comparisons, tooling, link-lists
Declaring Page Language—and Declaring Changes in Language (j9t)731
accessibility, html, browsers
How I Built a Modern Website in 2021 (ken)730
html, css, javascript
Practical Frontend Philosophy729
web-platform, complexity
Using Modern Image Formats: AVIF and WebP (add/sma)728
images, avif, webp, jpeg, png, comparisons, performance, compression
Web Streams Everywhere (and Fetch for Node.js) (oll/css)727
javascript, nodejs, streaming, data-fetching
Comparing Page Language Declaration Setups in Screen Readers (j9t)726
accessibility, html, http, screen-readers, comparisons
Faster React Apps With Memoization725
react, performance, memoization
Figma Cheat Sheet724
websites, figma, cheat-sheets
Guidelines for Choosing a Node.js Framework723
guidelines, nodejs, frameworks
Accessibility Isn’t New—and Neither Is Ableism722
accessibility
Let’s Dive Into Cypress for End-to-End Testing (sma)721
testing, cypress
When iOS Will Allow Other Browsers (kar)720
apple, mobile, browsers, browser-engines
Design Tokens Automation Pipeline: From Design Tools to Component Libraries719
automation, design-tokens, design-systems
A JavaScript Developer’s Guide to Browser Cookies (psu)718
guides, javascript, cookies
How I Make CSS Art717
css, art
Beware False Negatives (aar)716
accessibility
7 UI Design Fundamentals for Developers715
design, fundamentals
One Last Time: Custom Styling Radio Buttons and Checkboxes (sco)714
css, forms, accessibility
Not Releasing Late on Fridays, a Matter of Courtesy (j9t)713
releasing, processes
A Content Model Is Not a Design System (ali)712
content, design-systems
“initial” Doesn’t Do What You Think It Does (kev)711
videos, css
Just Redux: The Complete Guide710
guides, redux
Simplifying Form Styles With “accent-color” (mic/sma)709
css, forms
Specification for Spoken Presentation in HTML (w3c)708
html, pronunciation
When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It707
alerting, productivity
7 Useful HTML Attributes You May Not Know706
html, attributes
Container Units Should Be Pretty Handy (chr/css)705
css, container-queries, units
ct.css—Let’s Take a Look Inside Your “<head>” (css)704
css, performance, debugging
How to Redirect URLs on WordPress (sem)703
how-tos, urls, redirecting, wordpress, apache
Introduction to GSAP702
introductions, animations, gsap, examples
7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (css)701
css, selectors, generated-content
Cascade Layers? (chr/css)700
css, cascade
Intro to MJML: Responsive HTML Email Coding Made Easy699
introductions, mjml, html, email, responsive-design
Node.js Garbage Collection Explained698
nodejs, garbage-collection
Optimising a JavaScript Library With WebAssembly, a Failed Attempt697
javascript, libraries, webassembly
Using Monorepos Is Not That Bad696
monorepos, case-studies
Yarn vs. npm: Everything You Need to Know695
yarn, npm, comparisons
CSS Container Queries: Container-Relative Lengths (bra)694
css, container-queries
How I Learnt to Stop Worrying and Love Animating the Box Model693
css, box-model, animations
Provide Pronunciation for Ambiguous Words692
accessibility, content, pronunciation
Understanding “min-content”, “max-content”, and “fit-content” in CSS (log)691
css
Contemporary Design Has Lost Its Soul (uxd)690
design
Simpler Block Spacing in WordPress With “:is()” and “:where()” (mic)689
wordpress, css, selectors
20 Killer JavaScript One-Liners688
javascript
Practical Frontend Architecture687
architecture
CSS Container Query Units (sha)686
css, container-queries, units
Why Inequalities Can Appear in Digital Accessibility and Inclusive Design685
accessibility, dei, design
Guide to 301 Redirects With an .htaccess File (sem)684
guides, redirecting, apache, servers, seo
The New Requirements for WCAG 2.2683
accessibility, wcag
More Information on How Google Generates Titles for Web Page Results (dan)682
google, search, seo
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
Minding the “gap” (pat/css)679
css
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)678
software-design, css, principles
Web Quality Assurance: From User Requirements to Web Risk Management (sma)677
quality, usability
Web Vitals Patterns (dev)676
web-vitals
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)675
javascript, performance, bundling
What’s the Right Font Size in Web Design? (pim)674
typography, design
Design Direction as a Step Before Design System673
design, design-systems
1995: MySQL Arrives, Completing the LAMP Stack (ric)672
history, databases, mysql, tech-stacks
Optimizing Images on the Web (clo)671
images, performance, cloudflare
Reducing the Need for Pseudo-Elements (sma)670
css, selectors
The Future of CSS: Cascade Layers (CSS “@ layer”) (bra)669
css, cascade
Master Frontend Development by Cloning These Websites668
learning
Modernising CSS Infrastructure in DevTools667
dev-tools, css, modernization, browsers, google, chrome
Designing Beautiful Shadows in CSS (jos)666
css, shadows
Prevent Content From Being Hidden Underneath the Virtual Keyboard by Means of the VirtualKeyboard API (bra)665
mobile, apis, viewport
Laravel Blade Internals—PHP as a Templating Language (lia)664
videos, php, laravel, template-engines
29 Projects to Help You Practice HTML CSS JavaScript 2021663
html, css, javascript
Notes on Synthetic Speech (tin)662
accessibility, browsers, voice
Scripting With Google zx661
zx
Myths About Web Accessibility (alv)660
accessibility, myths
The Ultimate Guide to Web Console659
guides, console, javascript, debugging
Indieweb vs. Fediverse (flu)658
indieweb, fediverse, comparisons
Less Absolute Positioning With Modern CSS (sha)657
css, positioning
Vanilla JS Is a Web Performance Decision (cfe)656
javascript, performance
Blowing Up HTML Size With Responsive Images (deb)655
html, images, performance, responsive-design
Bundling Non-JavaScript Resources (dev)654
bundling
Developer Decisions for Building Flexible Components (mic/sma)653
components
Enterprise UX: Essential Resources to Design Complex Data Tables (ste)652
user-experience, responsive-design, complexity, tables
Flexible API Design: Create Hooks for Your PHP API Pipeline651
php, apis, hooks
Line Length Revisited: Following the Research650
design, readability, typography, research
Okhsv and Okhsl649
colors, design, usability
Subsets and Supersets of WCAG (hdv)648
accessibility, wcag
The Case for “Developer Experience”647
developer-experience, productivity
What Is Redundant Entry, and How Does It Affect Accessibility?646
accessibility, usability
5 Steps for Writing Alt Text for Accessibility645
accessibility, writing, alt-text, images
An Early History of the Lynx Web Browser (ada)644
history, browsers, lynx
Becoming a Design Tokens Ambassador643
design-tokens
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)642
javascript
Firefox’s “bolder” Default Is a Problem for Variable Fonts (sim/css)641
css, fonts, variable-fonts, browsers, mozilla, firefox
Fractional SVG Stars With CSS640
css, svg, images
Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1639
css, overflow, accessibility, wcag
What’s New in PHP 8.1: Features, Changes, Improvements, and More (kin)638
php
What’s New With DevTools: Cross-Browser Edition (pat/sma)637
dev-tools, browsers, google, chrome, microsoft, edge, mozilla, firefox, apple, safari
13 Advanced (but Useful) Git Techniques and Shortcuts (fir)636
videos, git
A Practical Guide to Creating Reusable React Components635
guides, react, components, maintainability
Color and Universal Design (uxm)634
design, colors, color-blindness, contrast, accessibility
HTTP/3: Practical Deployment Options (pro/sma)633
http, protocols, deploying
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (nng)632
user-experience, performance, complexity
Avoiding FOUT With Async CSS631
fonts, flash-of-x, css, asynchronicity
Stop! Put Down That Ternary, Lines Are Free630
maintainability
Make Accessibility Part of Your Startup’s Products and Culture From Day One (tec)629
accessibility, culture
Reducing Carbon Emissions on the Web (sma)628
sustainability
The Pros and Cons of Professional Language (and)627
career
WebKit—Patches and Tests (mar)626
webkit, testing
Multiple Accounts and Git (bra)625
git
Element Diversity (mat)624
html