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

“2023” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Getting Started With NVDA2,371
videos, introductions, screen-readers, nvda, accessibility
How Bear Does Analytics With CSS2,370
analytics, metrics, css, case-studies
Learn Performance (kev+/dev)2,369
courses, performance
One HTML Tag, Thirty+ CSS Drawings—My Divtober 2023 Collection (alv)2,368
css, art
Personal-Scale Web Scraping for Fun and Profit2,367
scraping, javascript, functionality, optimization
Release Notes for Safari Technology Preview 182 (jon/web)2,366
release-notes, browsers, apple, safari
Response Code Cheat Sheet for Laravel HTTP Client (ami)2,365
cheat-sheets, laravel, http
Speeding Up the JavaScript Ecosystem—Tailwind CSS (mar)2,364
performance, javascript, tailwind
Technical Standards Bodies Are Regulators (mno)2,363
standards, policies, legal
The Dangers of Doomscrolling for Designers and How to Break Free (web)2,362
career
The People Who Ruined the Internet (ver)2,361
web, google, seo
The “prefers-reduced-transparency” Media Feature (mat)2,360
css, media-queries, accessibility
Understanding Cookies2,359
cookies
2023: 0 of the Global Top 100 Websites Use Valid HTML (j9t)2,358
html, css, conformance, metrics, quality
A Complete Guide to LangChain in JavaScript2,357
guides, langchain, javascript, frameworks
Accessibility by Degrees (tem)2,356
accessibility, processes
Answering Common Questions About Interpreting Page Speed Reports (geo/sma)2,355
performance, optimization
Better Dynamic Themes in Tailwind With OKLCH Color Magic (tra/evi)2,354
theming, tailwind, oklch, colors
Remix ❤️ Vite (rem)2,353
remix, vite, support
Why Signals Are Better Than React Hooks2,352
videos, javascript, signals, react, hooks, comparisons
Mobile-First Indexing Has Landed—Thanks for All Your Support (joh)2,351
mobile-first, mobile, seo, google
20 Effective Tips to Speed Up Your Drupal Website2,350
drupal, tips-and-tricks, performance, optimization
Don’t Disable Buttons (cfe)2,349
buttons, accessibility, javascript
Effective Strategies for Optimizing Performance2,348
strategies, performance, optimization
Interop 2023 October Update (rac/dev)2,347
interoperability, web-platform, browsers, support
What Exactly Is “Modern” CSS? (geo)2,346
css
Simplifying Web Development With Hugging Face (gra)2,345
ai, hugging-face
A Guide to Using MSSQL With Node.js2,344
guides, nodejs, databases, sql
Guide to React Suspense and “use” Hook for Busy Bees (ole)2,343
guides, react, hooks, promises, data-fetching
Is Express Still “De Facto” for Building Node Backends?2,342
discussions, express
The New CSS Math: “rem()” and “mod()” (dan)2,341
css, functions, math
Unit-Testing: The Unsung Hero of Code Quality2,340
testing, quality
An Introduction to Working With SVGs in React2,339
introductions, images, svg, react
Keep Pace With Modern JavaScript2,338
javascript, link-lists
Let’s Reinvent the Wheel (vas)2,337
html, css, user-experience, accessibility, web-platform
View Transitions and Stacking Context: Why Does My CSS View Transition Ignore “z-index”? (nic)2,336
css, positioning, animations, view-transitions
Why Is node_modules Heavier Than the Universe?2,335
nodejs
How Often Should You Redesign Your Website?2,334
redesigning, refactoring, seo
How to Find a Developer Job in 2023 (With Little or No Experience)2,333
how-tos, career
Liquid vs. Headless: A Look at Real User Web Performance (sia)2,332
shopify, headless, performance, metrics, comparisons
So You’ve Been Publicly Accessibility-Shamed (dav)2,331
accessibility, quality, communication
Some Sensible Defaults for Your “img” Elements (css)2,330
images, css
State of React 2023 (sac/dev)2,329
surveys, react
You’re Gonna Need a Bigger Browser (rob)2,328
browsers, web-platform, user-experience, outlooks
AI as a UX Assistant (nng)2,327
user-experience, ai
20 Simple Ways to Style the HTML “details” Element2,326
html, disclosure-widgets, css
Astro 3.4: Page Partials (eri/ast)2,325
release-notes, astro
HTML vs. DOM? Let’s Debug Them (jec/dev)2,324
videos, html, dom, debugging, comparisons
Introduction to htmx2,323
introductions, htmx
Introduction to Real-Time Communication in PHP Laravel2,322
introductions, laravel
Secret Scanning Scans Public npm Packages (git)2,321
github, npm, dependencies, security
Testing and Code Quality in Node.js (hon)2,320
testing, quality, nodejs
What the !#@% Is a Passkey? (eff)2,319
passkeys, security
Why I Won’t Use Next.js (ken)2,318
frameworks, nextjs
Deprecation of Formatting Rules (nza/esl)2,317
eslint, linting, tooling, deprecation, formatting, release-notes
Arrays—Implementation in JavaScript2,316
javascript, arrays
Performance Optimization With Worker Threads Node.js2,315
performance, optimization, nodejs, worker-threads
Next.js 142,314
release-notes, nextjs
CSS “prefers-reduced-transparency” (arg/dev)2,313
css, media-queries, support
Understanding SC 2.4.11 “Focus Not Obscured (Minimum)”2,312
accessibility, wcag, focus
Vue.js (Vue v3) for Beginners (thi)2,311
videos, courses, vuejs
Web Components Will Outlive Your JavaScript Framework (jak)2,310
web-components, javascript, frameworks
WebKit Features in Safari 17.1 (jen/web)2,309
release-notes, browsers, apple, safari, webkit
What Does the “A” Mean in “DEAI”? (mni)2,308
dei, accessibility
Data Engineering Essentials #1: Your First Pipeline2,307
fundamentals, data-engineering
Sheet, Dialog, or Snackbar—What Should a Designer Go For?2,306
design, design-patterns, modals
A Comprehensive Guide to Django Caching2,305
guides, django, caching
Complex MPA View Transitions (tyl)2,304
multi-page-apps, view-transitions, css
Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators (deq)2,303
accessibility, forms, focus, user-experience, tips-and-tricks
Goodbye, Node.js Buffer (sin)2,302
nodejs
It’s 2023, Here Is Why Your Web Design Sucks (hbu)2,301
web, design, career
My Problem With Using TypeScript in 20232,300
videos, typescript
Change Project, Change Node Version, Let .nvmrc Help You2,299
nodejs, nvm
Changing Colors in an SVG Element Using CSS and JavaScript2,298
svg, colors, css, javascript
CSS “text-wrap: pretty” (arg/dev)2,297
css, typography, browsers, google, chrome, support
HTML Meta Tags2,296
html, metadata
Igalia Chats: Web History Part VI (stu+/iga)2,295
podcasts, web, history
In Defense of Learning on Company Time (isa)2,294
learning, career
JavaScript Anti-Pattern: Self-Documenting Code (cfe)2,293
javascript, anti-patterns, documentation
JavaScript Decorators: An In-Depth Guide2,292
guides, javascript
JavaScript Is Enabled by Default in Web Browsers (jim)2,291
javascript, web-platform, permissions
Navigating the Ethical Complexities of Personalized User Experiences: Balancing Innovation With Privacy and Consent (uxm)2,290
user-experience, personalization, ethics, privacy, consent-management
Release: Yarn 4.02,289
yarn, release-notes
Select Element: Now With Horizontal Rules (una/dev)2,288
html, forms, semantics, browsers, google, chrome, apple, safari, support
Splitting Within Selects (aar)2,287
accessibility, html, forms, browsers, support
Stop Waiting (jha)2,286
quality, testing
Svelte by Example (seb)2,285
websites, svelte, examples
Tailwind vs. Semantic CSS2,284
tailwind, css, html, semantics, comparisons, performance
Unlocking JavaScript Design Patterns: Mastering Singleton for Ultimate Code Efficiency2,283
javascript, software-design-patterns, efficiency
What Removing Object Properties Tells Us About JavaScript (mon/sma)2,282
javascript, objects
Solved by CSS Scroll-Driven Animations: Style an Element Based on the Active Scroll Direction and Scroll Speed (bra)2,281
css, scrolling, animations
Accessibility Improvements for User-Agents2,280
accessibility, browsers, screen-readers, assistive-tech
Global Encryption Day: Encryption’s Critical Role in Safeguarding Human Rights (tor)2,279
awareness-days, encryption, privacy
Strikethrough Accessibility (den)2,278
accessibility, html, screen-readers, support
Embedding Accessibility Into Code Reviews (web)2,277
videos, accessibility, code-reviews, processes
Finding the Primary Branch of a Git Repository (ami)2,276
git
How Do You Even Web Dev Without Node? A Quick Introduction to Test-Driven Web Development Using Just the Browser (bal)2,275
introductions, testing
Is CAPTCHA Accessible?2,274
accessibility, captcha
Using ChatGPT for Smart Truncation in Responsive Web Design2,273
content, responsive-design, ai, chatgpt, html
When to Use CSS “text-wrap: balance;” vs. “text-wrap: pretty;” (sea)2,272
css, typography, comparisons
What Should Be the Contrast Level of Inactive Buttons? (uxd)2,271
accessibility, buttons, contrast, colors
Using ChatGPT, GitHub Copilot, and Phind to Generate Tailwind Config for Width Classes (luc)2,270
ai, chatgpt, github-copilot, tailwind, configuration
Don’t Do It on Frontend or… Frontend Good Practices for Devs2,269
best-practices, quality, maintainability, documentation
How to Build Your First Web Component (joe/fre)2,268
how-tos, web-components
How to Collaborate on Pull Requests for Beginners (ope)2,267
how-tos, code-reviews, collaboration
How to Map a Number Between Two Ranges (hen)2,266
how-tos, javascript, math
I Asked People to Make This Simple Layout and Was Surprised by the Results (kev)2,265
videos, css, layout, comparisons
Prodding Firefox to Update “:has()” Selection (mey)2,264
css, selectors, mozilla, firefox, support
The Need for Recognition in Open Source (bek/ope)2,263
foss, culture, communication, community
Web Accessibility Strategies for Non-Accessible Projects (bol)2,262
videos, accessibility, strategies, processes
Why Unique ID Attributes Matter (deq)2,261
accessibility, html, attributes, conformance
Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users?2,260
html, accessibility, screen-readers
Git: Rebase an Old Branch Incrementally (ada)2,259
git, command-line
How to Animate Along a Path in CSS (pre/sma)2,258
how-tos, css, animations
On the Uniting Power of a Commitment to HTML Conformance (j9t)2,257
html, conformance, quality, community, web
Release Notes for Safari Technology Preview 181 (jon/web)2,256
release-notes, browsers, apple, safari
Solid.js Creator Outlines Options to Reduce JavaScript Code (low/the)2,255
javascript, performance
Storybook 7.5 (sto)2,254
storybook, release-notes
The New “light-dark()” Function to Switch Theme Color in CSS (ami)2,253
css, functions, dark-mode
Do We Need State Management in Angular?2,252
angular, state-management
The Inverse Value of UX and Art (uxd)2,251
user-experience, art
A Couple of New CSS Functions I’d Never Heard Of (chr)2,250
css, functions
Burn Your Toast (eri)2,249
design-patterns, notifications, accessibility, usability
Color Contrast Accessibility Tools With Examples (pop)2,248
accessibility, tooling, link-lists, colors, contrast, examples
Design System Documentation Sucks—How We Can Do Better2,247
design-systems, documentation
How to Use SEO to Build Long-Term Brand Recognition and Visibility (moz)2,246
how-tos, seo, branding
Node.js 21 Available Now! (ope)2,245
nodejs, release-notes
React Design Patterns2,244
react, software-design-patterns
Start Styling Your “console.log()” Messages in DevTools (zor/css)2,243
videos, javascript, console, browsers, dev-tools
The Three Cs: Concatenate, Compress, Cache (css)2,242
performance, compression, caching
The True Cost of Not Prioritizing Accessibility: Avoid Risk and Maximize Product ROI2,241
accessibility, economics, product-management, prioritization
Transition Animations: A Practical Guide2,240
guides, transitions, animations, interaction-design
Synchronizing Figma Variables With Design Tokens2,239
figma, variables, design-tokens, automation
The Nuances of Base64 Encoding Strings in JavaScript (dev)2,238
javascript, encoding, base64, unicode, strings
Stacked Diffs (and Why You Should Know About Them) (ger)2,237
version-control, code-reviews, google, facebook+meta, concepts
2.4.11: Adversarial Conformance (aar)2,236
accessibility, wcag, compliance
Common Vue.js Development Mistakes and How to Avoid Them2,235
vuejs, mistakes
Ensuring Negative Numbers Are Available for Everyone (deq)2,234
accessibility, testing, math
“JavaScript Is Weird” as a Compressor2,233
javascript, compression
Link Colors and the Rule of Tincture2,232
links, colors
Scroll-Driven State Transfer (kiz)2,231
css, scrolling
CSS Findings From Photoshop Web Version (sha)2,230
html, css, adobe, photoshop, case-studies
Bubble Sort… in Pure CSS? (No JS)2,229
css, algorithms, sorting
How to Style Element Descendants With Tailwind CSS (ste)2,228
how-tos, tailwind
44 React Frontend Interview Questions2,227
interviewing, react
Forget Twitter: WordPress.com Blogs Can Now Connect to Mastodon2,226
social-media, twitter+x, wordpress, mastodon
Organizing Multiple Git Identities (gar)2,225
git
What’s New in CSS? (bra)2,224
css
The Negative Impact of Mobile-First Web Design on Desktop (nng)2,223
design, mobile-first, mobile, desktop, usability, information-design
How We Optimized Package Imports in Next.js2,222
nextjs, dependencies, optimization, case-studies
Button Labels: Is “OK” Ok? (uxd)2,221
forms, buttons, labels, writing, usability
Astro 3.3: Picture Component (eri+/ast)2,220
astro, release-notes
Digital Accessibility Blogs and Newsletters (ons/tpg)2,219
accessibility, link-lists
Honor User’s Transparency Setting in CSS (ami)2,218
css, transparency, accessibility, user-experience
New Release: Tor Browser 13.0 (tor)2,217
release-notes, tor-browser, browsers
Quick Tip: Creating Polymorphic Components in TypeScript2,216
tips-and-tricks, typescript, components
Scrollbars Are Becoming a Problem (art)2,215
scrolling, usability, accessibility
Unpopular Opinion: It’s Harder Than Ever to Be a Good Software Engineer2,214
career, quality
Using CSS Custom Properties Like This Is a Waste (kev)2,213
videos, css, custom-properties
Why Companies Kill Great Design (uxd)2,212
design
Back/Forward Cache (phi+/dev)2,211
bfcache, performance, browsers, chrome, google
CSS Relative Color Syntax (arg/dev)2,210
css, colors, functions
Designing for All: The Basic Principles of Web Accessibility2,209
accessibility, fundamentals, principles, aria, tooling
Introduction to Web Sustainability (mic/mdn)2,208
introductions, sustainability
Let’s Prototype a JavaScript JIT Compiler2,207
videos, javascript, compiling, prototyping
Preventing and Debugging Memory Leaks in Node.js (bet)2,206
debugging, memory, nodejs
Skip Links on ikea.com (mat)2,205
accessibility, skip-links, case-studies
We Need Web Progress, Not Pessimism (kev)2,204
web-platform, principles
Why Naming Is #1 Skill for Writing Clean Code2,203
naming, conventions, best-practices
You Can’t Get Faster Than No Build2,202
building, processes
Styling External Links With Attribute Selectors (mic)2,201
links, css, attributes, selectors
WooCommerce vs. Shopify: Which Is the Better Choice for You?2,200
shopify, comparisons, ecommerce
5 Best Practices for Preventing Chaos in Tailwind CSS (tra/evi)2,199
best-practices, tailwind
Local HTTPS for Next.js 13.5 (ami)2,198
security, testing, http, nextjs
The Global “innerWidth” and “innerHeight” Properties Return the Width and Height of the Layout Viewport (sim)2,197
viewport, javascript, interoperability, webkit
The Selected Date Must Be Within the Last 10 Years (ger/clo)2,196
html, forms, validation
AI Could Soon Need as Much Electricity as an Entire Country (nyt)2,195
ai, sustainability
Hashnode’s Overall Architecture (has)2,194
architecture, case-studies
Greenwashing and the COP28 Website (mic)2,193
sustainability, case-studies
Images on the Web2,192
images, concepts, compression, jpeg, png, webp, avif, nextjs
Adding Search to an Eleventy Site Without Client-Side JavaScript (mez)2,191
eleventy, serverless, functionality, search
CSS-Only Scroll-Driven Animation and Other Impossible Things (bra+)2,190
videos, css, animations
Extending the Properties of an HTML Element in TypeScript2,189
html, components, typescript
How to Promote Your Website: 12 Free Methods That Work (sem)2,188
how-tos, marketing, blogging, content, social-media, links, keywords, seo, sem
Inclusivity in the Digital Age: The Importance of Accessibility Advocacy (uxm)2,187
accessibility, dei, communication, advocacy
Obligatory WCAG 2.2 Launch Post (aar)2,186
accessibility, wcag, standards
Why the Internet Isn’t Fun Anymore2,185
web, social-media
The Future of CSS: Easy Light-Dark Mode Color Switching With “light-dark()” (bra)2,184
css, functions, dark-mode
The Future of SolidJS With Ryan Carniato (rya/fro)2,183
podcasts, interviews, solidjs, outlooks
Speeding Up the JavaScript Ecosystem—the Barrel File Debacle (mar)2,182
javascript, performance, architecture
The Hidden Performance Cost of Node.js and GraphQL2,181
performance, nodejs, graphql
CSS 3D Text Effects2,180
css, effects
Don’t Use Fixed CSS “height” or “width” on Buttons, Links, or Any Other Text Containers (ash)2,179
css, accessibility, usability, buttons, links
Naming Variables in CSS (doc)2,178
css, custom-properties, naming
Node.js vs. Django: Which Is Better for Web Development in 2023?2,177
nodejs, django, comparisons
Welcome WCAG 2.2 and Goodbye Success Criterion 4.1.1 “Parsing” (cer)2,176
accessibility, wcag, conformance
Demystifying WCAG 2.2 (vig)2,175
accessibility, wcag, standards
How Did You Switch From JavaScript to TypeScript?2,174
discussions, javascript, typescript, migrating
Quick Tip: Decorators in TypeScript2,173
tips-and-tricks, typescript
The Nonvisual Website (ang)2,172
websites, accessibility
WCAG 2.2 and Validation2,171
accessibility, wcag, conformance, quality
Which Is the Best Image Format for Your Website?2,170
images, comparisons, jpeg, png, gif, webp, avif
Writing Accessible Form Messages (ons)2,169
accessibility, writing, forms
Table of Contents: The Ultimate Design Guide (nng)2,168
guides, navigation, design, usability
An Anchored Navbar Solution (mey)2,167
html, css, navigation
GitHub Actions: “NODE_OPTIONS” Is Now Restricted From “GITHUB_ENV” (git)2,166
github-actions, automation, nodejs
Intopia Launches WCAG 2.2 Map (int)2,165
accessibility, wcag, standards
React Micro-Frontends Using Vite2,164
micro-frontends, react, vite
WCAG 2.2 Is Now a Published Web Standard2,163
discussions, accessibility, wcag, standards, w3c
WCAG 2.2 Is Now a W3C Recommendation (den)2,162
accessibility, wcag, standards
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)2,161
accessibility, guidelines, wcag, standards
What Happened to Separation of Concerns in Frontend Development (j9t)2,160
maintainability, principles, css, frameworks, history
What’s New in WCAG 2.2 (pat/tpg)2,159
accessibility, wcag, standards, release-notes
When to Nest CSS (spa/clo)2,158
css, nesting
Hey Designers, They’re Gaslighting You2,157
design, career
Understanding XSS Attacks2,156
security, xss
An Interactive Intro to CRDTs (jak)2,155
introductions, javascript, types
Career Growth After 35: What Awaits Programmers? (the)2,154
discussions, career
Deploy and Test AWS Step Functions With Node.js (app)2,153
nodejs, aws, functions, deploying, testing
Let’s Create a Filter Table Component in Vue2,152
videos, tables, components, vuejs
Limit the Reach of Your Selectors With the CSS “@ scope” At-Rule (bra/dev)2,151
css, selectors, scope
Release Notes for Safari Technology Preview 180 (jon/web)2,150
release-notes, browsers, apple, safari
Still No CSS Reset (jus)2,149
css, resets
The Power of Type Safety in TypeScript2,148
typescript, type-safety
Whatever Happened to the Zend Framework (ami)2,147
frameworks, php, history
Accessibility vs. Inclusive Design (tbf/nng)2,146
videos, accessibility, dei, comparisons
Chrome Now Shows Each Active Tab’s Memory Usage (add)2,145
memory, browsers, google, chrome
It’s Time to Rethink the Americans With Disabilities Act (nyt)2,144
accessibility, legal
4 Alternatives to Postman to Consider After Their Latest Update2,143
apis, tooling, vs-code
How to Develop Terminal Productivity With Bash Aliases2,142
how-tos, command-line, aliases, shells, productivity
Being Picky About a CSS Reset for Fun and Pleasure (chr)2,141
css, resets
Get Ready for Interop 2024 (jen/web)2,140
interoperability, web-platform
How to Be an Accessibility Ally (mer)2,139
how-tos, accessibility, community
The Problem With WordPress Is Positioning, Not Plugins (geo/sma)2,138
wordpress
Your Website Does Not Need JavaScript (amy)2,137
videos, javascript, support
Comparing JavaScript Bundlers: Rollup vs. Webpack vs. Parcel (kin)2,136
javascript, bundling, tooling, rollup, webpack, parcel, comparisons
Crawlers (ada)2,135
crawling, robotstxt, ai
Demystifying CSS Container Queries (mia+)2,134
videos, css, container-queries
Have You Seen These Weird Image Tag Issues?2,133
videos, css
How to Clear Cache and Cookies on a Customer’s Device (css)2,132
how-tos, caching, cookies, testing
Nine Things Automated Accessibility Tests Can’t Test (dav)2,131
accessibility, testing, automation
Return to Office Is Bullshit and Everyone Knows It (soa)2,130
processes, career
The Most Minimal Valid HTML Document (j9t)2,129
html, minimalism, conformance, templates
The Absolute Minimum Every Software Developer Must Know About Unicode in 2023 (Still No Excuses) (nik)2,128
unicode, encoding, standards
All the Ways to Turn an Array Into an Object in JavaScript (ami)2,127
javascript, arrays, objects
Making a Website Is for Everyone (jim)2,126
dei, community, career
The 3 Secrets to Font Pairing2,125
typography, fonts, design
The Myth of Infinite Data Growth (ger)2,124
sustainability, myths
TypeScript Monorepo With npm Workspaces (skw)2,123
monorepos, typescript, npm, architecture
In-Page Links for Content Navigation (nng)2,122
navigation, links, usability
Monitoring a Kubernetes Application With Prometheus, Grafana, and Loki2,121
videos, monitoring, kubernetes
Creating a Content Recommendation Plugin in 11ty2,120
eleventy, content, plugins, functionality
Test Assertion Styles in JavaScript (isa)2,119
javascript, testing
Understanding the CSS Auto-Resizing Textarea Trick (sim)2,118
css, forms, resizing
Managing and Mitigating Design Debt: A Solo UX Designer’s Guide2,117
guides, design-debt, user-experience
20+ Tools for Node.js Development in 20232,116
nodejs, tooling, link-lists
Characteristics of Code Quality2,115
research, quality
Crafting Future-Ready Experiences: The Power of Progressive Web Apps (PWAs) and Offline-First Design2,114
web-apps, progressive-web-apps, offline
Four Reasons to Give WCAG AAA a Second Look (web)2,113
accessibility, wcag, standards
How I Deployed My Website as a Docker Container2,112
deploying, docker, containerization
Naming Things Needn’t Be Hard (pau)2,111
websites, naming
Node v20.8.0 (nod)2,110
release-notes, nodejs
Re-Creating the Pop-Out Hover Effect With Modern CSS (css/sma)2,109
css, effects, hover
5 Pillars of Responsible Generative AI: A Code of Ethics for the Future2,108
ai, ethics
A Comprehensive Guide to the Dangers of Regular Expressions in JavaScript (phi)2,107
guides, javascript, security, regex
CSS Nesting and the Cascade (jen/web)2,106
css, nesting, cascade
Easy Dark Mode With “color-scheme” (sar)2,105
slides, dark-mode, html, css, accessibility
Embracing Efficiency: Shorter Work Hours for Software Developers (and Everyone Else)2,104
productivity, efficiency, culture, engineering-management
Exploring Enhanced Patterns in WordPress 6.3 (sma)2,103
wordpress
The Ultimate Low-Quality Image Placeholder Technique (css)2,102
performance, images, web-vitals
A Socket API That Works Across JavaScript Runtimes—Announcing a WinterCG Spec and Node.js Implementation of “connect()” (jas+/clo)2,101
javascript, runtimes, apis
An Introduction to Web Components (ami)2,100
introductions, web-components
Best Practices for Securing Node.js Applications in Production2,099
best-practices, security, nodejs
CSS Terminology Demystified (zor/css)2,098
videos, css, terminology
Frontend Monitoring: Strategies, Best Practices, Tools, and More2,097
monitoring, alerting, strategies, best-practices
Honey, I Shrunk the npm Package2,096
dependencies, npm, compression
SSH Keys Stolen by Stream of Malicious PyPI and npm Packages (ble)2,095
security, ssh, dependencies, npm
Stop Using JS for That: Moving Features to CSS and HTML (kil)2,094
videos, javascript, css, html
The Saga of the Closure Compiler, and Why TypeScript Won2,093
javascript, google, compiling, typescript, history
How to Make the Case for Design Systems (uxd)2,092
how-tos, design-systems
The Cost of Obsessing Over Design Perfection (uxd)2,091
design, processes, career
What Is Transpiling?2,090
javascript, ecmascript, transpiling, babel
Form Accessibility and Usability Beyond the Basics (pop)2,089
forms, accessibility, usability
How to Check Website Traffic (and Increase It) (sem)2,088
how-tos, traffic, analytics, google, tooling
Mastering Closures in JavaScript: A Comprehensive Guide2,087
guides, closures, scope, javascript
No More 404 (rem)2,086
link-rot, user-experience, quality, automation
npm Provenance General Availability (git)2,085
github, npm, provenance, security
Overlays: Just Another Disability Dongle (ons/tpg)2,084
accessibility, overlays
Real AI Solutions for Accessibility Challenges (equ)2,083
accessibility, ai
Taming Tailwind (aaa)2,082
tailwind, optimization
Top 5 ARIA Implementation Errors2,081
accessibility, aria, errors
8 More Micro Tips for Remarkably Better Typography (uxd)2,080
typography, tips-and-tricks, legibility, readability
Optimizing Web Fonts2,079
fonts, css, performance, optimization
How Mastodon Handles Images and Web Previews (rba)2,078
social-media, mastodon, open-graph, metadata, images, html
HTML Popover, Videos, and “display:blackhole” (bru)2,077
html, pop-overs, videos
Textareas With Auto-Increasing Height Using CSS (ami)2,076
css, forms
The Future of Web Design: Emerging AI Technologies and Trends (uxm)2,075
design, outlooks, trends, ai
The Illusion of Developer “Productivity” Opens the Door to Snake Oil2,074
productivity, metrics
Understanding Puppeteer Headless2,073
puppeteer, automation, testing, headless
What Are Accessibility Overlays? (hey)2,072
videos, accessibility, overlays
Why HTTP/3 Is Eating the World2,071
http, protocols
Accessibility Is Easy… Except for When It Isn’t (llo/web)2,070
videos, accessibility
Misconceptions Can Kill Accessibility Momentum (yat)2,069
accessibility, html, processes
Token Based Authentication With Fastify, JWT, and TypeScript2,068
authentication, fastify, json-web-tokens, typescript
GitHub Actions Could Be So Much Better (yos)2,067
github-actions, ci-cd, automation
How to Escape CSS Selectors in JavaScript (ste)2,066
how-tos, css, selectors, javascript, escaping
Responsive Type Scales With Composable CSS Utilities2,065
css, responsive-design, typography
State of HTML 2023 (sac+/dev)2,064
surveys, html
The Path to Awesome CSS Easing With the “linear()” Function (jhe/sma)2,063
css, functions, animations
Upgrading Frontend Dependencies With Confidence2,062
dependencies, maintenance, testing, regressions, playwright
How to Build Trust With Others by Organizing Your Figma Files (uxd)2,061
how-tos, figma, conventions, collaboration
Accessible Web Components? (mat/inc)2,060
videos, web-components, accessibility
Developers Talking About Code Quality2,059
studies, research, quality, readability
Native Mobile Accessibility Testing (inc)2,058
videos, accessibility, testing, mobile
Open Source Trends to Look for in 20242,057
foss, trends, outlooks, ai, security
Save Our World With Progressive Enhancement and Accessibility (inc)2,056
videos, accessibility, progressive-enhancement
Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue (mar)2,055
javascript, performance, polyfills
Supercharge Your Repository With Code Owners (ope)2,054
maintenance, code-reviews, processes
The Character Encoding Cheat Sheet for JS Developers (hon)2,053
encoding, unicode, cheat-sheets, javascript
The Design System Ecosystem (bra)2,052
design-systems, design-tokens
The WebP 0-Day2,051
security, webp, google, apple
TypeScript Origins: The Documentary2,050
videos, typescript, history
Unlocking a World of Accessibility: How Internationalization Is the Key (inc)2,049
videos, accessibility, internationalization, localization
What Is Strict Mode in JavaScript?2,048
javascript
What Makes an Accessible Date Picker? Is It Even Possible? (inc)2,047
videos, accessibility, html
The Great JavaScript Divide: CommonJS vs. ES Modules (abd)2,046
javascript, modules, commonjs, esm, comparisons
Building a Core Accessibility Team: The Keys to the Kingdom (deq)2,045
accessibility, engineering-management, processes
CSS Findings From The Threads App II (sha)2,044
css, case-studies
How to Make Forms in Angular Reusable2,043
videos, how-tos, angular, forms, maintainability
How to Migrate From npm to pnpm2,042
how-tos, migrating, npm, pnpm
How to Use the New “<search>” Element With WordPress (ede)2,041
how-tos, html, wordpress
Introducing Runes (sve)2,040
introductions, svelte
Release Notes for Safari Technology Preview 179 (jon/web)2,039
release-notes, browsers, apple, safari
The Psychology of Web Performance (tam/btc)2,038
videos, performance, user-experience, history
We are Chrome for Developers (dev)2,037
browsers, google, chrome, chromium, community, foss, history
What Can You Do With “data” Attributes? (cfe)2,036
html, custom-data, javascript
Experimenting With Measuring Soft Navigations (tun/dev)2,035
performance, web-vitals, navigation, experiments, metrics
A Quick Introduction to NestJS2,034
introductions, frameworks, nestjs
Better User and Developer Experience With htmx (mia+/odd)2,033
videos, htmx
Bun vs. Node.js: Everything You Need to Know (bui)2,032
bun, nodejs, comparisons
Get All That Network Activity Under Control With Priority Hints (mac)2,031
network, hints, performance
What an Economist Article Says About Website Accessibility and Lawsuits (equ)2,030
accessibility, legal
1-Minute CSS Tip: Accent Colors (alv)2,029
tips-and-tricks, css, forms
A (More) Modern CSS Reset (bel)2,028
css, resets
Arrow Functions vs. Traditional Functions in JavaScript (cfe)2,027
videos, javascript, functions, comparisons
First Steps to an Accessible Website—Skip Links2,026
accessibility, skip-links
Git: Don’t Create .gitkeep Files, Use .gitignore Instead (ada)2,025
git
Node v20.7.0 (nod)2,024
release-notes, nodejs
Node.js: A Guide to Native .env Support and Local Development2,023
guides, nodejs, environments
One Thing Nobody Explained to You About TypeScript2,022
typescript, configuration
Understanding the JavaScript Modulo Operator (jos)2,021
javascript, math
WebKit Features in Safari 17.0 (jen/web)2,020
release-notes, browsers, apple, safari, webkit
Sharing State With Islands Architecture (max)2,019
architecture, state-management, examples, astro, react
Managing Design Debt: Strategies for Sustainable User Experience (dxn/log)2,018
design-debt, user-experience, strategies
Expert CSS: The CPU Hack2,017
css, custom-properties
How to Make a Strong Case for Accessibility (vit/sma)2,016
how-tos, accessibility, communication
How UnoCSS Works Internally With Vite?2,015
unocss, vite
Sustainability and Tech and Us (j9t)2,014
sustainability, performance, minimalism, principles
The JS Community on Twitter Is Dead (hbu)2,013
social-media, community, javascript
Why Not React?2,012
react
Accessibility and Inclusivity: Study Guide (nng)2,011
guides, accessibility, dei, training, link-lists
Expanding Your Touch Targets (stu)2,010
accessibility, usability, user-experience, touch
Bun Hype: How We Learned Nothing From Yarn2,009
bun, yarn, dependencies, history
Writing Clean Code: Best Practices and Principles2,008
javascript, best-practices, principles, conventions, formatting, maintainability
Solved by CSS Scroll-Driven Animations: Detect if an Element Can Scroll or Not (bra)2,007
css, scrolling, animations
Revealing Images With CSS Mask Animations (css/sma)2,006
css, animations, techniques
What Makes Some Interruptions More Disruptive Than Others?2,005
research, productivity, efficiency, career
Whataboutism (col)2,004
accessibility
Securing Your Node.js Apps by Analyzing Real-World Command Injection Examples2,003
nodejs, security, history, examples
How Custom Property Values Are Computed (5t3)2,002
css, custom-properties
How to Actually Integrate Angular and NestJS (pol)2,001
how-tos, angular, nestjs
Incremental Static Regeneration for Angular (ang)2,000
angular, incremental-static-regeneration
Submit Your Proposals for Interop 2024 (foo+/dev)1,999
interoperability, web-platform, browsers, support
The 10 Tools I Install on Every New Mac I Get (cod)1,998
tooling, apple, link-lists
The 10ish Tools I Install on Every New Mac I Get (j9t)1,997
tooling, apple, link-lists
The 5 Principles of Unit Testing1,996
principles, testing, quality
View Transition Debugging (jaf)1,995
videos, view-transitions, apis, debugging
JavaScript Is Getting Array Grouping Methods (phi)1,994
javascript, arrays, methods
v0.dev1,993
websites, components, tooling, ai, react, tailwind
Why Is Creativity So Blurry, and Am I Creative? (uxd)1,992
creativity, design, career
Documentation Is a Living Thing: How We Talk Informs What We Make1,991
documentation, communication, collaboration
How to Set Up Personal OKRs1,990
how-tos, processes, okr, prioritization
Multi-Page Web Apps (ada)1,989
web-apps, multi-page-apps, user-experience
Use Cases for IIFEs1,988
javascript
Why Drupal 10 (man)1,987
videos, drupal
Why I Quit Open Source (sap)1,986
foss, community, career
I Think I Kind of Hate Lazy Loading (ede)1,985
performance, lazy-loading
In Memory of Molly E. Holzschlag, the Fairy Godmother of the Web (mer)1,984
obituaries
Limitations of Scoped CSS (zel)1,983
css, scope
Nuclear Anchored Sidenotes (mey)1,982
css, experiments
Stop Lazy Loading Product and Hero Images (gri/clo)1,981
performance, lazy-loading, images
The Cult of Productivity (uxd)1,980
productivity, efficiency, career
From Silos to Design Systems1,979
design-systems, processes, case-studies
Changes and Additions in Pointer Events Level 3 (pat/w3c)1,978
videos, standards, pointer-events
JPEG and EXIF Data Manipulation in JavaScript1,977
jpeg, metadata, javascript
State of Web Accessibility, ARIA in HTML, and Missing UI Patterns (tin+/fwo)1,976
podcasts, accessibility, aria, html
What Is Functional Testing? Definition, Key Concepts, and Types1,975
testing, terminology, concepts
The Real Value of Tokens (uxd)1,974
design, design-tokens
Gradients, Blend Modes, and a Really Cool Hover Effect (pre/sma)1,973
css, effects, gradients, hover
Creating Dynamic README.md File1,972
readme, github
Discover Bun—a Faster, Modern JavaScript Runtime1,971
bun, javascript, runtimes
Medium vs. DEV vs. Hashnode vs. Hackernoon1,970
writing, community, productivity, comparisons
Rewriting Digital Content for Brevity (nng)1,969
writing, content, refactoring, tips-and-tricks
Cool Tools (mic)1,968
tooling, link-lists
Bun, JavaScript, and TCO1,967
bun, javascript, optimization
How I Approach and Structure Enterprise Frontend Applications After 4 Years of Using Next.js1,966
architecture, conventions, nextjs
Running a Playwright Script on AWS Lambda (mat)1,965
playwright, automation, aws, serverless, lambda
URL Poetry Club1,964
websites, urls
Why Your Design System Needs a Component Process1,963
design-systems, components, processes
A New Method to Validate URLs in JavaScript (ste)1,962
javascript, validation, urls
Bun 1.0 (jar+/bun)1,961
bun, release-notes
JavaScript WTF: Why Does “every()” Return “true” for Empty Arrays? (nza)1,960
javascript
The Dangers of Deceptive Design Patterns (and How to Avoid Them) (web)1,959
user-experience, dark-patterns
The Pros and Cons of Different Test Tools—Jest1,958
testing, jest, history
Building a Real-Time Chat With WebSockets, Novel, and Clerk1,957
communication, vite, react, nodejs, express, websockets
CSS “display” Is a Multi-Keyword Property? (zor/css)1,956
videos, css
CSS Lobotomized Owl Selector: A Modern Guide (log)1,955
css, selectors, guides, history
Delay, Sleep, Pause, and Wait in JavaScript1,954
javascript
Gulp vs. Webpack—What Is Better: Using Webpack or Gulp.js?1,953
gulp, webpack, comparisons
The “Array.prototype.every()” Method Always Returns “true” for an Empty Array (cfe)1,952
javascript, arrays, prototypes
The New Google Fonts: Find What You’re Looking For (tob)1,951
google, fonts
Web Components Accessibility FAQ (mat)1,950
accessibility, web-components
Why Are We Not Still Using Tables-for-Layout? (rac)1,949
css, techniques, tables
WOFF Has Left the Building (mat)1,948
fonts, woff, typography, css, support
From Data-Driven to Decision-Driven (uxd)1,947
strategies, product-management, metrics
Binary Search Algorithm in JavaScript (fro)1,946
javascript, algorithms, search
Dear Molly (col)1,945
obituaries
Four Common Types of Code Coverage (jec/dev)1,944
testing, code-coverage
GoDaddy Retires Media Temple Brand (sar)1,943
domains, hosting
Is AI the Silver Bullet of Accessibility?1,942
accessibility, ai
Long Live the Test Pyramid (sma)1,941
testing, quality, maintainability
Making Sense of React Server Components (jos)1,940
react, components
Memories of Molly (mey)1,939
obituaries
Release Notes for Safari Technology Preview 178 (jon/web)1,938
release-notes, browsers, apple, safari
The Only CSS Layout Guide You’ll Ever Need1,937
videos, guides, css, layout, flexbox, grids, box-model
Turbo 8 Is Dropping TypeScript1,936
hotwire, release-notes, typescript
Using Labeled Loops in JavaScript1,935
javascript, loops
Browser Video Players Review (aar)1,934
html, multimedia, accessibility, browsers, screen-readers, support
Compact HTML1,933
chtml
Equivalent Experience Can Cut Both Ways (eri)1,932
accessibility, user-experience
Essential Metrics for Click Testing1,931
user-experience, metrics, testing
First, Do No Harm: Mistakes to Avoid in Creating Accessible User Experiences1,930
accessibility, user-experience, mistakes
Node.js Includes Built-In Support for .env Files (phi)1,929
nodejs, support, environments
Progressively Enhanced Form Validation: Custom Validation Messages (ger/clo)1,928
forms, validation, progressive-enhancement, errors
The Perpetual Circle of Accessibility (col)1,927
accessibility, learning
8 Micro Tips for Remarkably Better Typography (uxd)1,926
typography, tips-and-tricks, readability
“Good Commit” vs. “Your Commit”: How to Write a Perfect Git Commit Message (vic)1,925
how-tos, commit-messages, collaboration, version-control, git
Node.js vs. Deno vs. Bun: JavaScript Runtime Comparison1,924
nodejs, deno, bun, javascript, runtimes, comparisons
CSS Frameworks Comparison: Bootstrap vs. Foundation vs. Materialize1,923
css, frameworks, comparisons, bootstrap, foundation, materialize
Node v20.6.0 (nod)1,922
release-notes, nodejs
Understanding SSR, CSR, ISR, and SSG: A Comprehensive Guide1,921
guides, client-side-rendering, server-side-rendering, incremental-static-regeneration, static-site-generation
Web Components Don’t Need You (chr/cod)1,920
web-components
NODE_ENV Considered Harmful (cji)1,919
nodejs, environments
10 Things You Didn’t Know About HTML1,918
html
A Wide View of Automated Testing in React Apps1,917
react, testing, automation
On Productivity Metrics and Management Consultants (nor)1,916
productivity, metrics
Style Is Consistent Constraint1,915
design, consistency
Top Website Redesign Tips for 20231,914
redesigning, tips-and-tricks
Information Architecture vs. Sitemaps: What’s the Difference? (nng)1,913
information-architecture, navigation, sitemaps, comparisons
A Beginner’s Guide to Eleventy (dza)1,912
guides, eleventy
Clocks and Countdowns: Timing in CSS and JavaScript (sto)1,911
time, css, javascript
Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (hdv)1,910
slides, html, pop-overs, modals, deep-dives
JetBrains Qodana Review1,909
jetbrains, qodana
Selecting the Scoping Root (mat)1,908
css, scope
Small Details to Improve Your Website’s Experience (alv)1,907
user-experience, html, css, metadata
Three Dimensions of Developer Productivity1,906
research, developer-experience, productivity, quality
Type Safe CSS Design Systems With “@ property” (arg)1,905
design-systems, css, type-safety
Why I Switched From Sublime Text to Visual Studio Code1,904
code-editors, sublime-text, vs-code, microsoft
Build a GraphQL Gateway: Combine, Stitch, or Merge Any Datasource1,903
data-fetching, graphql
Decoding WCAG: “Alternative for Time-Based Media” and “Media Alternative for Text” (web)1,902
wcag, accessibility, multimedia
How to Make Charts and Graphs More Accessible (pop)1,901
how-tos, information-design, images, accessibility
Is Atomic Design Dead? (bra)1,900
videos, design, atomic-design
The Role of Cloud Computing in Web Development1,899
cloud-computing
Understanding Feature Flags: Improving Feature Management1,898
videos, feature-management, optimization
An Introduction to the Laravel PHP Framework1,897
introductions, frameworks, laravel, php
Things That Jakob’s Law Is Not1,896
user-experience, usability, web
Accessibility Theater (tpg)1,895
accessibility
Astro 3.0 (ast)1,894
astro, release-notes
Case Study: Rebuilding TechCrunch Layout With Modern CSS (sha)1,893
case-studies, refactoring, css
Connected Grid Layout Animation (cod)1,892
css, grids, layout, animations
CSS Loaders (css)1,891
websites, css, animations, effects
Getting Started With htmx: A Comprehensive Guide for Beginners1,890
guides, introductions, htmx
Let’s Make a Rubber Button With HTML, CSS, and SVG (tyl/clo)1,889
buttons, html, css, svg, images
Memorization and Learning to Code1,888
learning, productivity, career, programming
Sustainable SEO: Processes and Practices1,887
seo, sustainability, processes, best-practices
Tracking Errors in a Node.js Application (app)1,886
monitoring, errors, nodejs
Using “rem” Doesn’t Make Your Website Responsive—Here’s Why1,885
responsive-design, units, css
Web Sustainability Guidelines (WSG) 1.0 (ale/w3c)1,884
guidelines, sustainability
What Is Inclusion Anyways? Lessons From the Disabled Community1,883
slides, lessons, dei, accessibility
What Is the View Transitions API and How to Use It With Meta Frameworks1,882
view-transitions, apis, frameworks, support
Why Do I Have Layout Shift? (una+/dev)1,881
videos, performance, web-vitals
Guide to Using Template Engines (Such as Twig) With PHP1,880
guides, template-engines, php, twig
Announcing Cypress 13 With Test Replay1,879
cypress, release-notes
Benchmarks [for 24 CSV Parsing Approaches]1,878
csv, parsing, performance, comparisons
Biome v1 (ema/bio)1,877
release-notes, biome
Building Accessibility Into Your Company, Team, and Culture (swi)1,876
videos, accessibility, culture
Five Optimization and Performance Tools That Enhance Website User Experience1,875
user-experience, performance, optimization, tooling, link-lists
Git Uncommit (ami)1,874
git, command-line
Measuring Developer Productivity? A Response to McKinsey (ger)1,873
productivity, metrics
Web Apps Are Better Than No Apps (yur)1,872
web-apps