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

Frontend Dogma

“2021” News Archive

Definition, related topics, tag feed

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

Entry (Sources) and Additional TopicsDate#
Image Magnifier Using Only One Line of CSS (ami)1139
css, images
A Unified Theory of Web Performance (sli/per)1138
performance
Exposing Mid-Resource LCP Values (per)1137
performance, web-vitals
Page Visibility: If a Tree Falls in the Forest… (pau/per)1136
performance, web-vitals, user-experience
Add Less (cas/css)1135
simplicity
Updating a Branch With “git rebase”1134
git, command-line
pkg.land1133
websites, packages, dependencies, npm
Using Diagnostic Metrics (ann/per)1132
performance, metrics
Dynamic Static Typing in TypeScript (dea/sma)1131
typescript, generics
WCAG and Accessibility: What Is a Statement of Partial Conformance?1130
accessibility, wcag, conformance
Practical Tips for Load-Testing Web Applications (per)1129
performance, testing, tips-and-tricks, web-apps
Empathetic Animation (cas/css)1128
animations, user-experience
Add a Service Worker to Your Site (cfe/css)1127
web-workers, javascript
Shedding Light on Fiverr’s Dark Mode Creation Process1126
design, dark-mode
CSS in 2022 (bra)1125
css
Web Accessibility Cheat Sheet1124
accessibility, cheat-sheets
Building Gatsby Themes for WordPress-Powered Websites (sma)1123
wordpress, gatsby, theming
1000+ Web Development Resources1122
link-lists
The Business Case for Performance (per)1121
performance, economics
Faster Websites by Using Less HTML (j9t)1120
cross-posts, html, performance, optimization, minimalism
Container Queries (5t3)1119
css, container-queries, html
Form Autocomplete (ben/5t3)1118
html, forms
Personalize It! (una/css)1117
css, user-experience, personalization
The Many Methods for Using SVG Icons (hui)1116
css, svg, images, icons
Redirect Liquidation (tim/per)1115
performance, optimization, redirecting
Remember You Are Not the User (css)1114
accessibility, internationalization, user-experience, principles
Show, Don’t Tell (css)1113
writing, design, semantics
Frontend Web Performance: The Essentials1112
fundamentals, performance, rendering
The CSS “:has()” Pseudo-Class, aka Parent Selector (foo)1111
css, selectors
Wrapping Text Inside an SVG Using CSS (jay)1110
svg, css
CSS Animation (5t3)1109
css, animations
CSS Snapshot 2021 (tab+/w3c)1108
css, standards
Introduction to Cognitive Disability and Accessibility Testing (ons/tpg)1107
introductions, accessibility, testing
The CSS “:has()” Selector Is Way More Than a “Parent Selector” (bra)1106
css, selectors
Building a Greener Web (mic)1105
sustainability
13 Tools and Techniques to Accelerate Frontend Development1104
tooling, techniques, software-design-patterns, linting, bundling, testing, logging, frameworks, processes, ci-cd
WebGPU From WebGL1103
webgpu, webgl
Make Joyful Things (css)1102
user-experience
Auto Dark Theme (chr/css)1101
browsers, dark-mode, usability
Design Sprints Revisited: Designing With Your Users and Developers (uxm)1100
design, usability
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe)1099
how-tos, css, javascript
How to Define Your Relationship to Sites You Link To (ste)1098
how-tos, html, links, semantics, seo
Image Display Elements (5t3)1097
html, images, responsive-design
PHP 8 in a Nutshell (ami)1096
books, php
The Web Starts on Page Four (cod)1095
web
5 Common Misconceptions About WAI–ARIA and Accessibility1094
accessibility, aria, html
HTML Cheat Sheet1093
html, semantics, examples, cheat-sheets
Be Prepared for Failure and Handle It Gracefully (css)1092
javascript, graceful-degradation
Why UX Is the Best SEO Strategy (uxm)1091
user-experience, seo, strategies
Smoothly Reverting CSS Animations1090
css, animations
Preference Queries (5t3)1089
css
4 HTML Concepts You Didn’t Know (j9t)1088
html, concepts, tables
Web Performance, Core Web Vitals, and Vanity Metrics (per)1087
performance, web-vitals, metrics
Ultimate HTML Cheatsheet1086
html, cheat-sheets
This Is WCAG1085
websites, accessibility, standards, wcag
This Is WCAG 2.11084
websites, accessibility, wcag
CSS Houdini Paint API (5t3)1083
css, houdini, apis, javascript
There’s Never Been a Better Time to Build Websites1082
frameworks, css
Sustaining Maintaining (dav)1081
foss
Why Motion on Websites and Digital Content Is a Problem (mer/equ)1080
accessibility
Consistent, Fluidly Scaling Type, and Spacing (bel/css)1079
typography, css, scaling, liquid-design
Deep-Copying in JavaScript Using “structuredClone” (sur)1078
javascript
Inaccessibility of CAPTCHA (w3c)1077
accessibility, captcha
Web vs. Email Development: The 11 Biggest Coding Differences1076
comparisons, email, browsers, support, responsive-design
Web Platform Design Principles (w3c)1075
web-platform, software-design, principles, standards, w3c
Don’t Start With Microservices in Production—Monoliths Are Your Friend1074
microservices, monoliths, architecture
Hands On With the New Responsiveness Metrics (per)1073
performance, responsive-design, metrics
CSS Custom Properties (5t3)1072
css, custom-properties
Shifting the Mindset About Accessible Content (mni)1071
accessibility, content
The State of CSS 2021 [Results] (sac/dev)1070
surveys, metrics, css
Explain Like I’m Five: Web Performance Optimization (sto/per)1069
performance, optimization
Thoughts on Skin Tone and Text Descriptions (tin)1068
accessibility, dei, writing
CSS Can Help Improve Your HTML!? Buttons and Links1067
html, css, buttons, links, accessibility
100 Tips on Software Developer Productivity1066
productivity, tips-and-tricks
Details/Summary (5t3)1065
html, semantics, disclosure-widgets
Read Your Website (geo/css)1064
user-experience
The Ideal Line Length and Line Height in Web Design (pim)1063
design, typography, readability
Lessons Learned From Publishing a Content Security Policy1062
lessons, csp, security
Visual Regression Testing for Design Systems With Figma Branches1061
design-systems, testing, regressions, figma
Performance Implications of JavaScript Errors (per)1060
javascript, performance, errors
Practical Ethics for the Modern Web Designer (mor)1059
videos, ethics
Embrace the Platform (bra/css)1058
html, css, javascript, web-platform
How Not to Create a Button (eev)1057
html, buttons, accessibility
Intersection Observer (5t3)1056
javascript, apis
WCAG 2 Is What We Have (kil)1055
accessibility, wcag
Monorepos—How the Pros Scale Huge Software Projects (fir)1054
videos, monorepos, yarn, npm, pnpm, lerna, nx, comparisons
WCAG 2.2: What We Know Till Now1053
accessibility, wcag
5 Key Benefits of Using a Tag Manager1052
tag-management
Defer Non-Critical Resources (per)1051
performance, html
WCAG 3 Is Not Ready Yet (yat)1050
accessibility, wcag
Standardizing Focus Styles With CSS Custom Properties (5t3/css)1049
css, custom-properties, accessibility, focus
How to Customize Firefox UI—Step-by-Step Tutorial1048
how-tos, tutorials, xul, browsers, firefox, customization
Breaking Out of the Box (pat/ali)1047
browsers, css
Responsive Iframes With the CSS “aspect-ratio” Property (cfe)1046
iframes, css, responsive-design, aspect-ratio
WCAG 3 and APCA1045
accessibility, wcag, apca, colors, contrast
Caching: Understanding the Scope (per)1044
performance, caching
The Last Design You’ll Ever Make1043
design
Node.js Memory Limits—What You Should Know (app)1042
nodejs, memory
Writing Better CSS (ale)1041
css, quality, efficiency
5 Reasons You Should Adopt a Micro Frontend Architecture1040
micro-frontends, architecture
1993: Mosaic Launches and the Web Is Set Free (ric)1039
history, browsers, mosaic
Content Separation (per)1038
servers
Redirects for SEO: A Simple (but Complete) Guide (ahr)1037
guides, redirecting, seo, http
Defensive CSS (sha)1036
css
Google Fonts Knowledge (ell)1035
google, fonts, typography
Test Your Product on a Crappy Laptop (eri/css)1034
testing, performance, usability
Where Do You Put Spacing on Design System Components? (eri)1033
design-systems, components, design, spacing
Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (jsp+/w3c)1032
accessibility, wcag, standards
Optimizing State Management in React Applications (per)1031
react, state-management
A Beginner’s Guide to Vue Router1030
guides, vuejs
Reduce Your Website’s Environmental Impact With a Carbon Budget (mic/css)1029
sustainability
Designing Better Links for Websites and Emails: A Guideline (sma)1028
design, links, email
Why You Should Check in Your Node Dependencies1027
nodejs, dependencies
HTTP Compression (per)1026
http, protocols, compression, performance
Have Core Web Vitals Made the Web Faster? (tun/per)1025
web-vitals, performance
How Many People With Disabilities Use Our Site? (hdv)1024
accessibility
The Love of Curvilinear Design1023
design
CSS Fingerprinting1022
websites, css, privacy, fingerprinting
Plugging Memory Leaks in Your App (sto/per)1021
performance, memory
JSON Modules in JavaScript1020
javascript, json, modules
Why Every Developer Should Start Blogging1019
blogging, communication, learning, career
Request for a General Theory of Web Performance (per)1018
performance
Revisiting the Anatomy of a Design System1017
design-systems
Ain’t No Party Like a Third Party (css)1016
dependencies, embed-code, security
Markup (htt)1015
web-almanac, studies, research, metrics, html
Best Practices for Node.js Development1014
nodejs, javascript, best-practices
Open Props (arg)1013
websites, css, custom-properties, props
Understanding Accessibility1012
accessibility, testing, tooling
The Fundamentals of CSS Layout1011
videos, fundamentals, css, layout
Accessibility (htt)1010
web-almanac, studies, research, metrics, accessibility
Security (htt)1009
web-almanac, studies, research, metrics, security
CSS (mey/htt)1008
web-almanac, studies, research, metrics, css
New Living Standards (dom)1007
standards, apis
JavaScript (htt)1006
web-almanac, studies, research, metrics, javascript
HTTP (htt)1005
web-almanac, studies, research, metrics, http, protocols
Why Color Contrast Is Not as Black and White as It Seems1004
accessibility, colors, contrast
Page Weight (htt)1003
web-almanac, studies, research, metrics, performance
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)1002
podcasts, interviews, web-platform, standards, performance, tooling, developer-experience
The Surprising Behavior of “Important CSS Custom Properties” (ste)1001
css, custom-properties, cascade
CSS Layout From the Inside Out1000
videos, css, layout
“aria-label” Is Not Always the Answer (eev)999
html, aria, accessibility
The State of UX in 2022: Rebuild (fab)998
user-experience, design, outlooks
Introduction to TCP Connection Establishment for Software Developers997
introductions, protocols, tcp
Making Accessibility More Accessible996
accessibility
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea)995
web-components, html, markdown
Select Elements With “pointer-events: none” by Holding Shift (pat/dev)994
browsers, dev-tools, pointer-events
The Pagination Predicament (kev)993
pagination, seo
What Is WHOIS and How Does It Work?992
whois, domains
What Is Magento? A Brief Introduction991
introductions, ecommerce, tooling, magento
Understanding WCAG 2.1 Level AAA (ian/tet)990
accessibility, wcag
Introduction to Svelte Actions (log)989
introductions, svelte
How to Maintain a Large Next.js Application (sma)988
how-tos, nextjs, maintenance
Make Your Website Stand Out With a Custom Scrollbar987
css
How to Trim Strings in JavaScript986
how-tos, strings, javascript
Programmers Should Stop Celebrating Incompetence985
career
7 Ways to Improve Node.js Performance at Scale (app)984
nodejs, performance, optimization
Three Phases of Life for Design Systems983
design-systems
Get Started With Validation in Node.js982
introductions, nodejs, validation
What Kind of Developer Do I Want to Be?981
career
Creating Generative Patterns With the CSS Paint API (css)980
css, decoration
A Modern CSS Reset (jos)979
css, resets
Modern CSS in a Nutshell (spa/clo)978
css
The 6 Ways of Writing HTML (and Their Combinations) (j9t)977
html
Adding a Dyslexia-Friendly Mode to a Website (sma)976
accessibility, dyslexia, css
Functional Programming in PHP: Higher-Order Functions975
php, programming, functions
Control Layout in a Multi-Directional Website (css)974
internationalization, html, css
How JavaScript Engines Achieve Great Performance973
javascript, javascript-engines, performance
Improving the Performance of Wix Websites (Case Study) (sma)972
performance, monitoring, culture, case-studies
Responsive Layouts, Fewer Media Queries (css/css)971
css, responsive-design
Blog Page Accessibility Deep Dive (abb)970
accessibility, react, deep-dives
Designing Sustainable Websites (ger)969
sustainability, performance, software-design
Dear HTML Element (sup)968
html
Accessibility Myths967
websites, accessibility, myths
Parallax Powered by CSS Custom Properties (jhe/css)966
css, effects, parallax, custom-properties
20 Years of bram.us (bra)965
history
Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed964
accessibility, communication
Introduction to Web Sockets963
introductions, apis, protocols, websockets
How to Make Blob Menu Using HTML, CSS, and JavaScript962
how-tos, html, css, javascript
Tales of the Autistic Developer—Order and Chaos961
career
What Are Open Graph Metatags and How to Use Them in Web Pages960
how-tos, open-graph, metadata, social-media
Dynamic Color Manipulation With CSS Relative Colors (jim)959
css, colors
Let’s Not Send Developers to the Accessibility Tree Tool (cod)958
browsers, accessibility, tooling
1992: The Web vs. Gopher, and the First External Browsers (ric)957
history, web
Various Ways to Include Comments on Your Static Site956
functionality
PHP Date and Time Recipes (css)955
php, time
A Guide to Modern CSS Colors With RGB, HSL, HWL, LAB, and LCH (mic/sma)954
guides, css, colors
Performance (sia/htt)953
web-almanac, studies, research, metrics, performance, user-experience
Tor and the Humans Who Use It (tor)952
community, privacy, tor-browser, browsers
How to Create Reusable Components With the Vue 3 Composition API951
how-tos, vuejs, components, maintainability
WCAG 3.0: What You Need to Know About the Future of Accessibility Standards950
accessibility, wcag, standards
Three Principles to Better Present Your UI Designs949
design, principles
A Clever Sticky Footer Technique (chr/css)948
css, layout, navigation
Using “position: sticky” With CSS Grid (sha)947
css, grids, positioning, layout
Design System Best Practices With ESLint Series (and)946
design-systems, design-tokens, best-practices, tooling, eslint
We Need to Talk About Accessibility—Again, and Again, and Then Some More945
accessibility
A Primer on Product Management for Engineers944
introductions, product-management
Reframing Tech Debt943
technical-debt
4 Ways to Document Your Design System With Storybook (sto)942
design-systems, storybook, documentation
Generate a Pull Request of Static Content With a Simple HTML Form (css)941
html, github
Get Your “Head” Straight (css/btc)940
videos, html, performance
Semantics and How to Get Them Right (hdv/btc)939
videos, html, semantics, accessibility
Your CSS Is an Interface (eri)938
css, performance
GitHub’s Commitment to npm Ecosystem Security937
github, npm, security
Why IndexedDB Is Slow and What to Use Instead936
databases, indexeddb, javascript, performance
Access to Tech, Tech to Live (btc)935
videos, accessibility
5 Popular Frontend Development Tools in 2021934
tooling
How to Fetch Data in Svelte933
how-tos, svelte, data-fetching
Some Notes on Using esbuild (b0r)932
bundling, esbuild
How Do Arrays Work? (nan)931
programming, arrays
Design Systems, Structured Content, and Headless Publishing (amy)930
design-systems, content, semantics, headless
Exploring Retro Web Design929
design
Other Looks at the Conditional Border Radius Trick (chr/css)928
css, borders, tips-and-tricks
Why Your Website Should Not Use Dithered Images927
images, dithering, compression, performance
How to Debounce and Throttle Callbacks in Vue926
how-tos, vuejs, javascript, callbacks, debouncing, throttling
Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties925
dev-tools, css, javascript, browsers, chrome
Using Web Workers to Boost Third-Party Script Performance (log)924
web-workers, javascript, performance
Useful React Hooks That You Can Use in Your Projects (sma)923
react, hooks
Easy Dark Mode (and Multiple Color Themes) in React (css)922
react, dark-mode, theming
Rust Is Eating JavaScript (lee)921
rust, javascript, swc, deno, esbuild, webassembly, tooling
It’s Not About Your Favorite Color—Moving From Brand Strategy to Visual Identity920
design, branding, strategies
View-Source (eri)919
auditing, view-source, browsers
Browsing With Screen Magnification (ihe/tet)918
accessibility, browsing, assistive-tech, screen-magnification
A Beginner’s Guide to Routing in Next.js, With Examples917
guides, nextjs, routing
Everything You Ever Wanted to Know About the Accessibility Tree (rus/a11)916
videos, accessibility
Detecting Specific Text Input With HTML and CSS (chr/css)915
html, css
Localizing Your Next.js App (ati/sma)914
nextjs, localization, javascript
How Designers Can Prevent User Errors913
design, usability, errors
Be Usable, Not Consistent, Not Uniform912
design, usability
Debugging HTML: Accessibility (mat/mat)911
html, accessibility, debugging
Why You Should Prioritise Quality Over Speed in Design Systems (amy)910
design-systems, prioritization
Becoming an Expert909
learning, career, processes, craft
Designing a Reorderable List Component908
lists, components, html, css
PHP 8.1 in 8 Code Blocks907
php
In Defence of Dialog906
html, modals
Deep Dive Into Node.js Architecture905
nodejs, architecture, deep-dives
Chrome DevTools: Record and Playback Your User Journeys904
dev-tools, user-experience, performance, browsers, chrome
Everything You Have to Know About Core Web Vitals (fox/cal)903
web-vitals, performance
Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro? (mat+/sma)902
podcasts, interviews, astro, frameworks
How to Implement Memoization in React to Improve Performance901
how-tos, react, performance, memoization, optimization
RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr)900
videos, browsers, chrome, browser-engines, chromium, rendering
The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job899
how-tos, career
Browser Wars (jay/css)898
history, browsers, browser-wars
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha)897
components, html, css
Understanding the Differences Between WCAG 2.1 and WCAG 2.2896
accessibility, wcag, comparisons
What Is Wireless Application Protocol (WAP)?895
wap, mobile
Why Safari Is a Great Browser (fla)894
safari, browsers
Designing Error Messages and a Logging Strategy in Node.js (app)893
software-design, javascript, nodejs, logging, strategies
Learn Forms892
courses, forms, html
Design Is Not Art, and UX Is Not Design891
design, user-experience
A Deep Dive Into Serverless UI With TypeScript (sma)890
typescript, serverless, deep-dives
Learn PWA889
courses, web-apps, progressive-web-apps
Eleventy 1.0—New Option for Global Data (ray)888
eleventy
Lit Web Components: Tailwind CSS Styles at Build Time (mic)887
web-components, lit, tailwind
Name, Labels, ARIA, What to Do? (sco)886
accessibility, forms, labels, writing, naming
What Does a Good Design System Feel Like? (fon)885
design-systems, user-experience
Using AI and Data Science to Reliably Detect Internet Censorship in Real-Time884
ai, traffic, censorship
What Are Accessible Fonts?883
accessibility, fonts
Rebase vs. Merge: Integrating Changes in Git (css)882
git, comparisons
The State of the Web (cle)881
videos, web
Developer Tools Secrets That Shouldn’t Be Secrets (cod)880
browsers, tooling, developer-experience
Accessible Toggles (mic)879
accessibility, toggles, html, javascript
An Introduction to PostCSS (cra)878
introductions, postcss, postprocessors, tooling
A Comprehensive Guide to Error Handling in Node.js (hon)877
guides, nodejs, javascript, errors
So, You Want to Build an “@mention” Autocomplete Feature? (css)876
functionality
The Guideline Gap875
design-systems, quality, accessibility, localization
CSS-ing Candy Ghost Buttons (ana/css)874
css
The Golden Ratio and User-Interface Design (nng)873
design, layout, aesthetics, principles
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil872
html, css, javascript
You Probably Don’t Need Media Queries Anymore (kat)871
css, media-queries
The Little Book of Little Books (j9t)870
books, frameworks, conventions, quality
Chrome DevTools: Visualise Your JavaScript Bundles869
dev-tools, javascript, bundling, browsers, chrome, lighthouse, visualization
Using CSS Variables for Reduced Motion on a Global Scale (cit)868
css, custom-properties, media-queries, reduced-motion
Make Your Design System Accessible—Color (luk)867
design-systems, accessibility, colors
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element866
accessibility, skip-links, html
Add a Contact Form to a React App With Netlify Forms865
react, netlify, forms, functionality
Material Design 3864
websites, design-systems, material-design
A Step by Step TypeScript Tutorial for Beginners863
typescript, tutorials
Best Practices on Embedding Third-Party Web Widgets862
embed-code, performance, best-practices
UX Design Isn’t Killing Creativity, Money Is861
user-experience, creativity, economics
Media Queries Level 4: Media Query Range Contexts (bra)860
css, media-queries
Design Systems at Replit: Better Tokens859
case-studies, design-systems, design-tokens
So, You Want an Accessibility Score? (kar)858
accessibility, auditing
Photoshop’s Journey to the Web857
photoshop, webassembly
In-Page Filtered Search With Vanilla JavaScript (css)856
javascript, functionality, search
The Problem With “Click Here” and “Learn More” Links855
links, usability, writing
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)854
typo3, css, javascript, examples
Optimizing Next.js Applications With Nx (sma)853
nextjs, optimization, building, nx
Reimagine Atomic CSS (ant)852
atomic-css
New WebKit Features in Safari 15 (web)851
release-notes, safari, browsers, webkit
A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma)850
css, backgrounds, deep-dives
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)849
html, aria, accessibility
Why Accessibility Overlays on Your Website Can Make Things Worse848
accessibility, overlays
Web Performance Metrics Cheatsheet (ire)847
performance, metrics, cheat-sheets
Why Outdated jQuery Is Still the Dominant JavaScript Library846
javascript, libraries, jquery
How to Get Started With Social Media Automation845
how-tos, social-media, automation, tooling
Building an Effective Image Component844
components, javascript, performance
The Process of Building a CSS Framework (cod)843
frameworks, processes
Switch Role Support (aar)842
html, accessibility, support
Micro-Frontends: The Next Gen Way to Build Web Apps841
micro-frontends, web-apps
Finding Common Patterns Across Frameworks840
frameworks, javascript
On Using Custom Properties (bra)839
css, custom-properties
Common Mistakes When Writing CSS With BEM838
css, naming, bem, mistakes
The Start of a New Era for Responsive Web Design837
responsive-design, css
11ty Slugs and Anchors (5t3)836
eleventy, urls, links
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)835
html, css, javascript, design-systems
Making the Web Developer’s Pilgrimage (j9t)834
html
Prevent Scroll Chaining With Overscroll Behavior (sha)833
css, scrolling
Respecting Users’ Motion Preferences (mic/sma)832
accessibility, css
Semantic “menu” Context (sco)831
html, semantics
This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (ste/deq)830
accessibility
Designing for Color Contrast: Guidelines for Accessibility829
guidelines, accessibility, contrast, colors
Identify Potential CSS Improvements (jec)828
dev-tools, css, auditing, browsers, chrome
We Analyzed 425,909 Favicons827
images, favicons
Optimizing Resource Loading With the Fetch Priority API (add+)826
performance, data-fetching, apis, optimization
New HTTP Standards for Caching on the Modern Web (pim)825
http, protocols, caching, performance, standards
How to Cancel an HTTP Request in Node.js824
how-tos, nodejs, http
Back to Basics: Understanding the “for…in” Loop in JavaScript823
javascript, fundamentals, loops
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS822
css, performance
It’s Time for a Healthy Tech Approach (hel)821
career
Yes, Node.js Is Part of the Web Platform (jas/nea)820
videos, nodejs, web-platform
Evaluating Clever CSS Solutions (mic)819
css
“@supports selector()” (chr/css)818
css, selectors, support
Fix Web Accessibility Systematically (yat)817
accessibility, wcag
HTML With Superpowers (dav)816
videos, html, components
What Each Markup Language Is Used For (sem)815
overviews, html, xml, xhtml, sgml, mathml, amp, seo
Disability: Let’s Say the Word814
accessibility, community
Chrome DevTools: Easily Change CSS Units and Values813
dev-tools, css, units, browsers, chrome
Understanding and Implementing OAuth2 in Node.js (hon)812
nodejs, security, authorization, oauth
What Svelte’s Accessibility Warnings Won’t Tell You811
svelte, accessibility
Landmarks (mat/mat)810
html, aria, accessibility
100 Bytes of CSS to Look Great Everywhere (swy)809
css
Processing CPU-Intensive Jobs in Node.js808
nodejs
Dealing With Timezones in Web Development807
javascript
Custom Properties With Defaults: 3+1 Strategies (lea)806
css, custom-properties
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)805
guides, images, responsive-design, html
Expandable Sections Within a CSS Grid (css)804
css, grids, layout
Conditional “border-radius” and Three Future CSS Features (ste)803
css, borders
Different Degrees of Custom Property Usage (chr/css)802
css, custom-properties
Smart CSS Solutions for Common UI Challenges (sma)801
css, design
Stop Writing JavaScript Like This800
javascript
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una)799
css, functions
Building a Multi-Select Component (arg)798
components, html, css, javascript
The Ultimate Guide to 3xx HTTP Status Codes797
guides, protocols, http
Five Proven Approaches for a Better Developer Experience in Your Organisation (tho)796
developer-experience
The Tortuous Journey of Enhancing Our Color Palette795
colors, color-palettes
1999: The Fall of Netscape and the Rise of Mozilla (ric)794
history, browsers, netscape, mozilla
How to Win at CORS (jaf)793
how-tos, security, cors, html, http
Who Pays for Web Frameworks? (zac)792
frameworks, economics, trends
What Constitutes a Digital Accessibility Audit (gwi)791
accessibility, testing, auditing
The Autofill Dark Pattern (alv/sma)790
html, forms, anti-patterns
How Design Debt Can Hurt Your Product789
design, design-debt
Easy Read Is Hard to Get Right788
accessibility, readability
Best UI Frameworks for React.js787
react, frameworks
Google Chrome Hidden Features Every Developer Should Know786
browsers, google, chrome, experiments
Appreciation for Being a Web Developer (cit)785
career
A Tangled Web of ARIA (ste)784
accessibility, aria, html
Introduction to Styled Components783
introductions, css, javascript, components
Why We Crave Software With Style Over “Branding”782
design, branding
Native CSS Nesting: What You Need to Know (log)781
css, selectors, nesting
Buttons vs. Links (yat)780
html, semantics, buttons, links, comparisons
Have Single-Page Apps Ruined the Web? (ric)779
videos, single-page-apps, web
How to Add Search to a Ghost Site (fla)778
how-tos, ghost, search
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)777
guides, introductions, rollup, bundling, javascript
Internationalization: How to Boost Traffic With a Multilingual Site776
how-tos, internationalization, traffic
Why Does Everything Look the Same?775
design
How We Improved Our Design System Delivery774
design-systems, processes, optimization, case-studies
Accessibility: A Gentle Introduction773
accessibility, introductions
A Guide to CSS Debugging (5t3/sma)772
guides, css, debugging
My Challenge to the Web Performance Community (phi)771
performance
The Options for Password-Revealing Inputs (chr/css)770
html, css, security, passwords, usability
Safe DOM Manipulation With the Sanitizer API769
dom, apis, sanitization
Engineer to Engineer: Art Is in the Code (wom)768
interviews, career, wordpress
What Is Micro-Content?767
microcontent, concepts, content
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr)766
browsers, chrome, browser-engines, chromium, rendering
How to Implement and Style the “Dialog” Element (cod)765
how-tos, modals, html, css
Browsing With a Mobile Screen Reader (tet)764
accessibility, browsers, screen-readers, assistive-tech, mobile, browsing
Why Do Webdevs Keep Trying to Kill REST? (swy)763
apis, rest, protocols, databases
What Creating a Simple Font Taught Me About Font Design762
fonts, typography
UX Accessibility: How to Start Designing for All761
how-tos, accessibility, user-experience
Automating a Design System760
design-systems, automation, testing
Animation Techniques for Adding and Removing Items From a Stack (css)759
css, animations, javascript
Conditional Border Radius in CSS (sha)758
css, borders
How to Build an Expandable Accessible Gallery (cit/sma)757
how-tos, accessibility, html, css
Redundantly Redundant a11y Accessibility (sco)756
accessibility, html
What Is a Good User Experience? (uxm)755
user-experience, ethics, ai
Writing Clean JavaScript Tests With the BASIC Principles754
javascript, testing, principles
The CSS “prefers-color-scheme” User Query and Order of Preference (sar)753
css
jsPerf—Online JavaScript Performance Benchmark752
websites, javascript, performance
Simple Blinking Cursor Animation Using CSS (ami)751
css, animations, effects, cursors
Using JavaScript to Detect High Contrast and Dark Modes (sco)750
javascript, accessibility, colors, contrast, dark-mode
Introducing Svelte, and Comparing Svelte With React and Vue749
svelte, react, vuejs, comparisons, introductions
Links, Missing “href” Attributes, and Over-Engineered Code (tem)748
html, attributes, links, accessibility
Sorting JavaScript Arrays by Nested Properties747
javascript, sorting, arrays
Understanding and Working With Submodules in Git746
git, modules
Declaring Page Language—and Declaring Changes in Language (j9t)745
accessibility, html, browsers
How I Built a Modern Website in 2021 (ken)744
html, css, javascript
Practical Frontend Philosophy743
web-platform, complexity
Using Modern Image Formats: AVIF and WebP (add/sma)742
images, avif, webp, jpeg, png, comparisons, performance, compression
Web Streams Everywhere (and Fetch for Node.js) (oll/css)741
javascript, nodejs, streaming, data-fetching
9 Tag Management Solutions You Should Consider740
tag-management, comparisons, tooling, link-lists
Comparing Page Language Declaration Setups in Screen Readers (j9t)739
accessibility, html, http, screen-readers, comparisons
Figma Cheat Sheet738
websites, figma, cheat-sheets
Faster React Apps With Memoization737
react, performance, memoization
Guidelines for Choosing a Node.js Framework736
guidelines, nodejs, frameworks
When iOS Will Allow Other Browsers (kar)735
apple, mobile, browsers, browser-engines
Design Tokens Automation Pipeline: From Design Tools to Component Libraries734
automation, design-tokens, design-systems
Accessibility Isn’t New—and Neither Is Ableism733
accessibility
Let’s Dive Into Cypress for End-to-End Testing (lei/sma)732
testing, cypress
A JavaScript Developer’s Guide to Browser Cookies (psu)731
guides, javascript, cookies
How I Make CSS Art730
css, art
Beware False Negatives (aar)729
accessibility
One Last Time: Custom Styling Radio Buttons and Checkboxes (sco)728
css, forms, accessibility
Not Releasing Late on Fridays, a Matter of Courtesy (j9t)727
releasing, processes
7 UI Design Fundamentals for Developers726
design, fundamentals
“initial” Doesn’t Do What You Think It Does (kev)725
videos, css
Simplifying Form Styles With “accent-color” (mic/sma)724
css, forms
When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It723
alerting, productivity
Specification for Spoken Presentation in HTML (w3c)722
html, pronunciation
A Content Model Is Not a Design System (ali)721
content, design-systems
Just Redux: The Complete Guide720
guides, redux
Container Units Should Be Pretty Handy (chr/css)719
css, container-queries, units
ct.css—Let’s Take a Look Inside Your “<head>” (css)718
css, performance, debugging
How to Redirect URLs on WordPress (sem)717
how-tos, urls, redirecting, wordpress, apache
Introduction to GSAP716
introductions, animations, gsap, examples
7 Useful HTML Attributes You May Not Know715
html, attributes
Cascade Layers? (chr/css)714
css, cascade
CSS Container Queries: Container-Relative Lengths (bra)713
css, container-queries
Using Monorepos Is Not That Bad712
monorepos, case-studies
Yarn vs. npm: Everything You Need to Know711
yarn, npm, comparisons
Intro to MJML: Responsive HTML Email Coding Made Easy710
introductions, mjml, html, email, responsive-design
Node.js Garbage Collection Explained709
nodejs, garbage-collection
7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (css)708
css, selectors, generated-content
Optimising a JavaScript Library With WebAssembly, a Failed Attempt707
javascript, libraries, webassembly
Understanding “min-content”, “max-content”, and “fit-content” in CSS (log)706
css
Simpler Block Spacing in WordPress With “:is()” and “:where()” (mic)705
wordpress, css, selectors
Contemporary Design Has Lost Its Soul704
design
Provide Pronunciation for Ambiguous Words703
accessibility, content, pronunciation
How I Learnt to Stop Worrying and Love Animating the Box Model702
css, box-model, animations
Practical Frontend Architecture701
architecture
20 Killer JavaScript One-Liners700
javascript
CSS Container Query Units (sha)699
css, container-queries, units
Why Inequalities Can Appear in Digital Accessibility and Inclusive Design (gar)698
accessibility, dei, design
Guide to 301 Redirects With an .htaccess File (sem)697
guides, redirecting, apache, servers, seo
More Information on How Google Generates Titles for Web Page Results (dan)696
google, search, seo
The New Requirements for WCAG 2.2695
accessibility, wcag
Minding the “gap” (pat/css)694
css
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)693
software-design, css, principles
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)692
javascript, performance, bundling
What’s the Right Font Size in Web Design? (pim)691
typography, design
Accessible Palette: Stop Using HSL for Color Systems690
accessibility, css, colors, color-palettes
How to Expand Your Engineering Skill Set Without Quitting Your Day Job689
how-tos, career, learning
Web Vitals Patterns688
web-vitals
Design Direction as a Step Before Design System687
design, design-systems
Web Quality Assurance: From User Requirements to Web Risk Management (sma)686
quality, usability
The Future of CSS: Cascade Layers (CSS “@layer”) (bra)685
css, cascade
1995: MySQL Arrives, Completing the LAMP Stack (ric)684
history, databases, mysql, tech-stacks
Reducing the Need for Pseudo-Elements (sma)683
css, selectors
Optimizing Images on the Web682
images, performance, cloudflare
Modernising CSS Infrastructure in DevTools681
dev-tools, css, modernization, browsers, chrome
Master Frontend Development by Cloning These Websites680
learning
Designing Beautiful Shadows in CSS (jos)679
css, shadows
Prevent Content From Being Hidden Underneath the Virtual Keyboard by Means of the VirtualKeyboard API (bra)678
mobile, apis, viewport
Laravel Blade Internals—PHP as a Templating Language (lia)677
videos, php, laravel, template-engines
Notes on Synthetic Speech (tin)676
accessibility, browsers, voice
Scripting With Google zx675
zx
29 Projects to Help You Practice HTML CSS JavaScript 2021674
html, css, javascript
Myths About Web Accessibility (alv)673
accessibility, myths
The Ultimate Guide to Web Console672
guides, console, javascript, debugging
Indieweb vs. Fediverse (flu)671
indieweb, fediverse, comparisons
Less Absolute Positioning With Modern CSS (sha)670
css, positioning
Vanilla JS Is a Web Performance Decision (cfe)669
javascript, performance
Blowing Up HTML Size With Responsive Images (deb)668
html, images, performance, responsive-design
Developer Decisions for Building Flexible Components (mic/sma)667
components
Enterprise UX: Essential Resources to Design Complex Data Tables (ste)666
user-experience, responsive-design, complexity, tables
Subsets and Supersets of WCAG (hdv)665
accessibility, wcag
What Is Redundant Entry, and How Does It Affect Accessibility?664
accessibility, usability
Line Length Revisited: Following the Research663
design, readability, typography, research
The Case for “Developer Experience”662
developer-experience, productivity
Flexible API Design: Create Hooks for Your PHP API Pipeline661
php, apis, hooks
Okhsv and Okhsl (bjo)660
colors, design, usability
Bundling Non-JavaScript Resources659
bundling
An Early History of the Lynx Web Browser (ada)658
history, browsers, lynx
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)657
javascript
13 Advanced (but Useful) Git Techniques and Shortcuts (fir)656
videos, git
Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1655
css, overflow, accessibility, wcag
5 Steps for Writing Alt Text for Accessibility654
accessibility, writing, alt-text, images
Becoming a Design Tokens Ambassador653
design-tokens
Firefox’s “bolder” Default Is a Problem for Variable Fonts (sim/css)652
css, fonts, variable-fonts, browsers, firefox
What’s New With DevTools: Cross-Browser Edition (pat/sma)651
dev-tools, browsers, chrome, edge, firefox, safari
Fractional SVG Stars With CSS650
css, svg, images
What’s New in PHP 8.1: Features, Changes, Improvements, and More (kin)649
php
HTTP/3: Practical Deployment Options (pro/sma)648
http, protocols, deploying
A Practical Guide to Creating Reusable React Components647
guides, react, components, maintainability
Color and Universal Design (uxm)646
design, colors, color-blindness, contrast, accessibility
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (nng)645
user-experience, performance, complexity
Stop! Put Down That Ternary, Lines Are Free644
maintainability
Avoiding FOUT With Async CSS (jay)643
fonts, flash-of-x, css, asynchrony
Reducing Carbon Emissions on the Web (sma)642
sustainability
The Pros and Cons of Professional Language (and)641
career
WebKit—Patches and Tests (mar)640
webkit, testing