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, accountability, and support. Hide

dxsrc

The News Feed and Archive for Web Developers (17)

→ Stay up-to-date on all topics by various RSS feeds (main feed with complete coverage: $2/month), on Mastodon, and on Bluesky

Entry (Sources) and TopicsDate#
Growth or Scale?16415
sustainability, scalability
Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (uxm)16414
user-experience, logging, monitoring, observability
The Art of Not Being So Freaking Pushy16413
design, user-experience, microcontent, buttons
CSS “:has()”, the God Selector (bru)16412
css, selectors
UI Density16411
design, information-design, metrics
Stop Resizing Your Browser: Improve Testing for Responsiveness (jen)16410
browsers, testing, responsive-design
“<style>”: Inline Optimizations for the Bold (mor)16409
html, css, performance, optimization
Web Content Has a Maintenance Problem (ger)16408
web, content, maintenance, processes, sustainability
CodeFlattener16407
packages, npm, javascript
Process16406
processes
A JavaScript Developer Tries Go for the First Time16405
javascript, go
On Compliance vs. Readability: Generating Text Colors With CSS (lea)16404
css, functions, colors, compliance, readability, comparisons
Turn Off Google AI Overview—Set “Web” as Default16403
websites, google, ai, search
On Which Side Do We Put the Primary Button? (mar)16402
design, usability, buttons
Weighing in on CSS Masonry (kei)16401
css, layout, masonry
Cloning Queries in Laravel (ami)16400
laravel, databases
WAI–ARIA: “role=deletion”16399
accessibility, aria
Visual Design: Glossary (tbf/nng)16398
design, terminology
WAI–ARIA: “role=strong”16397
accessibility, aria
The Future of 11ty (zac/ele)16396
videos, eleventy, outlooks
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools16395
guides, javascript, performance, debugging, browsers, chrome, dev-tools
Automate Browser Testing With Tools and Best Practices From Chrome (mat)16394
videos, browsers, chrome, testing, tooling, automation, best-practices
What You Need to Know About Third-Party Cookie Deprecation16393
videos, cookies, browsers, chrome, support, deprecation
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)16392
css, html, attributes
The WCAG 3 Working Draft Update Is Ready for Your Review (w3c)16391
accessibility, w3c, wcag
Navigating the JavaScript Framework Ecosystem (add)16390
videos, javascript, frameworks
W3C Unveils 174 New Outcomes for WCAG 3.0 (deq)16389
accessibility, wcag, standards, w3c
New Field Insights for Debugging INP (mal)16388
videos, performance, web-vitals
From Fast Loading to Instant Loading (tun)16387
videos, performance, apis
CSS Container Queries in Practice (mia+/odd)16386
videos, css, container-queries
Rethinking Text Resizing on Web (bas)16385
accessibility, resizing
CSS3? Pfff—Get Ready for CSS6! (jar/van)16384
css, versioning
Beyond CSS Media Queries (mon/sma)16383
css, media-queries, container-queries, layout, techniques
What’s New in the Web16382
videos, web-platform
What’s New in Angular (mge+)16381
videos, angular
The Latest in Web UI (una)16380
videos, html, css, layout, effects
ADA Title II and You16379
videos, accessibility, ada, legal
CSS… 5? (chr/fro)16378
css, versioning
Transforming the Relationship Between Designers and Developers (sma)16377
design, collaboration, processes
JavaScript Security: Simple Practices to Secure Your Frontend16376
javascript, security, dependencies, csp
It’s Time to Upgrade From “Hard-Working” to “Highly Efficient”16375
productivity, efficiency, product-management
Dynamic GitHub Profile With Bun and TypeScript16374
github, readme, bun, typescript
Prefetching When Server Loading Won’t Do (ada/fro)16373
performance, client-side-rendering, server-side-rendering, streaming
Baseline Progressive Enhancement16372
web-platform, progressive-enhancement, browsers, support
Merging Remix and React Router (rem)16371
remix, react-router
React Compiler (rea)16370
react, compiling
10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (pau)16369
google, web-platform, ai
Anchor Positioning and the Popover API for a JS-Free Site Menu (mic)16368
css, apis, pop-overs, anchor-positioning
The CSS Stepped Value Math Functions Are Now in Baseline 202416367
css, math, functions, browsers, support, web-platform
ECMAScript Proposal: “Promise.withResolvers()” (rau)16366
ecmascript, promises
Stop Moving Fast and Breaking Everything16365
product-management, engineering-management, leadership, processes
The Great Tech and People Hypocrisy (j9t)16364
career, leadership, economics
Dark Mode and Accessibility Myth (ste)16363
accessibility, dark-mode, myths
Why Designers Aren’t Understood (sma)16362
design, career, communication, terminology
Google’s Broken Link to the Web16361
google, web, search, ai
State of HTML 2023 [Results] (sac+/dev)16360
surveys, metrics, html
Web Platform Status16359
websites, web-platform, browsers, interoperability, support
New in Chrome 125 (tro)16358
release-notes, browsers, chrome
Built-In AI (kbx+)16357
chrome, browsers, ai, gemini, apis
I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (bel/pic)16356
css, layout, masonry, accessibility, keyboard-navigation
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues16355
accessibility, aria, best-practices
AI Product Design: Identifying Skills Gaps and How to Close Them16354
design, ai, processes
The Times You Need a Custom “@property” Instead of a CSS Variable (pre/sma)16353
css, custom-properties, animations, transitions
Doing the Right Thing Right—Validation and Verification16352
validation, terminology, comparisons
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)16351
css, borders, tips-and-tricks
List of Essential Soft Skills for Front-End Engineers16350
career
Designers Are More Than Keywords and Portfolios16349
design, user-experience, career
Top 7 CSS Frameworks for Developers in 202416348
css, frameworks, bootstrap, tailwind, foundation, bulma, skeleton, uikit, milligram, comparisons
How I Made My GitHub Profile README Dynamic16347
github, readme
JavaScript Objects—Complete Guide16346
guides, javascript, objects
Morphing Arbitrary Paths in SVG16345
svg, animations
WebKit Features in Safari 17.5 (web)16344
release-notes, browsers, safari, webkit
AI Isn’t Ready for UX Design (cal/nng)16343
videos, design, user-experience, ai
Regarding Keyboard Testing16342
accessibility, keyboard-navigation, testing
Intopia’s WCAG 2.2 Maps (int)16341
accessibility, wcag, cheat-sheets
Accessible SVG Forms16340
accessibility, forms, svg, aria
RSS Is Good, Isn’t It?! (mic)16339
syndication, rss, indieweb
Software Engineering Principles Every Frontend Developer Should Know16338
principles, craft, quality
Quick Incremental Accessibility Audits for Small Business Websites (cer)16337
accessibility, auditing
“target=_blank” Implies “rel=noopener” (ste)16336
links, html, attributes, security
Setting Personal OKRs (cwo)16335
career, processes, okr
All I Want for GAAD16334
accessibility, awareness-days, wish-lists
Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World16333
accessibility
Accessibility Overlays Are Not for Disabled People (tem)16332
accessibility, overlays
Best Intention Barriers (ARIA Edition) (mar)16331
accessibility, aria, auditing
Mesh Gradients in CSS (jos)16330
css, gradients
The Dilemmas You’ll Face When Creating a Component Library (and)16329
libraries, components
Design Taste vs. Technical Skills in the Era of AI (nng)16328
design, programming, ai, comparisons
Build Your Own React.js in 400 Lines of Code16327
react, jsx, principles
17 Best Developer Productivity Tools to Try16326
productivity, tooling, link-lists
Introducing the CSS Anchor Positioning API (una)16325
introductions, css, apis, anchor-positioning, examples
How to Document Your JavaScript Package (lca+/den)16324
how-tos, javascript, dependencies, documentation, writing, jsdoc, readme
The Modern Guide for Making CSS Shapes (css/sma)16323
guides, css, shapes, effects, techniques
Make Your Figma Components Work Harder16322
figma, design-systems, components
Using the Page Visibility API (bsm/mdn)16321
javascript, apis
Manifesto for a Humane Web (mic)16320
websites, manifestos, web, principles, accessibility, dei, security, sustainability, user-experience
Typography Terms: Glossary (tbf/nng)16319
typography, terminology
Simple Implemention to Understand “worker_threads” in Node.js16318
nodejs, examples, worker-threads
Release Notes for Safari Technology Preview 194 (jon/web)16317
release-notes, browsers, safari
WordPress Ping List for Faster Post Indexing16316
wordpress, crawling, seo, indexing
Upgrade Your HTML V (j9t/dxs)16315
books, frontend-dogma, html, minimalism, craft, conformance
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)16314
javascript, events, web-components
Why Use Web Components Over Traditional DOM Manipulation? (cfe)16313
web-components, dom
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)16312
ai, slop, terminology
Let’s Build a Web Scraper in PHP and Python16311
scraping, php, python
37 Tips From a Senior Frontend Developer16310
tips-and-tricks, fundamentals, learning, processes, career
Level-Setting Heading Levels (aar)16309
headings, semantics, conformance, accessibility, aria
Websites Are Not Books (ons)16308
terminology, concepts
What Is UX (Not)? (nng)16307
videos, user-experience, concepts
How We’re Building More Inclusive and Accessible Components at GitHub (eri)16306
components, accessibility, dei, case-studies, github
Evidence-Based Management Guide, 2024—What’s New?16305
release-notes, guides, agile, processes, metrics, engineering-management
JavaScript “var”, “let”, and “const” Explained (cfe+)16304
javascript
Introducing the Gulp Developer Survey16303
introductions, surveys, gulp
The Carcinization of Web Frameworks16302
frameworks, history, signals, server-side-rendering, outlooks, web-components
Why Patching Globals Is Harmful16301
javascript, programming
Focus vs. Accessibility Focus16300
accessibility, focus, comparisons
Modern WordPress—Yikes! (dbu)16299
wordpress, themes
Transparent Borders (bra)16298
css, borders, transparency+opacity, accessibility, contrast
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)16297
redesigning, strategies, dei, accessibility
The Pros and Cons of Using a Backend-for-Frontend (BFF)16296
backend-for-frontend, architecture
An Introduction to the European Accessibility Act (EAA) (deq)16295
introductions, accessibility, legal, eaa
Using Simple Tools as a Radical Act of Independence16294
html, css, simplicity
Mastering User-Centered Design, With 5 Advanced Tips (uxm)16293
usability, user-experience, user-focus, tips-and-tricks, accessibility, testing
These CSS Pro Tips and Tricks Will Blow Your Mind16292
videos, css, tips-and-tricks
Servo Reboot: Where Are We Now? OSS-NA 202416291
browser-engines, servo, browsers
Using the Popover API for HTML Tooltips (chr/fro)16290
pop-overs, apis, html, tooltips
Get First Item in Eleventy Collection16289
how-tos, eleventy, nunjucks
A Brief Note on Highlighted Text (aar)16288
accessibility, colors, contrast, css, selectors
What’s New in Node.js v22 (mco)16287
videos, nodejs
Errors Aren’t All Bad (jim)16286
errors
Native Support for CJS/ESM Interoperability Begins in Node.js 2216285
commonjs, esm, interoperability, support, nodejs
The 7 Most Useful Web Design and Web Development Glossaries (apo)16284
concepts, terminology, link-lists
5 Node Version Managers Compared—Which Is Right for You? (pav)16283
nodejs, comparisons, nvm, pnpm
Eleventy With a Basic Deno Static Server Setup16282
eleventy, deno, hosting
Memory Management Every Developer Should Know16281
memory, garbage-collection
Misconceptions About CSS Specificity (bra)16280
css, selectors, cascade
Pairing Eleventy With htmx and Deno16279
eleventy, htmx, deno
Securing Client-Side JavaScript16278
javascript, security, graceful-degradation
WCAG After Quarter of a Century—We Still Need More Awareness (cer)16277
accessibility, wcag, community
The Value of Open Source in Furthering Accessibility Goals (mgi)16276
videos, foss, accessibility
A to Z of Assistive Technology for Reading Digital Text16275
accessibility, browsers, assistive-tech, readability, concepts
At Some Point, JavaScript Got Good16274
javascript, history
Shades of Grey With “color-mix()” (mic)16273
css, functions, colors
Poor Express Authentication Patterns in Node.js and How to Avoid Them16272
express, nodejs, authentication, security
Content Standards in Design Systems (nng)16271
content, design-systems, processes
Quick-and-Dirty Accessibility (tpg)16270
accessibility, techniques
How Slack Automates Deploys16269
deploying, automation, case-studies, slack
So I Got Fired16268
career
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)16267
css, selectors, html, techniques
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)16266
angular, css, scope
The War Begins: Top Best JavaScript Framework to Learn in 202416265
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)16264
videos, css, view-transitions, animations
3 Methods to Elevate Your Writing With Visual Content16263
writing, content, information-design
How to Archive Your Design System Effectively16262
how-tos, design-systems, design, processes
Web Development Trends We Will See in 202416261
trends
Web Components From Early 2024 (chr)16260
web-components, link-lists
The Vue Ecosystem in 2024 (ben/fro)16259
vuejs, content-delivery, building, frameworks
Introduction to htmx (jan)16258
introductions, htmx
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)16257
figma, programming, typescript, migrating, case-studies
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)16256
foss, maintenance
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry16255
interviews, nodejs, deno, jsr
Understanding What Drupal Editors and Authors Need (ckr/lul)16254
drupal
A React Developer’s Guide to Learning Solid.js16253
guides, react, solidjs, comparisons
How to Create Content in WordPress With AI16252
how-tos, content, ai, wordpress
Exploring the Immersive Web With Wolvic (sea)16251
xr, wolvic, browsers
Cookie Permissions: 6 Design Guidelines (nng)16250
videos, cookies, consent-management, privacy, user-experience, guidelines
Why Are My Live Regions Not Working? (pat/tet)16249
accessibility, aria, live-regions
Should We Rely on Browser Detection? (htm)16248
browsers, browser-detection
Demystifying React’s Types: Ref Types16247
react
When to Use Bun Instead of Node.js (app)16246
bun, nodejs, comparisons
Using AI to Predict Design Trends (web)16245
ai, design, trends
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making16244
how-tos, design-systems, processes, collaboration, maintenance
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings16243
usability, user-experience, sorting
European Accessibility Act: Ultimate Guide to Compliance16242
guides, accessibility, compliance, legal, eaa
Web Accessibility in the 2024 [US] Presidential Campaigns (web)16241
accessibility, case-studies
Pretty Much Every Website Uses the Wrong Font Size…16240
videos, css
Handling the Indentation of a Treeview Component (sha)16239
css
Web Forms: Costly Mistakes You Want to Avoid (geo)16238
books, forms, mistakes, usability, accessibility, maintainability
An Alternative Proposal for CSS Masonry16237
css, layout, masonry, google
I Reviewed 1,000s of Opinions on htmx16236
htmx
Composability in Design Systems16235
design-systems, design, components
Popover API Is Here (chr/fro)16234
apis, pop-overs, html
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust”16233
edge, css, support, deprecation
WebAssembly Performance Patterns for Web Apps (tom)16232
webassembly, performance, web-apps
How to Design Accessible Forms in 10 Steps16231
how-tos, design, accessibility, forms
What Is Vite (and Why Is It So Popular)?16230
vite
My Approach to HTML Web Components16229
html, web-components
New to the Web Platform in April16228
release-notes, web-platform, browsers, firefox, chrome, safari
Introduction to NestJS16227
introductions, frameworks, nestjs
Superior Range Syntax (css)16226
css, media-queries
CSS Inheritance (bel/pic)16225
css, cascade, inheritance
No, I Don’t Want to Fill Out Your Contact Form16224
forms, user-experience
Accessibility Evolution of Organizations (cer)16223
accessibility, processes, economics
The Polish Paradox16222
design, optimization, user-experience
Top 50 System Design Interview Questions for 202416221
interviewing, architecture, system-design, link-lists
Can You Detect Overflow With CSS? (fon/css)16220
css, overflow
The Picture-Superiority Effect: Harness the Power of Visuals (nng)16219
design, images, information-design
Ditch Dotenv: Node.js Now Natively Supports .env File Loading16218
nodejs, environments, tooling
What Do Developers Want From AI?16217
research, ai, productivity, efficiency
Passkeys: A Shattered Dream (fir)16216
security, authentication, passkeys
Optimizing INP: A Deep Dive16215
videos, performance, debugging, web-vitals, optimization, browsers, chrome, dev-tools, deep-dives
Basic Algorithms16214
algorithms, search, sorting
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)16213
accessibility, processes, prototyping, research
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)16212
guides, overviews, examples, radix
Introduction to Manual Website Accessibility Testing16211
videos, introductions, accessibility, testing
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)16210
search, forms, html, css, svg
The Rise of Large-Language-Model Optimization (sch+)16209
ai, optimization
Maintaining a Design System in Figma (luk)16208
design-systems, maintenance, figma
Popover API Lands in Baseline (una)16207
pop-overs, apis, browsers, support, web-platform
Design Déjà Vu (mal)16206
design, html, css, history, comparisons
Borrow Checking, RC, GC, and the Eleven (!) Other Memory Safety Approaches16205
memory, garbage-collection, programming
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)16204
javascript, urls
Celebrate JavaScript Naked Day Every Year on April 24 (zac)16203
javascript, awareness-days
Why Don’t We Talk About Minifying CSS Anymore? (whi/get)16202
css, minification, performance
How to Escape JavaScript for a Script Tag16201
how-tos, javascript, escaping, html
Ruby Might Be Faster Than You Think (joh)16200
ruby, performance
JSR Is Not Another Package Manager (tin/den)16199
jsr, dependencies
HTML Attributes vs. DOM Properties (jaf)16198
html, attributes, dom, comparisons
Write Better CSS With Modern CSS (css)16197
css, nesting, custom-properties, media-queries, tips-and-tricks
The Perfect Site Doesn’t Exist (mic)16196
quality, maintenance, processes
Printing Music With CSS Grid (ste)16195
css, grids, examples
Celebrating 20 Years of Dojo (ope)16194
anniversaries, dojo
Node.js Next 10 Survey—2024 (nod)16193
surveys, nodejs
Node.js 22 Available Now (ope)16192
release-notes, nodejs
Use “:has()” to Scope CSS16191
css, selectors, scope
The New “!important” (geo)16190
css, cascade
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome16189
cookies, privacy, browsers, chrome
The First Framework That Lets You Visualize Your React/Node.js App16188
frameworks, visualization, react, nodejs, wasp
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render16187
bun, deploying, performance, case-studies
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)16186
html, modals, pop-overs
Using Vite to Rebuild Local Dependencies in an npm Workspace16185
npm, dependencies, vite
Adding ESLint and Auto-Fixing an Existing TypeScript Project16184
eslint, typescript, quality, automation
Creating Fluid Typography With the CSS “clamp()” Function16183
css, functions, typography, liquid-design
Latency Numbers Every Frontend Developer Should Know (ind)16182
performance, metrics, terminology
Comparing Full Stack and Headless CMS Platforms16181
comparisons, content-management, wordpress, drupal, ghost
The Front End Developer/Engineer Handbook 2024 (fro)16180
overviews, career, learning, tech-stacks, concepts, terminology
Images as the First Thing in a Button or Link (tem)16179
accessibility, html, images, buttons, links
How the Meaning of Colour Varies per Culture16178
colors, culture
Taking Regular Screenshots of My Website16177
screenshots, images, automation, playwright, github-actions
Your Page Can’t Change Media Features (kil)16176
css, media-queries, user-experience, apis
Reflecting on My Programming Career16175
career
F-Shape Pattern and How Users Read (sma)16174
usability, design
Notes on Quality16173
design, user-experience, quality
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)16172
collaboration, processes
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer16171
ci-cd, concepts
15 Essential UX Design Principles and Practices for Developers (uxm)16170
user-experience, principles, best-practices
Creating a UX Playbook for Onboarding Users to Your Product (uxm)16169
user-experience, onboarding, product-management
JavaScript Features That Most Developers Don’t Know16168
javascript, functions
5 Hidden CSS Properties You Didn’t Know Existed16167
css
Write Alt Text Like You’re Talking to a Friend (spa/clo)16166
accessibility, images, alt-text
What You Can Do as a Web Builder on Earth Day (aar)16165
sustainability, ai
The Ultimate Collection of CSS-Only Shapes (css)16164
websites, css
Using Legitimate GitHub URLs for Malware (sch)16163
security, malware, github
The Slow Death of CSS Vendor Prefixes (oll)16162
css, vendor-extensions, history
Node.js Test Runner: A Beginner’s Guide (bet)16161
guides, nodejs, testing
How I Use Generative AI in Branding16160
ai, branding, principles, design
3 Essential Design Trends, May 2024 (web)16159
design, trends
The Art of Design System Recipes (bra)16158
design-systems, design-tokens
State of Design Tokens 2024 (don+)16157
videos, design-tokens, figma, tooling
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)16156
videos, interviews, css
3 Tips for Advanced Prototyping in Figma16155
tips-and-tricks, prototyping, figma
Make Product Design Great Again16154
design, user-experience, product-management
Considerations for AI Opt-Out (mno)16153
ai
Detect JavaScript Support (fon/css)16152
css, javascript, media-queries, support
April 24 Is JS Naked Day (j9t)16151
javascript, awareness-days
Optimising React Apps16150
react, optimization
Design Systems and the Never-Ending Job of Buy In (pjo)16149
design-systems, communication, collaboration
Make Sure That Your Design System Is Accessible (cer)16148
design-systems, accessibility
Using “@defer” Defer Views in Angular 1716147
angular, performance, lazy-loading
Detect JavaScript Support in CSS (hex)16146
css, javascript, media-queries, support
Node.js Task Runner (yag)16145
nodejs, performance
Long Alt (aar)16144
accessibility, images, alt-text, support, browsers, screen-readers
A Short Guide to Mastering Keyboard Shortcuts on GitHub16143
guides, github, keyboard-shortcuts
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (web)16142
css, layout, grids, masonry
How to Work With GraphQL in WordPress in 2024 (sma)16141
how-tos, wordpress, graphql
Typography Variables in Figma Are Here (joe)16140
typography, variables, figma
Accessibility Overlays—Friend or Foe? (int)16139
videos, accessibility, overlays
Building a Culture of Accessibility (tet)16138
accessibility, culture
How to Create CSS Utility Classes (fon/css)16137
how-tos, css, presentational-html
This Web of Ours, Revisited (zel)16136
web
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)16135
redesigning, sustainability
Building an npm Package Compatible With ESM and CJS in 202416134
npm, dependencies, interoperability, esm, commonjs
The “Intl.Segmenter” Object Is Now Part of Baseline16133
browsers, support, web-platform, javascript
What’s Going On in Dark Theme / Light Theme Land (chr/fro)16132
css, functions, dark-mode
Git Common Developer Pitfalls and Solutions (wom)16131
git
The End of an Era: Women Who Code Closing (wom)16130
community
A Primer on the Cascade and Specificity (bel/pic)16129
introductions, css, selectors, cascade
5 Tailwind CSS Anti-Patterns to Avoid (ato)16128
tailwind, colors, theming, frameworks, anti-patterns
My Code Formatting Guidelines (val)16127
guidelines, formatting, conventions, javascript, html, prettier, configuration
Angular’s New Signal Inputs16126
videos, angular, signals
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)16125
accessibility, security
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI16124
ai, quality, craft, metrics, engineering-management
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)16123
conversion, html, javascript
Building a GitHub Activity Feed With Node.js and Socket.IO16122
nodejs, github, functionality
JavaScript Code Quality Tools: See Qodana in Action (jet)16121
qodana, quality, javascript
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)16120
jquery, maintenance, migrating
The Impact of Color Contrast on Accessibility16119
accessibility, colors, contrast
How to Submit a Form in React Using FormData (wom)16118
how-tos, forms, react
How to Write World-Beating Web Content (web)16117
how-tos, writing, content
Property Hooks Are Coming in PHP 8.4 (ami)16116
php, hooks
AI Isn’t Useless—but Is It Worth It? (mol)16115
ai, quality
12 Tips From a Mid-Level Developer (abb)16114
career, tips-and-tricks
Displaying HTML Web Components16113
web-components, css
Who Should Block AI Bots? (moz)16112
scraping, ai, seo
Webhooks and WebSockets16111
webhooks, websockets
The Invisible Seafaring Industry That Keeps the Internet Afloat (jos/ver)16110
web
The Making of a TypeScript Feature: Inferring Type Predicates16109
typescript
Hardest Problem in Computer Science: Centering Things (nik)16108
css, design, centering
Things That Can Break “aspect-ratio” in CSS (chr/fro)16107
css, aspect-ratio
Making Disabled Buttons More Accessible16106
accessibility, buttons, html, aria
The Right Code for Your Design System (fig)16105
design-systems, figma
Why We Are Still Using 88×31 Buttons16104
images, history, design
We Need to Rewild the Internet (rob/noe)16103
web, standards, collaboration, creativity, outlooks
Alternating Style Queries (kiz)16102
css, style-queries, techniques
The Biggest Lie in HTML16101
videos, html
Electron 30.0.0 (kee/ele)16100
release-notes, electron
[pnpm] v9.0.0 (pnp)16099
release-notes, pnpm
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (rgi/ope)16098
foss, security, openjs
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)16097
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)16096
cookies, consent-management, performance
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)16095
html, attributes, forms, usability
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)16094
accessibility
Document Collaboration (With Comments!) (chr/fro)16093
documentation, collaboration, comparisons, link-lists
Ethics in Times of Growth Design16092
design, ethics
CSS in React Server Components (jos)16091
css, javascript, react, components, css-in-js
An Intro to Flexbox (cfe)16090
introductions, css, flexbox, layout
ARIA in HTML (sco+/w3c)16089
standards, accessibility, aria, html
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)16088
accessibility, auditing, tooling
Interview With Senior JS Developer 202416087
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)16086
apis, dark-mode
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)16085
quality, craft, accessibility, usability, user-experience, conformance, performance
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)16084
html, skip-links, accessibility, ios
Why Many Junior Developers Quit Programming (tip)16083
career, learning
Things You Should Do in Your Dev Journey16082
career
How to Write a Code Formatter16081
how-tos, formatting
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment)16080
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
10 Things Software Developers Should Learn About Learning16079
research, learning
How Do Open Source Licenses Work? The Ultimate Guide16078
guides, foss, licensing
How to Build a Reusable Grid System With CSS Grid (cfe)16077
how-tos, css, grids, layout, maintainability
Monitoring BFCache Blocking Reasons (chr/mdn)16076
bfcache, monitoring, debugging, performance
Naming Colors in Design Systems16075
naming, colors, design-systems
Sliding 3D Image Frames in CSS (css/sma)16074
css, images, techniques, 3d
Introducing JS Naked Day (mac)16073
introductions, javascript, awareness-days
Mixins Three Ways (dut)16072
mixins, sass, less, css
Blockin’ Bots (bee)16071
scraping, ai, apache, configuration
A Comparison of Automated Testing Tools for Digital Accessibility (equ)16070
accessibility, testing, tooling, automation, comparisons
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)16069
tips-and-tricks, how-tos, animations, gradients, css
Complete a VPAT: Show How Accessible Your Product Is (deq)16068
accessibility, vpat-acr, conformance, documentation
The Dos and Don’ts of Using “tabindex” in Web Design (a11)16067
accessibility, keyboard-navigation, html
Purging Design System “Rot” From Our Checkboxes (chu)16066
design-systems, maintenance, quality, accessibility, case-studies
Epic App Performance Starts With the Database16065
videos, performance, databases, optimization
Web Accessibility Statement: How to Write One16064
how-tos, accessibility, documentation, writing
CSS Tricks to Master the “clip-path” Property (css)16063
css, masking, clipping, tips-and-tricks
Accessible Interactions in JavaScript Apps (san)16062
videos, accessibility, javascript, aria
Unleashing Designers With Tailwind CSS16061
videos, tailwind, design, processes
Why I’m Embracing the Arc Browser16060
browsers, arc
npm Basics for New Developers (nim)16059
fundamentals, npm
Socks, Lies, and Accessibility16058
accessibility, awareness-days, link-lists
Gap Is the New Margin (chr/fro)16057
css, margins, layout
An Intro to CSS Grid (cfe)16056
introductions, css, grids, layout
Zombie Estimation16055
agile, scrum, processes, project-management
Let Me Be16054
videos, javascript
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions16053
design, user-experience
Release Notes for Safari Technology Preview 192 (jon/web)16052
release-notes, browsers, safari
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)16051
webkit, browsers, safari, performance, optimization
Wednesday, April 10, 2024 Security Releases (raf/nod)16050
release-notes, nodejs, security
The Future of Design Systems Is Marketing (fig)16049
design-systems, marketing, metrics
I Never Knew a Website Could Hurt Someone (kar)16048
videos, accessibility
Frontend Development Beyond React: Svelte16047
svelte
The Guide to Git I Never Had16046
guides, git, command-line, cheat-sheets
Notes on Git’s Error Messages (b0r)16045
git, errors
JS Naked Day (mac+)16044
websites, javascript, awareness-days
Happy CSS Naked Day 2024 (dxs)16043
frontend-dogma, css, awareness-days
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)16042
accessibility, ada, legal, web, mobile
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution16041
react, history
Is the Party Over for Scrum Masters and Agile Coaches?16040
agile, scrum, career
An Introduction to the Node.js Performance API (bet)16039
introductions, nodejs, performance, apis
Understanding Interaction to Next Paint (INP) (wil/fro)16038
performance, web-vitals
Ableism and Related Terms You Need to Know (mer)16037
terminology, communication, dei
React Server Components in a Nutshell16036
react, components
Layered Toggles: Optional CSS Mixins (kiz)16035
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)16034
design, processes, prototyping, figma, html, comparisons
Sending Email Using Node.js (cra)16033
nodejs, email
Recapping ng-conf 202416032
angular
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)16031
redesigning, strategies, dei, accessibility
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities16030
accessibility, legal, web, mobile
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)16029
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)16028
design, communication
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities16027
books, nodejs, security, vulnerabilities
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)16026
user-experience, ai, hci
Building a CLI From Scratch With TypeScript and oclif16025
command-line, typescript
Things That I Like Better in Vue Than in React16024
vuejs, react, frameworks, comparisons
DORA’s Software Delivery Metrics: The Four Keys (nat)16023
processes, metrics
Node.js Debugging in Chrome DevTools (chr/fro)16022
nodejs, debugging, tooling, browsers, chrome, dev-tools
How I Write Commits Like a Pro16021
version-control, git, commit-messages, conventions
Creating a Navbar in React16020
navigation, react, css
The Death of Creativity16019
creativity, ai
What Is Whitespace? (nng)16018
videos, whitespace, design, concepts, terminology
Blind Internet Users Struggle With Error-Prone AI Aids (fin)16017
accessibility, ai
10 Must Know System Design Concepts for Interviews16016
interviewing, architecture, system-design, concepts, scalability
Faster Websites With the “picture” Element (fra)16015
html, images, performance
Testing HTML With Modern CSS (hey)16014
html, css, testing, quality
Demystifying the Shadow DOM16013
dom, shadow-dom
Jekyll vs. Astro (koo)16012
site-generators, comparisons, jekyll, astro
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)16011
accessibility, user-experience, keyboard-navigation, skip-links, wcag
Why I’m Yet Another Woman Leaving the Tech Industry16010
career, community
Reviewing Polypane for Responsive Website Tweaks16009
videos, polypane, browsers
How to Think About HTML Responsive Images (db)16008
how-tos, html, images, responsive-design
21 HTML Tips You Must Know About16007
html, tips-and-tricks
[zx] 8.0.016006
release-notes, zx
Managing User Focus With “:focus-visible” (css)16005
css, selectors, focus
How to Make Your Website Work Offline16004
how-tos, web-workers, offline, javascript
Creativity in Software Engineering16003
research, creativity, programming
Breakpoints in Responsive Design (nng)16002
design, responsive-design, breakpoints, usability
Drive-By Accessibility Tweaks (bru)16001
accessibility
“AI” Won’t Solve Accessibility (yat)16000
accessibility, ai
The Free Software Commons (jen)15999
foss, community, security
DevTools Tips and Tricks (pan/fro)15998
browsers, dev-tools, tips-and-tricks
Should Designers Code? (bra)15997
design, career
ESLint v9.0.0 Released (nza/esl)15996
release-notes, eslint
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)15995
guides, css, logical-properties, cheat-sheets
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue15994
videos, javascript, visualization, event-loop, events, apis
AI and the Future of Web Accessibility Guidelines15993
discussions, accessibility, wcag, standards, ai, w3c
Building Components With Radix UI15992
radix, components
Modern CSS Patterns in Campfire15991
css, case-studies
How to Strongly Type process.env (mat)15990
how-tos, typescript, nodejs
Rounded Tabs With Inner Curves (css)15989
css, effects, tips-and-tricks
Heat Death of the Internet15988
web
The Basics of Legibility15987
fundamentals, typography, legibility
When to Use “tabindex="0"” (gra/tet)15986
accessibility, keyboard-navigation, focus, html
The V8 Sandbox15985
v8, security
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)15984
ai, web
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?15983
dns, security
Introducing Jpegli: A New JPEG Coding Library15982
introductions, jpeg, images, libraries, compression
How to Build a Simple Web Server With Node.js15981
how-tos, servers, nodejs
Wednesday, April 3, 2024 Security Releases (nod)15980
release-notes, nodejs, security
Fluid Typography With Discrete Steps (css)15979
css, typography, tips-and-tricks
Finally Understand Responsive Design15978
videos, responsive-design, css
An Advanced Way to Use CSS Variables (cfe)15977
css, custom-properties
Using JSON Web Tokens With Node.js15976
json-web-tokens, nodejs, security, authentication
In-Page Links: 3 Usability Tips (nng)15975
videos, links, usability, tips-and-tricks
Svelte Parses HTML All Wrong (ric)15974
svelte, html, parsing
Hanging Punctuation in CSS15973
css, typography
The View Transitions API (cas/fro)15972
view-transitions, apis, astro
Theming Design Systems (per)15971
design-systems, theming
“aspect-ratio” Gotcha (css)15970
css, aspect-ratio, images
BFCache Explained15969
bfcache, browsers, performance
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)15968
how-tos, html, conformance, performance
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)15967
css, anchor-positioning
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)15966
branding, scrolling, animations, techniques, css
An Interactive Guide to CSS Container Queries (sha)15965
guides, css, container-queries
How We’re Approaching Theming With Modern CSS (bel/pic)15964
css, theming
How to Get Somebody Fired Using Git15963
version-control, git, career
Authentication in Next.js (rwi)15962
authentication, nextjs
WebAssembly at Google (tom)15961
videos, webassembly, google
WordPress 6.5 “Regina” (pho/wor)15960
release-notes, wordpress
Learn JavaScript (wil)15959
courses, javascript
A Complete Guide for Content Creators to Start Making Accessible Content (pop)15958
guides, accessibility, content
The Era of High-Paying Tech Jobs Is Over15957
programming, career, ai, economics
Micro Frontends With Native Federation15956
micro-frontends, comparisons
14 Top UX Tools for Designers in 2024 (web)15955
user-experience, tooling, link-lists
What Even Is a JSON Number?15954
json, terminology
The Detail, the Quality15953
design, quality
Introducing Root.js15952
introductions, tooling, content-management
Bun 1.1 (jar+/bun)15951
release-notes, bun
Why I Care Deeply About Web Accessibility and You Should Too (sch)15950
accessibility, web
Disable AWS CloudFront Distributions if Budget Is Exceeded15949
aws, cloudfront, configuration, economics
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time15948
tooling, nodejs, deno, bun, quickjs
10 JavaScript Sites Every Web Developer Should Know15947
javascript, learning, link-lists
Object Structure in JavaScript Engines15946
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)15945
accessibility
The DevOps Basics15944
dev-ops, fundamentals
Kobold Letters (wed)15943
html, email, support
Design Is a Process of Getting Stuck (fon)15942
design, processes
Some Samples Using UIkit15941
uikit
What Negative Effects Does a Bad Website Design Have on My Business? (web)15940
design, economics
The Easy Way to Access the Last JavaScript Array Element15939
javascript, arrays
The Curious Case of the CSS Monochrome Media Query (sea)15938
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)15937
accessibility, html, attributes, aria
“@scope” Is Coming to CSS and It’s Amazing (kev)15936
videos, css, scope
Front-End Development’s Identity Crisis (ell)15935
career
The Power of “:has()” in CSS (css)15934
css, selectors
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)15933
studies, research, accessibility, homepages, metrics
Figma Plugins (tmc)15932
figma, plugins
Improving the Developer Experience of Enterprise Design Systems15931
design-systems, developer-experience, optimization
Finally Understanding How “Array.sort(comparator)” Works (jam)15930
javascript, arrays
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)15929
css, functions, colors, dark-mode
Release Notes for Safari Technology Preview 191 (jon/web)15928
release-notes, browsers, safari
The Browser Company and Radical Transparency15927
the-browser-company, culture, communication
A Guide to Building CLI Tools in JavaScript15926
guides, tooling, command-line, javascript, nodejs
The Complete Guide to Captioned Videos (mer)15925
guides, accessibility, captions, multimedia
What’s New in DevTools, Chrome 12415924
release-notes, dev-tools, browsers, chrome
New to the Web Platform in March15923
release-notes, web-platform, browsers, firefox, safari, chrome
History of JS Interop in Dart15922
javascript, dart, interoperability, history
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)15921
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)15920
css, effects
What Even Are Dragging Movements? (cat/spa)15919
accessibility, interaction-design, terminology
Meet Angular’s New “output()” API (ang)15918
angular, apis
How I Fixed My Brutal TTFB (whi/get)15917
performance, metrics, optimization
Iterator Helpers15916
ecmascript, javascript, javascript-engines, v8