Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 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,117
css, images
A Unified Theory of Web Performance (sli/per)1,116
performance
Exposing Mid-Resource LCP Values (per)1,115
performance, web-vitals
Page Visibility: If a Tree Falls in the Forest… (pau/per)1,114
performance, web-vitals, user-experience
Add Less (cas/css)1,113
simplicity
pkg.land1,112
websites, packages, dependencies, npm
Updating a Branch With “git rebase”1,111
git, command-line
Using Diagnostic Metrics (per)1,110
performance, metrics
Dynamic Static Typing in TypeScript (dea/sma)1,109
typescript, generics
Empathetic Animation (css)1,108
animations, user-experience
WCAG and Accessibility: What Is a Statement of Partial Conformance?1,107
accessibility, wcag, conformance
Practical Tips for Load-Testing Web Applications (per)1,106
performance, testing, tips-and-tricks, web-apps
Add a Service Worker to Your Site (cfe/css)1,105
web-workers, javascript
Shedding Light on Fiverr’s Dark Mode Creation Process1,104
design, dark-mode
Building Gatsby Themes for WordPress-Powered Websites (sma)1,103
wordpress, gatsby, theming
Web Accessibility Cheat Sheet1,102
accessibility, cheat-sheets
CSS in 2022 (bra)1,101
css
1000+ Web Development Resources1,100
link-lists
The Business Case for Performance (per)1,099
performance, economics
Faster Websites by Using Less HTML (j9t)1,098
cross-posts, html, performance, optimization, minimalism
Container Queries (5t3)1,097
css, container-queries, html
Form Autocomplete (ben/5t3)1,096
html, forms
Personalize It! (una/css)1,095
css, user-experience, personalization
Remember You Are Not the User (css)1,094
accessibility, internationalization, user-experience, principles
Show, Don’t Tell (css)1,093
writing, design, semantics
The Many Methods for Using SVG Icons (hui)1,092
css, svg, images, icons
Redirect Liquidation (tim/per)1,091
performance, optimization, redirecting
The CSS “:has()” Pseudo-Class, aka Parent Selector1,090
css, selectors
Wrapping Text Inside an SVG Using CSS1,089
svg, css
Frontend Web Performance: The Essentials1,088
fundamentals, performance, rendering
CSS Animation (5t3)1,087
css, animations
CSS Snapshot 2021 (tab+/w3c)1,086
css, standards
Introduction to Cognitive Disability and Accessibility Testing (ons/tpg)1,085
introductions, accessibility, testing
Make Joyful Things (css)1,084
user-experience
WebGPU From WebGL1,083
webgpu, webgl
The CSS “:has()” Selector Is Way More Than a “Parent Selector” (bra)1,082
css, selectors
13 Tools and Techniques to Accelerate Frontend Development1,081
tooling, techniques, software-design-patterns, linting, bundling, testing, logging, frameworks, processes, ci-cd
Building a Greener Web (mic)1,080
sustainability
5 Common Misconceptions About WAI–ARIA and Accessibility1,079
accessibility, aria, html
Auto Dark Theme (chr/css)1,078
browsers, dark-mode, usability
Be Prepared for Failure and Handle It Gracefully (css)1,077
javascript, graceful-degradation
Design Sprints Revisited: Designing With Your Users and Developers (uxm)1,076
design, usability
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe)1,075
how-tos, css, javascript
How to Define Your Relationship to Sites You Link To (ste)1,074
how-tos, html, links, semantics, seo
HTML Cheat Sheet1,073
html, semantics, examples, cheat-sheets
Image Display Elements (5t3)1,072
html, images, responsive-design
PHP 8 in a Nutshell (ami)1,071
books, php
Smoothly Reverting CSS Animations1,070
css, animations
The Web Starts on Page Four (cod)1,069
web
Why UX Is the Best SEO Strategy (uxm)1,068
user-experience, seo, strategies
Preference Queries (5t3)1,067
css
Ultimate HTML Cheatsheet1,066
html, cheat-sheets
4 HTML Concepts You Didn’t Know (j9t)1,065
html, concepts, tables
Web Performance, Core Web Vitals, and Vanity Metrics (per)1,064
performance, web-vitals, metrics
This Is WCAG 2.11,063
websites, accessibility, wcag
This Is WCAG1,062
websites, accessibility, standards, wcag
CSS Houdini Paint API (5t3)1,061
css, houdini, apis, javascript
There’s Never Been a Better Time to Build Websites1,060
frameworks, css
Deep-Copying in JavaScript Using “structuredClone” (sur/dev)1,059
javascript
Don’t Start With Microservices in Production—Monoliths Are Your Friend1,058
microservices, monoliths, architecture
Inaccessibility of CAPTCHA (w3c)1,057
accessibility, captcha
Sustaining Maintaining (dav)1,056
foss
Web Platform Design Principles (w3c)1,055
web-platform, software-design, principles, standards, w3c
Web vs. Email Development: The 11 Biggest Coding Differences1,054
comparisons, email, browsers, support, responsive-design
Why Motion on Websites and Digital Content Is a Problem (mer/equ)1,053
accessibility
Consistent, Fluidly Scaling Type, and Spacing (bel/css)1,052
typography, css, scaling, liquid-design
Hands On With the New Responsiveness Metrics (per)1,051
performance, responsive-design, metrics
100 Tips on Software Developer Productivity1,050
productivity, tips-and-tricks
CSS Can Help Improve Your HTML!? Buttons and Links1,049
html, css, buttons, links, accessibility
CSS Custom Properties (5t3)1,048
css, custom-properties
Shifting the Mindset About Accessible Content (mni)1,047
accessibility, content
Thoughts on Skin Tone and Text Descriptions (tin)1,046
accessibility, dei, writing
The State of CSS 2021 [Results] (sac/dev)1,045
surveys, metrics, css
Explain Like I’m Five: Web Performance Optimization (sto/per)1,044
performance, optimization
Details/Summary (5t3)1,043
html, semantics, disclosure-widgets
Practical Ethics for the Modern Web Designer1,042
videos, ethics
Read Your Website (geo/css)1,041
user-experience
The Ideal Line Length and Line Height in Web Design (pim)1,040
design, typography, readability
Visual Regression Testing for Design Systems With Figma Branches1,039
design-systems, testing, regressions, figma
Lessons Learned From Publishing a Content Security Policy1,038
lessons, csp, security
Performance Implications of JavaScript Errors (per)1,037
javascript, performance, errors
Embrace the Platform (bra/css)1,036
html, css, javascript, web-platform
How Not to Create a Button (eev)1,035
html, buttons, accessibility
Intersection Observer (5t3)1,034
javascript, apis
WCAG 2 Is What We Have (kil)1,033
accessibility, wcag
WCAG 2.2: What We Know Till Now1,032
accessibility, wcag
5 Key Benefits of Using a Tag Manager1,031
tag-management
Defer Non-Critical Resources (per)1,030
performance, html
WCAG 3 Is Not Ready Yet (yat)1,029
accessibility, wcag
How to Customize Firefox UI—Step-by-Step Tutorial1,028
how-tos, tutorials, xul, browsers, mozilla, firefox, customization
Standardizing Focus Styles With CSS Custom Properties (5t3/css)1,027
css, custom-properties, accessibility, focus
Breaking Out of the Box (pat/ali)1,026
browsers, css
Responsive Iframes With the CSS “aspect-ratio” Property (cfe)1,025
iframes, css, responsive-design, aspect-ratio
The Last Design You’ll Ever Make1,024
design
WCAG 3 and APCA1,023
accessibility, wcag, apca, colors, contrast
Caching: Understanding the Scope (per)1,022
performance, caching
1993: Mosaic Launches and the Web Is Set Free (ric)1,021
history, browsers, mosaic
5 Reasons You Should Adopt a Micro Frontend Architecture1,020
micro-frontends, architecture
Node.js Memory Limits—What You Should Know (app)1,019
nodejs, memory
Redirects for SEO: A Simple (but Complete) Guide (ahr)1,018
guides, redirecting, seo, http
Writing Better CSS (ale)1,017
css, quality, efficiency
Content Separation (per)1,016
servers
A Beginner’s Guide to Vue Router1,015
guides, vuejs
Defensive CSS (sha)1,014
css
Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (w3c)1,013
accessibility, wcag, standards
Google Fonts Knowledge (ell)1,012
google, fonts, typography
Test Your Product on a Crappy Laptop (eri/css)1,011
testing, performance, usability
Where Do You Put Spacing on Design System Components? (eri)1,010
design-systems, components, design, spacing
Optimizing State Management in React Applications (per)1,009
react, state-management
Designing Better Links for Websites and Emails: A Guideline (sma)1,008
design, links, email
Reduce Your Website’s Environmental Impact With a Carbon Budget (mic/css)1,007
sustainability
Why You Should Check in Your Node Dependencies1,006
nodejs, dependencies
HTTP Compression (per)1,005
http, protocols, compression, performance
CSS Fingerprinting1,004
websites, css, privacy, fingerprinting
How Many People With Disabilities Use Our Site? (hdv)1,003
accessibility
The Love of Curvilinear Design (uxd)1,002
design
Have Core Web Vitals Made the Web Faster? (tun/per)1,001
web-vitals, performance
Plugging Memory Leaks in Your App (sto/per)1,000
performance, memory
Ain’t No Party Like a Third Party (ada/css)999
dependencies, embed-code, security
JSON Modules in JavaScript998
javascript, json, modules
Why Every Developer Should Start Blogging997
blogging, communication, learning, career
Revisiting the Anatomy of a Design System (uxd)996
design-systems
Request for a General Theory of Web Performance (per)995
performance
Best Practices for Node.js Development994
nodejs, javascript, best-practices
Markup (htt)993
web-almanac, studies, research, metrics, html
Accessibility (htt)992
web-almanac, studies, research, metrics, accessibility
CSS (mey/htt)991
web-almanac, studies, research, metrics, css
HTTP (htt)990
web-almanac, studies, research, metrics, http, protocols
JavaScript (htt)989
web-almanac, studies, research, metrics, javascript
New Living Standards (dom)988
standards, apis
Open Props (arg)987
websites, css, custom-properties, props
Page Weight (htt)986
web-almanac, studies, research, metrics, performance
Security (htt)985
web-almanac, studies, research, metrics, security
The Fundamentals of CSS Layout (dev)984
videos, fundamentals, css, layout
Understanding Accessibility983
accessibility, testing, tooling
Why Color Contrast Is Not as Black and White as It Seems982
accessibility, colors, contrast
CSS Layout From the Inside Out (rac)981
videos, css, layout
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)980
podcasts, interviews, web-platform, standards, performance, tooling, developer-experience
The Surprising Behavior of “Important CSS Custom Properties” (ste)979
css, custom-properties, cascade
“aria-label” Is Not Always the Answer (eev)978
html, aria, accessibility
The State of UX in 2022: Rebuild (fab/uxd)977
user-experience, design, outlooks
Introduction to TCP Connection Establishment for Software Developers976
introductions, protocols, tcp
Making Accessibility More Accessible975
accessibility
How to Maintain a Large Next.js Application (sma)974
how-tos, nextjs, maintenance
Introduction to Svelte Actions (log)973
introductions, svelte
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea)972
web-components, html, markdown
Select Elements With “pointer-events: none” by Holding Shift (pat/dev)971
browsers, dev-tools, pointer-events
The Pagination Predicament (kev)970
pagination, seo
Understanding WCAG 2.1 Level AAA (tet)969
accessibility, wcag
What Is Magento? A Brief Introduction968
introductions, ecommerce, tooling, magento
What Is WHOIS and How Does It Work?967
whois, domains
How to Trim Strings in JavaScript966
how-tos, strings, javascript
Make Your Website Stand Out With a Custom Scrollbar965
css
Programmers Should Stop Celebrating Incompetence964
career
7 Ways to Improve Node.js Performance at Scale (app)963
nodejs, performance, optimization
Creating Generative Patterns With the CSS Paint API (css)962
css, decoration
Get Started With Validation in Node.js961
introductions, nodejs, validation
Three Phases of Life for Design Systems960
design-systems
What Kind of Developer Do I Want to Be?959
career
A Modern CSS Reset (jos)958
css, resets
Control Layout in a Multi-Directional Website (css)957
internationalization, html, css
Functional Programming in PHP: Higher-Order Functions956
php, programming, functions
Modern CSS in a Nutshell (spa/clo)955
css
The 6 Ways of Writing HTML (and Their Combinations) (j9t)954
html
Adding a Dyslexia-Friendly Mode to a Website (sma)953
accessibility, dyslexia, css
Blog Page Accessibility Deep Dive952
accessibility, react, deep-dives
How JavaScript Engines Achieve Great Performance951
javascript, javascript-engines, performance
Improving the Performance of Wix Websites (Case Study) (sma)950
performance, monitoring, culture, case-studies
Responsive Layouts, Fewer Media Queries (css/css)949
css, responsive-design
Designing Sustainable Websites (ger)948
sustainability, performance, software-design
Accessibility Myths947
websites, accessibility, myths
Dear HTML Element946
html
How to Make Blob Menu Using HTML, CSS, and JavaScript945
how-tos, html, css, javascript
Introduction to Web Sockets944
introductions, apis, protocols, websockets
Parallax Powered by CSS Custom Properties (jhe/css)943
css, effects, parallax, custom-properties
Tales of the Autistic Developer—Order and Chaos942
career
20 Years of bram.us (bra)941
history
Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed (uxd)940
accessibility, communication
Dynamic Color Manipulation With CSS Relative Colors (jim)939
css, colors
Let’s Not Send Developers to the Accessibility Tree Tool (cod)938
browsers, accessibility, tooling
PHP Date and Time Recipes (css)937
php, time
Various Ways to Include Comments on Your Static Site936
functionality
1992: The Web vs. Gopher, and the First External Browsers (ric)935
history, web
A Guide to Modern CSS Colors With RGB, HSL, HWL, LAB, and LCH (mic/sma)934
guides, css, colors
How to Create Reusable Components With the Vue 3 Composition API933
how-tos, vuejs, components, maintainability
Performance (sia/htt)932
web-almanac, studies, research, metrics, performance, user-experience
Tor and the Humans Who Use It (tor)931
community, privacy, tor-browser, browsers
Three Principles to Better Present Your UI Designs (uxd)930
design, principles
WCAG 3.0: What You Need to Know About the Future of Accessibility Standards (uxd)929
accessibility, wcag, standards
4 Ways to Document Your Design System With Storybook (sto)928
design-systems, storybook, documentation
A Clever Sticky Footer Technique (chr/css)927
css, layout, navigation
A Primer on Product Management for Engineers926
introductions, product-management
Design System Best Practices With ESLint Series (and)925
design-systems, design-tokens, best-practices, tooling, eslint
Generate a Pull Request of Static Content With a Simple HTML Form (css)924
html, github
Reframing Tech Debt923
technical-debt
Using “position: sticky” With CSS Grid (sha)922
css, grids, positioning, layout
We Need to Talk About Accessibility—Again, and Again, and Then Some More921
accessibility
5 Popular Frontend Development Tools in 2021920
tooling
Access to Tech, Tech to Live (btc)919
videos, accessibility
Get Your “Head” Straight (css/btc)918
videos, html, performance
GitHub’s Commitment to npm Ecosystem Security (git)917
github, npm, security
How to Fetch Data in Svelte916
how-tos, svelte, data-fetching
Semantics and How to Get Them Right (hdv/btc)915
videos, html, semantics, accessibility
Some Notes on Using esbuild914
bundling, esbuild
Why IndexedDB Is Slow and What to Use Instead913
databases, indexeddb, javascript, performance
Your CSS Is an Interface (eri)912
css, performance
How Do Arrays Work? (nan)911
programming, arrays
Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties910
dev-tools, css, javascript, browsers, google, chrome
Design Systems, Structured Content, and Headless Publishing (amy)909
design-systems, content, semantics, headless
Exploring Retro Web Design908
design
How to Debounce and Throttle Callbacks in Vue907
how-tos, vuejs, javascript, callbacks, debouncing, throttling
Other Looks at the Conditional Border Radius Trick (chr/css)906
css, borders, tips-and-tricks
Useful React Hooks That You Can Use in Your Projects (sma)905
react, hooks
Using Web Workers to Boost Third-Party Script Performance (log)904
web-workers, javascript, performance
Why Your Website Should Not Use Dithered Images903
images, dithering, compression, performance
Easy Dark Mode (and Multiple Color Themes) in React (css)902
react, dark-mode, theming
View-Source901
auditing, view-source, browsers
It’s Not About Your Favorite Color—Moving From Brand Strategy to Visual Identity (uxd)900
design, branding, strategies
A Beginner’s Guide to Routing in Next.js, With Examples899
guides, nextjs, routing
Everything You Ever Wanted to Know About the Accessibility Tree898
videos, accessibility
Browsing With Screen Magnification (ihe/tet)897
accessibility, browsing, assistive-tech, screen-magnification
Detecting Specific Text Input With HTML and CSS (chr/css)896
html, css
How Designers Can Prevent User Errors895
design, usability, errors
Localizing Your Next.js App (ati/sma)894
nextjs, localization, javascript
Be Usable, Not Consistent, Not Uniform (uxd)893
design, usability
Debugging HTML: Accessibility (mat/mat)892
html, accessibility, debugging
Designing a Reorderable List Component891
lists, components, html, css
Why You Should Prioritise Quality Over Speed in Design Systems (amy)890
design-systems, prioritization
Becoming an Expert889
learning, career, processes, craft
In Defence of Dialog888
html, modals
PHP 8.1 in 8 Code Blocks887
php
Deep Dive Into Node.js Architecture886
nodejs, architecture, deep-dives
Chrome DevTools: Record and Playback Your User Journeys885
dev-tools, user-experience, performance, browsers, google, chrome
Everything You Have to Know About Core Web Vitals (fox/cal)884
web-vitals, performance
How to Implement Memoization in React to Improve Performance883
how-tos, react, performance, memoization, optimization
RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr/dev)882
videos, browsers, google, chrome, browser-engines, chromium, rendering
Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro? (mat+/sma)881
podcasts, interviews, astro, frameworks
The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job880
how-tos, career
A Deep Dive Into Serverless UI With TypeScript (sma)879
typescript, serverless, deep-dives
Browser Wars (jay/css)878
history, browsers, browser-wars
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha)877
components, html, css
Designing Error Messages and a Logging Strategy in Node.js (app)876
software-design, javascript, nodejs, logging, strategies
Learn Forms (dev)875
courses, forms, html
Learn PWA (dev)874
courses, web-apps, progressive-web-apps
Understanding the Differences Between WCAG 2.1 and WCAG 2.2873
accessibility, wcag, comparisons
What Is Wireless Application Protocol (WAP)?872
wap, mobile
Design Is Not Art, and UX Is Not Design (uxd)871
design, user-experience
Eleventy 1.0—New Option for Global Data (ray)870
eleventy
Lit Web Components: Tailwind CSS Styles at Build Time (mic)869
web-components, lit, tailwind
Name, Labels, ARIA, What to Do? (sco)868
accessibility, forms, labels, writing, naming
Rebase vs. Merge: Integrating Changes in Git (css)867
git, comparisons
The State of the Web (ada)866
videos, web
What Are Accessible Fonts?865
accessibility, fonts
What Does a Good Design System Feel Like? (fon)864
design-systems, user-experience
Using AI and Data Science to Reliably Detect Internet Censorship in Real-Time863
ai, traffic, censorship
A Comprehensive Guide to Error Handling in Node.js (hon)862
guides, nodejs, javascript, errors
An Introduction to PostCSS (cra)861
introductions, postcss, postprocessors, tooling
Developer Tools Secrets That Shouldn’t Be Secrets (cod)860
browsers, tooling, developer-experience
So, You Want to Build an “@ mention” Autocomplete Feature? (css)859
functionality
The Guideline Gap858
design-systems, quality, accessibility, localization
Accessible Toggles (mic)857
accessibility, toggles, html, javascript
CSS-ing Candy Ghost Buttons (ana/css)856
css
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil855
html, css, javascript
The Golden Ratio and User-Interface Design (nng)854
design, layout, aesthetics, principles
You Probably Don’t Need Media Queries Anymore853
css, media-queries
Chrome DevTools: Visualise Your JavaScript Bundles852
dev-tools, javascript, bundling, browsers, google, chrome, lighthouse, visualization
The Little Book of Little Books (j9t)851
books, frameworks, conventions, quality
Add a Contact Form to a React App With Netlify Forms850
react, netlify, forms, functionality
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element849
accessibility, skip-links, html
Using CSS Variables for Reduced Motion on a Global Scale (cit)848
css, custom-properties, media-queries, reduced-motion
Make Your Design System Accessible—Color (luk/uxd)847
design-systems, accessibility, colors
A Step by Step TypeScript Tutorial for Beginners846
typescript, tutorials
Best Practices on Embedding Third-Party Web Widgets845
embed-code, performance, best-practices
Material Design 3844
websites, design-systems, material-design, google
UX Design Isn’t Killing Creativity, Money Is (uxd)843
user-experience, creativity, economics
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)842
typo3, css, javascript, examples
Design Systems at Replit: Better Tokens841
case-studies, design-systems, design-tokens
In-Page Filtered Search With Vanilla JavaScript (css)840
javascript, functionality, search
New WebKit Features in Safari 15 (jen/web)839
release-notes, safari, apple, browsers, webkit
Optimizing Next.js Applications With Nx (sma)838
nextjs, optimization, building, tooling
Photoshop’s Journey to the Web (dev)837
adobe, photoshop, webassembly
Reimagine Atomic CSS836
atomic-css
So, You Want an Accessibility Score? (kar)835
accessibility, auditing
Media Queries Level 4: Media Query Range Contexts (bra)834
css, media-queries
The Problem With “Click Here” and “Learn More” Links (uxd)833
links, usability, writing
A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma)832
css, backgrounds, deep-dives
Building an Effective Image Component (dev)831
components, javascript, performance
How to Get Started With Social Media Automation830
how-tos, social-media, automation, tooling
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)829
html, aria, accessibility
The Process of Building a CSS Framework (cod)828
frameworks, processes
Web Performance Metrics Cheatsheet (ire)827
performance, metrics, cheat-sheets
Why Accessibility Overlays on Your Website Can Make Things Worse826
accessibility, overlays
Why Outdated jQuery Is Still the Dominant JavaScript Library (ric/the)825
javascript, libraries, jquery
Finding Common Patterns Across Frameworks824
frameworks, javascript
Micro-Frontends: The Next Gen Way to Build Web Apps823
micro-frontends, web-apps
Switch Role Support (aar)822
html, accessibility, support
Common Mistakes When Writing CSS With BEM821
css, naming, bem, mistakes
On Using Custom Properties (bra)820
css, custom-properties
The Start of a New Era for Responsive Web Design (uxd)819
responsive-design, css
11ty Slugs and Anchors (5t3)818
eleventy, urls, links
This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (deq)817
accessibility
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)816
html, css, javascript, design-systems
Designing for Color Contrast: Guidelines for Accessibility815
guidelines, accessibility, contrast, colors
Identify Potential CSS Improvements (jec/dev)814
dev-tools, css, auditing, browsers, google, chrome
Making the Web Developer’s Pilgrimage (j9t)813
html
Prevent Scroll Chaining With Overscroll Behavior (sha)812
css, scrolling
Respecting Users’ Motion Preferences (mic/sma)811
accessibility, css
Semantic “menu” Context (sco)810
html, semantics
How to Cancel an HTTP Request in Node.js809
how-tos, nodejs, http
New HTTP Standards for Caching on the Modern Web808
http, protocols, caching, performance, standards
Optimizing Resource Loading With the Fetch Priority API (add+/dev)807
performance, data-fetching, apis, optimization
We Analyzed 425,909 Favicons806
images, favicons
Back to Basics: Understanding the “for…in” Loop in JavaScript805
javascript, fundamentals, loops
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS804
css, performance
It’s Time for a Healthy Tech Approach (hel)803
career
“@ supports selector()” (chr/css)802
css, selectors, support
Yes, Node.js Is Part of the Web Platform (jas/nea)801
videos, nodejs, web-platform
Evaluating Clever CSS Solutions (mic)800
css
Chrome DevTools: Easily Change CSS Units and Values799
dev-tools, css, units, browsers, google, chrome
Disability: Let’s Say the Word798
accessibility, community
Fix Web Accessibility Systematically (yat)797
accessibility, wcag
HTML With Superpowers (dav)796
videos, html, components
Understanding and Implementing OAuth2 in Node.js (hon)795
nodejs, security, authorization, oauth
What Each Markup Language Is Used For (sem)794
overviews, html, xml, xhtml, sgml, mathml, amp, seo
What Svelte’s Accessibility Warnings Won’t Tell You793
svelte, accessibility
Landmarks (mat/mat)792
html, aria, accessibility
100 Bytes of CSS to Look Great Everywhere (swy)791
css
Dealing With Timezones in Web Development790
javascript
Processing CPU-Intensive Jobs in Node.js789
nodejs
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)788
guides, images, responsive-design, html
Custom Properties With Defaults: 3+1 Strategies (lea)787
css, custom-properties
Expandable Sections Within a CSS Grid (css)786
css, grids, layout
Conditional “border-radius” and Three Future CSS Features (ste)785
css, borders
Different Degrees of Custom Property Usage (chr/css)784
css, custom-properties
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una/dev)783
css, functions
Smart CSS Solutions for Common UI Challenges (sma)782
css, design
Stop Writing JavaScript Like This781
javascript
1999: The Fall of Netscape and the Rise of Mozilla (ric)780
history, browsers, netscape, mozilla
Building a Multi-Select Component (arg/dev)779
components, html, css, javascript
Five Proven Approaches for a Better Developer Experience in Your Organisation778
developer-experience
The Ultimate Guide to 3xx HTTP Status Codes777
guides, protocols, http
The Tortuous Journey of Enhancing Our Color Palette776
colors, color-palettes
How to Win at CORS (jaf)775
how-tos, security, cors, html, http
What Constitutes a Digital Accessibility Audit (gwi)774
accessibility, testing, auditing
Best UI Frameworks for React.js773
react, frameworks
Easy Read Is Hard to Get Right772
accessibility, readability
Google Chrome Hidden Features Every Developer Should Know771
browsers, google, chrome, experiments
The Autofill Dark Pattern (alv/sma)770
html, forms, anti-patterns
How Design Debt Can Hurt Your Product (uxd)769
design, design-debt
A Tangled Web of ARIA768
accessibility, aria, html
Appreciation for Being a Web Developer (cit)767
career
Introduction to Styled Components766
introductions, css, javascript, components
Native CSS Nesting: What You Need to Know (log)765
css, selectors, nesting
Why We Crave Software With Style Over “Branding”764
design, branding
Accessibility: A Gentle Introduction763
accessibility, introductions
Buttons vs. Links (yat)762
html, semantics, buttons, links, comparisons
Have Single-Page Apps Ruined the Web? (ric)761
videos, single-page-apps, web
Internationalization: How to Boost Traffic With a Multilingual Site760
how-tos, internationalization, traffic
Why Does Everything Look the Same? (uxd)759
design
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)758
guides, introductions, rollup, bundling, javascript
How We Improved Our Design System Delivery757
design-systems, processes, optimization, case-studies
A Guide to CSS Debugging (5t3/sma)756
guides, css, debugging
How to Implement and Style the “Dialog” Element (cod)755
how-tos, modals, html, css
My Challenge to the Web Performance Community (phi)754
performance
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr/dev)753
browsers, google, chrome, browser-engines, chromium, rendering
Safe DOM Manipulation With the Sanitizer API (dev)752
dom, apis, sanitization
The Options for Password-Revealing Inputs (chr/css)751
html, css, security, passwords, usability
What Is Micro-Content?750
microcontent, concepts, content
Engineer to Engineer: Art Is in the Code (wom)749
interviews, career, wordpress
Browsing With a Mobile Screen Reader (tet)748
accessibility, browsers, screen-readers, assistive-tech, mobile, browsing
Why Do Webdevs Keep Trying to Kill REST? (swy)747
apis, rest, protocols, databases
What Creating a Simple Font Taught Me About Font Design (uxd)746
fonts, typography
Automating a Design System745
design-systems, automation, testing
UX Accessibility: How to Start Designing for All (uxd)744
how-tos, accessibility, user-experience
Animation Techniques for Adding and Removing Items From a Stack (css)743
css, animations, javascript
Conditional Border Radius in CSS (sha)742
css, borders
How to Build an Expandable Accessible Gallery (cit/sma)741
how-tos, accessibility, html, css
Redundantly Redundant a11y Accessibility (sco)740
accessibility, html
What Is a Good User Experience? (uxm)739
user-experience, ethics, ai
Writing Clean JavaScript Tests With the BASIC Principles738
javascript, testing, principles
The CSS “prefers-color-scheme” User Query and Order of Preference (sar)737
css
jsPerf—Online JavaScript Performance Benchmark736
websites, javascript, performance
Introducing Svelte, and Comparing Svelte With React and Vue735
svelte, react, vuejs, comparisons, introductions
Simple Blinking Cursor Animation Using CSS (ami)734
css, animations, effects, cursors
Using JavaScript to Detect High Contrast and Dark Modes (sco)733
javascript, accessibility, colors, contrast, dark-mode
Links, Missing “href” Attributes, and Over-Engineered Code (tem)732
html, attributes, links, accessibility
Sorting JavaScript Arrays by Nested Properties731
javascript, sorting, arrays
Understanding and Working With Submodules in Git730
git, modules
9 Tag Management Solutions You Should Consider729
tag-management, comparisons, tooling, link-lists
Declaring Page Language—and Declaring Changes in Language (j9t)728
accessibility, html, browsers
How I Built a Modern Website in 2021 (ken)727
html, css, javascript
Practical Frontend Philosophy726
web-platform, complexity
Using Modern Image Formats: AVIF and WebP (add/sma)725
images, avif, webp, jpeg, png, comparisons, performance, compression
Web Streams Everywhere (and Fetch for Node.js) (oll/css)724
javascript, nodejs, streaming, data-fetching
Comparing Page Language Declaration Setups in Screen Readers (j9t)723
accessibility, html, http, screen-readers, comparisons
Faster React Apps With Memoization722
react, performance, memoization
Figma Cheat Sheet721
websites, figma, cheat-sheets
Guidelines for Choosing a Node.js Framework720
guidelines, nodejs, frameworks
Accessibility Isn’t New—and Neither Is Ableism719
accessibility
Let’s Dive Into Cypress for End-to-End Testing (sma)718
testing, cypress
When iOS Will Allow Other Browsers (kar)717
apple, mobile, browsers, browser-engines
Design Tokens Automation Pipeline: From Design Tools to Component Libraries716
automation, design-tokens, design-systems
A JavaScript Developer’s Guide to Browser Cookies (psu)715
guides, javascript, cookies
How I Make CSS Art714
css, art
Beware False Negatives (aar)713
accessibility
7 UI Design Fundamentals for Developers712
design, fundamentals
One Last Time: Custom Styling Radio Buttons and Checkboxes (sco)711
css, forms, accessibility
Not Releasing Late on Fridays, a Matter of Courtesy (j9t)710
releasing, processes
A Content Model Is Not a Design System (ali)709
content, design-systems
“initial” Doesn’t Do What You Think It Does (kev)708
videos, css
Just Redux: The Complete Guide707
guides, redux
Simplifying Form Styles With “accent-color” (mic/sma)706
css, forms
Specification for Spoken Presentation in HTML (w3c)705
html, pronunciation
When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It704
alerting, productivity
7 Useful HTML Attributes You May Not Know703
html, attributes
Container Units Should Be Pretty Handy (chr/css)702
css, container-queries, units
ct.css—Let’s Take a Look Inside Your “<head>” (css)701
css, performance, debugging
How to Redirect URLs on WordPress (sem)700
how-tos, urls, redirecting, wordpress, apache
Introduction to GSAP699
introductions, animations, gsap, examples
7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (css)698
css, selectors, generated-content
Cascade Layers? (chr/css)697
css, cascade
Intro to MJML: Responsive HTML Email Coding Made Easy696
introductions, mjml, html, email, responsive-design
Node.js Garbage Collection Explained695
nodejs, garbage-collection
Optimising a JavaScript Library With WebAssembly, a Failed Attempt694
javascript, libraries, webassembly
Using Monorepos Is Not That Bad693
monorepos, case-studies
Yarn vs. npm: Everything You Need to Know692
yarn, npm, comparisons
CSS Container Queries: Container-Relative Lengths (bra)691
css, container-queries
How I Learnt to Stop Worrying and Love Animating the Box Model690
css, box-model, animations
Provide Pronunciation for Ambiguous Words689
accessibility, content, pronunciation
Understanding “min-content”, “max-content”, and “fit-content” in CSS (log)688
css
Contemporary Design Has Lost Its Soul (uxd)687
design
Simpler Block Spacing in WordPress With “:is()” and “:where()” (mic)686
wordpress, css, selectors
20 Killer JavaScript One-Liners685
javascript
Practical Frontend Architecture684
architecture
CSS Container Query Units (sha)683
css, container-queries, units
Why Inequalities Can Appear in Digital Accessibility and Inclusive Design682
accessibility, dei, design
Guide to 301 Redirects With an .htaccess File (sem)681
guides, redirecting, apache, servers, seo
The New Requirements for WCAG 2.2680
accessibility, wcag
More Information on How Google Generates Titles for Web Page Results (dan)679
google, search, seo
Accessible Palette: Stop Using HSL for Color Systems678
accessibility, css, colors, color-palettes
How to Expand Your Engineering Skill Set Without Quitting Your Day Job677
how-tos, career, learning
Minding the “gap” (pat/css)676
css
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)675
software-design, css, principles
Web Quality Assurance: From User Requirements to Web Risk Management (sma)674
quality, usability
Web Vitals Patterns (dev)673
web-vitals
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)672
javascript, performance, bundling
What’s the Right Font Size in Web Design? (pim)671
typography, design
Design Direction as a Step Before Design System670
design, design-systems
1995: MySQL Arrives, Completing the LAMP Stack (ric)669
history, databases, mysql, tech-stacks
Optimizing Images on the Web (clo)668
images, performance, cloudflare
Reducing the Need for Pseudo-Elements (sma)667
css, selectors
The Future of CSS: Cascade Layers (CSS “@ layer”) (bra)666
css, cascade
Master Frontend Development by Cloning These Websites665
learning
Modernising CSS Infrastructure in DevTools664
dev-tools, css, modernization, browsers, google, chrome
Designing Beautiful Shadows in CSS (jos)663
css, shadows
Prevent Content From Being Hidden Underneath the Virtual Keyboard by Means of the VirtualKeyboard API (bra)662
mobile, apis, viewport
Laravel Blade Internals—PHP as a Templating Language (lia)661
videos, php, laravel, template-engines
29 Projects to Help You Practice HTML CSS JavaScript 2021660
html, css, javascript
Notes on Synthetic Speech (tin)659
accessibility, browsers, voice
Scripting With Google zx658
zx
Myths About Web Accessibility (alv)657
accessibility, myths
The Ultimate Guide to Web Console656
guides, console, javascript, debugging
Indieweb vs. Fediverse (flu)655
indieweb, fediverse, comparisons
Less Absolute Positioning With Modern CSS (sha)654
css, positioning
Vanilla JS Is a Web Performance Decision (cfe)653
javascript, performance
Blowing Up HTML Size With Responsive Images (deb)652
html, images, performance, responsive-design
Bundling Non-JavaScript Resources (dev)651
bundling
Developer Decisions for Building Flexible Components (mic/sma)650
components
Enterprise UX: Essential Resources to Design Complex Data Tables (ste)649
user-experience, responsive-design, complexity, tables
Flexible API Design: Create Hooks for Your PHP API Pipeline648
php, apis, hooks
Line Length Revisited: Following the Research647
design, readability, typography, research
Okhsv and Okhsl646
colors, design, usability
Subsets and Supersets of WCAG (hdv)645
accessibility, wcag
The Case for “Developer Experience”644
developer-experience, productivity
What Is Redundant Entry, and How Does It Affect Accessibility?643
accessibility, usability
5 Steps for Writing Alt Text for Accessibility642
accessibility, writing, alt-text, images
An Early History of the Lynx Web Browser (ada)641
history, browsers, lynx
Becoming a Design Tokens Ambassador640
design-tokens
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)639
javascript
Firefox’s “bolder” Default Is a Problem for Variable Fonts (sim/css)638
css, fonts, variable-fonts, browsers, mozilla, firefox
Fractional SVG Stars With CSS637
css, svg, images
Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1636
css, overflow, accessibility, wcag
What’s New in PHP 8.1: Features, Changes, Improvements, and More (kin)635
php
What’s New With DevTools: Cross-Browser Edition (pat/sma)634
dev-tools, browsers, google, chrome, microsoft, edge, mozilla, firefox, apple, safari
13 Advanced (but Useful) Git Techniques and Shortcuts (fir)633
videos, git
A Practical Guide to Creating Reusable React Components632
guides, react, components, maintainability
Color and Universal Design (uxm)631
design, colors, color-blindness, contrast, accessibility
HTTP/3: Practical Deployment Options (pro/sma)630
http, protocols, deploying
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (nng)629
user-experience, performance, complexity
Avoiding FOUT With Async CSS628
fonts, flash-of-x, css, asynchronicity
Stop! Put Down That Ternary, Lines Are Free627
maintainability
Make Accessibility Part of Your Startup’s Products and Culture From Day One (tec)626
accessibility, culture
Reducing Carbon Emissions on the Web (sma)625
sustainability
The Pros and Cons of Professional Language (and)624
career
WebKit—Patches and Tests (mar)623
webkit, testing
Multiple Accounts and Git (bra)622
git
Element Diversity (mat)621
html
Getting Started With Web Accessibility Testing620
accessibility, testing, introductions
Interactive Learning Tools for Front-End Developers (lou/sma)619
learning
The Effect of CSS on Screen Readers618
css, accessibility, screen-readers