Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

News and Tools for Web Developers (12)

→ Stay up-to-date on all topics by various RSS feeds (main feed: only $12/year), on Mastodon, and on Bluesky (other channels)

Entry (Sources) and TopicsDate#
How to Assess Your Skill Level Before Contributing to Open Source (bek/ope)14,441
how-tos, foss, collaboration
Creating an Accessible Toggle Switch in Tailwind CSS14,440
tailwind, accessibility, toggles
Centering Content Vertically With One Line of CSS (ami)14,439
css, flexbox, grids, centering
Angular Basics: The Course14,438
courses, angular, fundamentals
An Even Faster Microsoft Edge (mic)14,437
browsers, microsoft, edge
Progressively Enhanced Popover Toggletips (mic)14,436
html, pop-overs, apis, progressive-enhancement
What We Can Learn From the Guy Who Regrets Making Pop-Up Ads (bet/uxd)14,435
design, pop-ups, ai
WP21 (pho)14,434
wordpress
Lazy Load Components in Nuxt to Improve Performance14,433
nuxt, performance, lazy-loading, components
Laravel Under the Hood—Extending the Framework14,432
laravel, extensibility
How to Deploy Your Own Website on AWS14,431
how-tos, deploying, aws
How Can OKRs Empower the Scrum Teams?14,430
processes, agile, scrum, okr
Here’s What We Learned From the First “State of HTML” Survey (sac/fro)14,429
html, lessons
Alt Left (ste)14,428
accessibility, html, images, alt-text, anti-patterns
3 Essential Design Trends, June 2024 (web)14,427
design, trends
Old Dogs, New CSS Tricks (mxb)14,426
css
Node.js Performance Hooks: Mastering the Mental Model (pav)14,425
nodejs, performance, hooks
Masonry and Reading Order (rac)14,424
css, layout, masonry
Fast Ways to Estimate Capacity (cwo)14,423
project-management, processes
A Little DevTools Snippet to Check Broken Links on a Webpage (ami)14,422
browsers, dev-tools, javascript, link-rot, testing
Want Out of React Complexity? Try Vue’s Progressive Framework (ric/the)14,421
react, vuejs, frameworks, comparisons
Understanding Organizational Capacity: Why It Matters in OKR Practice (cwo)14,420
economics, leadership, engineering-management, processes, okr
The Long Path of JavaScript—from ES6 Until Today14,419
javascript, ecmascript, history
No More Pixel Rounding Issues (css)14,418
css, functions, tips-and-tricks
New Magic for Animations in CSS (chs)14,417
css, animations
Design Systems vs. Style Guides (nng)14,416
design-systems, style-guides, comparisons, design, documentation, terminology, concepts
Why, After 6 Years, I’m Over GraphQL14,415
graphql, apis
Switching It Up With HTML’s Latest Control (sma)14,414
html, forms
Reducing Code Review Time at Google14,413
research, google, code-reviews, ai, productivity
Multipage Version (wil)14,412
websites, html
JSR: The JavaScript Package Registry We’ve Been Waiting For14,411
jsr, dependencies
Consensus in Internet Standards (mno)14,410
collaboration, communication, standards, web-platform
Building an Instinct for Metrics (cwo)14,409
metrics
A Complete Guide for Adding Captions to YouTube Videos (pop)14,408
guides, multimedia, captions, youtube, accessibility
Kawaii Computing: What VTubers Can Teach Us About Design (uxd)14,407
design, user-experience, culture
Did We Fail to Develop the Next Generation of Designers? (uxd)14,406
design, career, leadership, history
Why Do We Celebrate Incompetent Leaders?14,405
videos, leadership
uBlock Origin: Let’s Read the Code! (ant)14,404
videos, case-studies
Two Important AI Developments Affecting Accessibility14,403
accessibility, ai, legal
Storybook 8.1 (shi/sto)14,402
release-notes, storybook
Predictors of Postsecondary Web Accessibility, 2012 to 202214,401
studies, research, accessibility, history
Notes on Implementing Dark Mode14,400
dark-mode, javascript, tailwind
HTML Tags You Might Not Know About14,399
html
Best Practices for Naming Design Tokens, Components, Variables, and More (sma)14,398
naming, design-tokens, components, variables, best-practices
Astro 4.9 (blu+)14,397
release-notes, astro
Animating the Dialog Element (fro)14,396
css, animations, modals
Angular v18 Is Now Available! (mge/ang)14,395
release-notes, angular
Why Are There No Mobile Accessibility Guidelines in WCAG?14,394
accessibility, wcag, mobile
When Should We Use Components and When Should We Just Use HTML? (chr)14,393
html, components, web-components
What AI Can Do for (and to) Web Accessibility (ons/tpg)14,392
videos, accessibility, ai
Webmentions in Astro (for Blog Posts) (stv)14,391
astro, webmentions
Using Footnotes (mfo)14,390
content, writing, semantics
Speeding Up File Load Times, One Page at a Time (fig)14,389
figma, performance
Release Notes for Safari Technology Preview 195 (jon/web)14,388
release-notes, browsers, apple, safari
Popover Element Entry and Exit Animations in a Few Lines of CSS (paw)14,387
pop-overs, css, animations
Not So Short Note on “aria-label” Usage—Big Table Edition (ste)14,386
accessibility, aria, labels, html
Modern CSS Layouts: You Might Not Need a Framework for That (uti/sma)14,385
css, layout, frameworks
DOJ ADA Title II: Small Government WCAG Accessibility Guide14,384
guides, accessibility, ada, wcag, legal
Danger! Preventing Zoom From Changing Text Size (chr/fro)14,383
accessibility, zooming, resizing
Here’s What We’re Working on in Firefox (moz)14,382
browsers, mozilla, firefox
We’ve Got Container Queries Now, But Are We Actually Using Them? (chr/fro)14,381
css, container-queries
We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (j9t)14,380
html, conformance, craft, quality
Test-Driving HTML Templates (xpm/mfo)14,379
html, templates, testing, server-side-rendering, conformance
State of Frontend 2024 Survey14,378
surveys
Not Always Mobile First (css)14,377
responsive-design, mobile-first, mobile, css, processes
Introducing JSR (den)14,376
videos, introductions, jsr
I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024 (zac)14,375
eleventy
Hidden vs. Disabled in UX (vit/sma)14,374
user-experience, comparisons, design-patterns
Growth or Scale?14,373
sustainability, scalability
CSS Specificity for WordPress 6.6 (wor)14,372
discussions, wordpress, css, selectors, cascade
“contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (eri)14,371
accessibility, colors, contrast, css, functions
A Primer on JavaScript Proxies (cfe)14,370
introductions, javascript
The Art of Not Being So Freaking Pushy (uxd)14,369
design, user-experience, microcontent, buttons
UI Density14,368
design, information-design, metrics
CSS “:has()”, the God Selector (bru)14,367
css, selectors
Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (uxm)14,366
user-experience, logging, monitoring, observability
Web Content Has a Maintenance Problem (ger)14,365
web, content, maintenance, processes, sustainability
“<style>”: Inline Optimizations for the Bold (mor)14,364
html, css, performance, optimization
Stop Resizing Your Browser: Improve Testing for Responsiveness (jen)14,363
browsers, testing, responsive-design
Process14,362
processes
CodeFlattener14,361
packages, npm, javascript
A JavaScript Developer Tries Go for the First Time14,360
javascript, go
On Which Side Do We Put the Primary Button? (mar/uxd)14,359
design, usability, buttons
Visual Design: Glossary (tbf/nng)14,358
design, terminology
Weighing in on CSS Masonry (kei)14,357
css, layout, masonry
WAI–ARIA: “role=strong”14,356
accessibility, aria
WAI–ARIA: “role=deletion”14,355
accessibility, aria
Turn Off Google AI Overview—Set “Web” as Default14,354
websites, google, ai, search
The Future of 11ty (zac/ele)14,353
videos, eleventy, outlooks
On Compliance vs. Readability: Generating Text Colors With CSS (lea)14,352
css, functions, colors, compliance, readability, comparisons
Cloning Queries in Laravel (ami)14,351
laravel, databases
From Fast Loading to Instant Loading (tun/dev)14,350
videos, performance, apis
Rethinking Text Resizing on Web (bas)14,349
accessibility, resizing
What You Need to Know About Third-Party Cookie Deprecation (dev)14,348
videos, cookies, browsers, google, chrome, support, deprecation
What’s New in the Web (rac/dev)14,347
videos, web-platform
What’s New in Angular (mge+/dev)14,346
videos, angular
W3C Unveils 174 New Outcomes for WCAG 3.0 (deq)14,345
accessibility, wcag, standards, w3c
The WCAG 3 Working Draft Update Is Ready for Your Review (w3c)14,344
accessibility, w3c, wcag
The Latest in Web UI (una/dev)14,343
videos, html, css, layout, effects
New Field Insights for Debugging INP (mal/dev)14,342
videos, performance, web-vitals
Navigating the JavaScript Framework Ecosystem (add/dev)14,341
videos, javascript, frameworks
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)14,340
css, html, attributes
CSS3? Pfff—Get Ready for CSS6! (jar/van)14,339
css, versioning
CSS Container Queries in Practice (mia/odd)14,338
videos, css, container-queries
CSS… 5? (chr/fro)14,337
css, versioning
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools14,336
guides, javascript, performance, debugging, browsers, google, chrome, dev-tools
Beyond CSS Media Queries (mon/sma)14,335
css, media-queries, container-queries, layout, techniques
Automate Browser Testing With Tools and Best Practices From Chrome (dev)14,334
videos, browsers, google, chrome, testing, tooling, automation, best-practices
ADA Title II and You14,333
videos, accessibility, ada, legal
It’s Time to Upgrade From “Hard-Working” to “Highly Efficient” (uxd)14,332
productivity, efficiency, product-management
Transforming the Relationship Between Designers and Developers (sma)14,331
design, collaboration, processes
React Compiler (rea)14,330
react, compiling
Prefetching When Server Loading Won’t Do (ada/fro)14,329
performance, client-side-rendering, server-side-rendering, streaming
Merging Remix and React Router (rem)14,328
remix, react-router
JavaScript Security: Simple Practices to Secure Your Frontend14,327
javascript, security, dependencies, csp
Dynamic GitHub Profile With Bun and TypeScript14,326
github, readme, bun, typescript
Baseline Progressive Enhancement (ada)14,325
web-platform, progressive-enhancement, browsers, support
Anchor Positioning and the Popover API for a JS-Free Site Menu (mic)14,324
css, apis, pop-overs, anchor-positioning
State of HTML 2023 [Results] (sac+/dev)14,323
surveys, metrics, html
Stop Moving Fast and Breaking Everything (uxd)14,322
product-management, engineering-management, leadership, processes
Built-In AI (kbx+/dev)14,321
chrome, google, browsers, ai, gemini, apis
Why Designers Aren’t Understood (vit/sma)14,320
design, career, communication, terminology
Web Platform Status (dev)14,319
websites, web-platform, browsers, interoperability, support
The Great Tech and People Hypocrisy (j9t)14,318
career, leadership, economics
The CSS Stepped Value Math Functions Are Now in Baseline 2024 (rac/dev)14,317
css, math, functions, browsers, support, web-platform
New in Chrome 125 (tro/dev)14,316
release-notes, browsers, google, chrome
Google’s Broken Link to the Web14,315
google, web, search, ai
ECMAScript Proposal: “Promise.withResolvers()” (rau)14,314
ecmascript, promises
Dark Mode and Accessibility Myth (ste)14,313
accessibility, dark-mode, myths
10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (pau/dev)14,312
google, web-platform, ai
RSS Is Good, Isn’t It?! (mic)14,311
syndication, rss, indieweb
AI Product Design: Identifying Skills Gaps and How to Close Them (uxd)14,310
design, ai, processes
Designers Are More Than Keywords and Portfolios (uxd)14,309
design, user-experience, career
AI Isn’t Ready for UX Design (nng)14,308
videos, design, user-experience, ai
WebKit Features in Safari 17.5 (jen/web)14,307
release-notes, browsers, apple, safari, webkit
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues14,306
accessibility, aria, best-practices
Top 7 CSS Frameworks for Developers in 202414,305
css, frameworks, bootstrap, tailwind, foundation, bulma, skeleton, uikit, milligram, comparisons
The Times You Need a Custom “@ property” Instead of a CSS Variable (pre/sma)14,304
css, custom-properties, animations, transitions
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)14,303
css, borders, tips-and-tricks
Regarding Keyboard Testing14,302
accessibility, keyboard-navigation, testing
Morphing Arbitrary Paths in SVG14,301
svg, animations
List of Essential Soft Skills for Front-End Engineers14,300
career
JavaScript Objects—Complete Guide14,299
guides, javascript, objects
Intopia’s WCAG 2.2 Maps (int)14,298
accessibility, wcag, cheat-sheets
I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (bel/pic)14,297
css, layout, masonry, accessibility, keyboard-navigation
How I Made My GitHub Profile README Dynamic14,296
github, readme
Doing the Right Thing Right—Validation and Verification14,295
validation, terminology, comparisons
Accessible SVG Forms14,294
accessibility, forms, svg, aria
Software Engineering Principles Every Frontend Developer Should Know14,293
principles, craft, quality
Setting Personal OKRs (cwo)14,292
career, processes, okr
Quick Incremental Accessibility Audits for Small Business Websites (cer)14,291
accessibility, auditing
All I Want for GAAD14,290
accessibility, awareness-days, wish-lists
Mesh Gradients in CSS (jos)14,289
css, gradients
Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World14,288
accessibility
Best Intention Barriers (ARIA Edition) (mar)14,287
accessibility, aria, auditing
Accessibility Overlays Are Not for Disabled People (tem)14,286
accessibility, overlays
Make Your Figma Components Work Harder (uxd)14,285
figma, design-systems, components
Design Taste vs. Technical Skills in the Era of AI (nng)14,284
design, programming, ai, comparisons
Typography Terms: Glossary (tbf/nng)14,283
typography, terminology
Using the Page Visibility API (bsm/mdn)14,282
javascript, apis
The Modern Guide for Making CSS Shapes (css/sma)14,281
guides, css, shapes, effects, techniques
The Dilemmas You’ll Face When Creating a Component Library (and)14,280
libraries, components
Manifesto for a Humane Web (mic)14,279
websites, manifestos, web, principles, accessibility, dei, security, sustainability, user-experience
Introducing the CSS Anchor Positioning API (una/dev)14,278
introductions, css, apis, anchor-positioning, examples
How to Document Your JavaScript Package (den)14,277
how-tos, javascript, dependencies, documentation, writing, jsdoc, readme
Build Your Own React.js in 400 Lines of Code14,276
react, jsx, principles
17 Best Developer Productivity Tools to Try14,275
productivity, tooling, link-lists
WordPress Ping List for Faster Post Indexing14,274
wordpress, crawling, seo
Simple Implemention to Understand “worker_threads” in Node.js14,273
nodejs, examples, worker-threads
Release Notes for Safari Technology Preview 194 (jon/web)14,272
release-notes, browsers, apple, safari
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)14,271
ai, slop, terminology
Upgrade Your HTML V (j9t/fro)14,270
books, frontend-dogma, html, minimalism, craft, conformance
What Is UX (Not)? (nng)14,269
videos, user-experience, concepts
Why Use Web Components Over Traditional DOM Manipulation? (cfe)14,268
web-components, dom
Websites Are Not Books (ons)14,267
terminology, concepts
Level-Setting Heading Levels (aar)14,266
headings, semantics, conformance, accessibility, aria
Let’s Build a Web Scraper in PHP and Python14,265
scraping, php, python
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)14,264
javascript, events, web-components
37 Tips From a Senior Frontend Developer14,263
tips-and-tricks, fundamentals, learning, processes, career
Introducing the Gulp Developer Survey14,262
introductions, surveys, gulp
Why Patching Globals Is Harmful14,261
javascript, programming
Transparent Borders (bra)14,260
css, borders, transparency, accessibility, contrast
The Carcinization of Web Frameworks14,259
frameworks, history, signals, server-side-rendering, outlooks, web-components
Modern WordPress—Yikes! (dbu)14,258
wordpress, themes
JavaScript “var”, “let”, and “const” Explained (cfe+)14,257
javascript
How We’re Building More Inclusive and Accessible Components at GitHub (eri/git)14,256
components, accessibility, dei, case-studies, github
Focus vs. Accessibility Focus14,255
accessibility, focus, comparisons
Evidence-Based Management Guide, 2024—What’s New?14,254
release-notes, guides, agile, processes, metrics, engineering-management
The Pros and Cons of Using a Backend-for-Frontend (BFF)14,253
backend-for-frontend, architecture
Mastering User-Centered Design, With 5 Advanced Tips (uxm)14,252
usability, user-experience, tips-and-tricks, accessibility, testing
What’s New in Node.js v22 (mco)14,251
videos, nodejs
Using the Popover API for HTML Tooltips (chr/fro)14,250
pop-overs, apis, html, tooltips
Using Simple Tools as a Radical Act of Independence14,249
html, css, simplicity
These CSS Pro Tips and Tricks Will Blow Your Mind14,248
videos, css, tips-and-tricks
Servo Reboot: Where Are We Now? OSS-NA 202414,247
browser-engines, servo, browsers
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)14,246
redesigning, strategies, dei, accessibility
Get First Item in Eleventy Collection14,245
how-tos, eleventy, nunjucks
Errors Aren’t All Bad (jim)14,244
errors
An Introduction to the European Accessibility Act (EAA) (deq)14,243
introductions, accessibility, legal, eaa
A Brief Note on Highlighted Text (aar)14,242
accessibility, colors, contrast, css, selectors
Misconceptions About CSS Specificity (bra)14,241
css, selectors, cascade
The 7 Most Useful Web Design and Web Development Glossaries (apo)14,240
concepts, terminology, link-lists
Securing Client-Side JavaScript (ada)14,239
javascript, security, graceful-degradation
Pairing Eleventy With htmx and Deno14,238
eleventy, htmx, deno
Native Support for CJS/ESM Interoperability Begins in Node.js 2214,237
commonjs, esm, interoperability, support, nodejs
Memory Management Every Developer Should Know14,236
memory, garbage-collection
Eleventy With a Basic Deno Static Server Setup14,235
eleventy, deno, hosting
5 Node Version Managers Compared—Which Is Right for You? (pav)14,234
nodejs, comparisons, nvm, pnpm
Shades of Grey With “color-mix()” (mic)14,233
css, functions, colors
WCAG After Quarter of a Century—We Still Need More Awareness (cer)14,232
accessibility, wcag, community
The Value of Open Source in Furthering Accessibility Goals (mgi)14,231
videos, foss, accessibility
At Some Point, JavaScript Got Good14,230
javascript, history
A to Z of Assistive Technology for Reading Digital Text14,229
accessibility, browsers, assistive-tech, readability, concepts
Content Standards in Design Systems (nng)14,228
content, design-systems, processes
So I Got Fired14,227
career
Quick-and-Dirty Accessibility (tpg)14,226
accessibility, techniques
Poor Express Authentication Patterns in Node.js and How to Avoid Them14,225
express, nodejs, authentication, security
How Slack Automates Deploys14,224
deploying, automation, case-studies, slack
The War Begins: Top Best JavaScript Framework to Learn in 202414,223
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
How to Archive Your Design System Effectively (uxd)14,222
how-tos, design-systems, design, processes
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)14,221
angular, css, scope
Web Development Trends We Will See in 202414,220
trends
Web Components From Early 2024 (chr)14,219
web-components, link-lists
The Vue Ecosystem in 2024 (fro)14,218
vuejs, content-delivery, building, frameworks
Introduction to htmx (jan)14,217
introductions, htmx
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)14,216
videos, css, view-transitions, animations
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)14,215
css, selectors, html, techniques
3 Methods to Elevate Your Writing With Visual Content14,214
writing, content, information-design
Cookie Permissions: 6 Design Guidelines (nng)14,213
videos, cookies, consent-management, privacy, user-experience, guidelines
Why Are My Live Regions Not Working? (pat/tet)14,212
accessibility, aria, live-regions
When to Use Bun Instead of Node.js (app)14,211
bun, nodejs, comparisons
Using AI to Predict Design Trends (web)14,210
ai, design, trends
Understanding What Drupal Editors and Authors Need (ckr/lul)14,209
drupal
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)14,208
figma, programming, typescript, migrating, case-studies
Should We Rely on Browser Detection? (htm)14,207
browsers, browser-detection
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry (the)14,206
interviews, nodejs, deno, jsr
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)14,205
foss, maintenance
How to Create Content in WordPress With AI14,204
how-tos, content, ai, wordpress
Exploring the Immersive Web With Wolvic (sea)14,203
xr, wolvic, igalia, browsers
Demystifying React’s Types: Ref Types14,202
react
A React Developer’s Guide to Learning Solid.js14,201
guides, react, solidjs, comparisons
Web Accessibility in the 2024 [US] Presidential Campaigns (web)14,200
accessibility, case-studies
Web Forms: Costly Mistakes You Want to Avoid (geo)14,199
books, forms, mistakes, usability, accessibility, maintainability
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings14,198
usability, user-experience, sorting
Pretty Much Every Website Uses the Wrong Font Size…14,197
videos, css
Popover API Is Here (chr/fro)14,196
apis, pop-overs, html
I Reviewed 1,000s of Opinions on htmx14,195
htmx
Handling the Indentation of a Treeview Component (sha)14,194
css
European Accessibility Act: Ultimate Guide to Compliance14,193
guides, accessibility, compliance, legal, eaa
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making14,192
how-tos, design-systems, processes, collaboration, maintenance
Composability in Design Systems (ada)14,191
design-systems, design, components
An Alternative Proposal for CSS Masonry (rac/dev)14,190
css, layout, masonry, google
How to Design Accessible Forms in 10 Steps (uxd)14,189
how-tos, design, accessibility, forms
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust” (mic)14,188
microsoft, edge, css, support, deprecation
CSS Inheritance (bel/pic)14,187
css, cascade
What Is Vite (and Why Is It So Popular)?14,186
vite
WebAssembly Performance Patterns for Web Apps (tom)14,185
webassembly, performance, web-apps
Superior Range Syntax (css)14,184
css, media-queries
New to the Web Platform in April (rac/dev)14,183
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
My Approach to HTML Web Components (ada)14,182
html, web-components
Introduction to NestJS14,181
introductions, frameworks, nestjs
The Polish Paradox14,180
design, optimization, user-experience
No, I Don’t Want to Fill Out Your Contact Form14,179
forms, user-experience
Accessibility Evolution of Organizations (cer)14,178
accessibility, processes, economics
Top 50 System Design Interview Questions for 202414,177
interviewing, architecture, system-design, link-lists
Can You Detect Overflow With CSS? (fon/css)14,176
css, overflow
Ditch Dotenv: Node.js Now Natively Supports .env File Loading14,175
nodejs, environments, tooling
The Picture-Superiority Effect: Harness the Power of Visuals (nng)14,174
design, images, information-design
What Do Developers Want From AI?14,173
research, ai, productivity, efficiency
Passkeys: A Shattered Dream (fir)14,172
security, authentication, passkeys
Optimizing INP: A Deep Dive (dev)14,171
videos, performance, debugging, web-vitals, optimization, browsers, google, chrome, dev-tools, deep-dives
Basic Algorithms14,170
algorithms, search, sorting
Maintaining a Design System in Figma (luk/uxd)14,169
design-systems, maintenance, figma
The Rise of Large-Language-Model Optimization (sch+)14,168
ai, optimization
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)14,167
search, forms, html, css, svg
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)14,166
guides, overviews, examples, radix
Popover API Lands in Baseline (una/dev)14,165
pop-overs, apis, browsers, support, web-platform
Introduction to Manual Website Accessibility Testing14,164
videos, introductions, accessibility, testing
Design Déjà Vu (mal)14,163
design, html, css, history, comparisons
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)14,162
accessibility, processes, prototyping, research
Borrow Checking, RC, GC, and the Eleven (!) Other Memory Safety Approaches14,161
memory, garbage-collection, programming
Write Better CSS With Modern CSS (css)14,160
css, nesting, custom-properties, media-queries, tips-and-tricks
Why Don’t We Talk About Minifying CSS Anymore? (whi/sen)14,159
css, minification, performance
Use “:has()” to Scope CSS14,158
css, selectors, scope
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)14,157
javascript, urls
The Perfect Site Doesn’t Exist (mic)14,156
quality, maintenance, processes
The New “!important” (geo)14,155
css, cascade
Ruby Might Be Faster Than You Think (joh)14,154
ruby, performance
Printing Music With CSS Grid (ste)14,153
css, grids, examples
Node.js Next 10 Survey—2024 (nod)14,152
surveys, nodejs
Node.js 22 Available Now (ope)14,151
release-notes, nodejs
JSR Is Not Another Package Manager (tin/den)14,150
jsr, dependencies
HTML Attributes vs. DOM Properties (jaf)14,149
html, attributes, dom, comparisons
How to Escape JavaScript for a Script Tag14,148
how-tos, javascript, escaping, html
Celebrating 20 Years of Dojo (ope)14,147
anniversaries, dojo
Celebrate JavaScript Naked Day Every Year on April 24 (zac)14,146
javascript, awareness-days
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)14,145
html, modals, pop-overs
Creating Fluid Typography With the CSS “clamp()” Function14,144
css, functions, typography, liquid-design
Notes on Quality14,143
design, user-experience, quality
How the Meaning of Colour Varies per Culture (uxd)14,142
colors, culture
Latency Numbers Every Frontend Developer Should Know (ind)14,141
performance, metrics, terminology
Your Page Can’t Change Media Features (kil)14,140
css, media-queries, user-experience, apis
Using Vite to Rebuild Local Dependencies in an npm Workspace14,139
npm, dependencies, vite
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome14,138
cookies, privacy, browsers, google, chrome
The Front End Developer/Engineer Handbook 2024 (fro)14,137
overviews, career, learning, tech-stacks, concepts, terminology
The First Framework That Lets You Visualize Your React/Node.js App14,136
frameworks, visualization, react, nodejs, wasp
Taking Regular Screenshots of My Website14,135
screenshots, images, automation, playwright, github-actions
Reflecting on My Programming Career14,134
career
Images as the First Thing in a Button or Link (tem)14,133
accessibility, html, images, buttons, links
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render14,132
bun, deploying, performance, case-studies
F-Shape Pattern and How Users Read (vit/sma)14,131
usability, design
Comparing Full Stack and Headless CMS Platforms14,130
comparisons, content-management, wordpress, drupal, ghost
Adding ESLint and Auto-Fixing an Existing TypeScript Project14,129
eslint, typescript, quality, automation
JavaScript Features That Most Developers Don’t Know14,128
javascript, functions
Write Alt Text Like You’re Talking to a Friend (spa/clo)14,127
accessibility, images, alt-text
What You Can Do as a Web Builder on Earth Day (aar)14,126
sustainability, ai
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer14,125
ci-cd, concepts
Using Legitimate GitHub URLs for Malware (sch)14,124
security, malware, github
The Ultimate Collection of CSS-Only Shapes (css)14,123
websites, css
The Slow Death of CSS Vendor Prefixes (oll)14,122
css, vendor-extensions, history
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)14,121
collaboration, processes
The Art of Design System Recipes (bra)14,120
design-systems, design-tokens
State of Design Tokens 2024 (don+)14,119
videos, design-tokens, figma, tooling
Node.js Test Runner: A Beginner’s Guide (bet)14,118
guides, nodejs, testing
How I Use Generative AI in Branding14,117
ai, branding, principles, design
Creating a UX Playbook for Onboarding Users to Your Product (uxm)14,116
user-experience, onboarding, product-management
5 Hidden CSS Properties You Didn’t Know Existed14,115
css
3 Essential Design Trends, May 2024 (web)14,114
design, trends
15 Essential UX Design Principles and Practices for Developers (uxm)14,113
user-experience, principles, best-practices
Make Product Design Great Again (uxd)14,112
design, user-experience, product-management
3 Tips for Advanced Prototyping in Figma (uxd)14,111
tips-and-tricks, prototyping, figma
Optimising React Apps14,110
react, optimization
Detect JavaScript Support (fon/css)14,109
css, javascript, media-queries, support
Considerations for AI Opt-Out (mno)14,108
ai
April 24 Is JS Naked Day (j9t)14,107
javascript, awareness-days
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)14,106
videos, interviews, css
Using “@ defer” Defer Views in Angular 1714,105
angular, performance, lazy-loading
Node.js Task Runner14,104
nodejs, performance
Make Sure That Your Design System Is Accessible (cer)14,103
design-systems, accessibility
Long Alt (aar)14,102
accessibility, images, alt-text, support, browsers, screen-readers
Detect JavaScript Support in CSS (hex)14,101
css, javascript, media-queries, support
Design Systems and the Never-Ending Job of Buy In (pjo)14,100
design-systems, communication, collaboration
Typography Variables in Figma Are Here14,099
typography, variables, figma
This Web of Ours, Revisited (zel)14,098
web
How to Work With GraphQL in WordPress in 2024 (sma)14,097
how-tos, wordpress, graphql
How to Create CSS Utility Classes (fon/css)14,096
how-tos, css, presentational-html
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)14,095
css, layout, grids, masonry
Building a Culture of Accessibility (tet)14,094
accessibility, culture
Accessibility Overlays—Friend or Foe? (int)14,093
videos, accessibility, overlays
A Short Guide to Mastering Keyboard Shortcuts on GitHub (git)14,092
guides, github, keyboard-shortcuts
Building an npm Package Compatible With ESM and CJS in 202414,091
npm, dependencies, interoperability, esm, commonjs
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)14,090
redesigning, sustainability
Git Common Developer Pitfalls and Solutions (wom)14,089
git
The End of an Era: Women Who Code Closing (wom)14,088
community
What’s Going On in Dark Theme / Light Theme Land (chr/fro)14,087
css, functions, dark-mode
The “Intl.Segmenter” Object Is Now Part of Baseline (rac/dev)14,086
browsers, support, web-platform, javascript
My Code Formatting Guidelines (val)14,085
guidelines, formatting, conventions, javascript, html, prettier, configuration
Angular’s New Signal Inputs14,084
videos, angular, signals
A Primer on the Cascade and Specificity (bel/pic)14,083
introductions, css, selectors, cascade
5 Tailwind CSS Anti-Patterns to Avoid (ato)14,082
tailwind, colors, theming, frameworks, anti-patterns
How to Submit a Form in React Using FormData (wom)14,081
how-tos, forms, react
Who Should Block AI Bots? (moz)14,080
scraping, ai, seo
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)14,079
accessibility, security
Webhooks and WebSockets14,078
webhooks, websockets
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)14,077
jquery, maintenance, migrating
The Impact of Color Contrast on Accessibility14,076
accessibility, colors, contrast
Property Hooks Are Coming in PHP 8.4 (ami)14,075
php, hooks
JavaScript Code Quality Tools: See Qodana in Action14,074
jetbrains, qodana, quality, javascript
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI14,073
ai, quality, craft, metrics, engineering-management
How to Write World-Beating Web Content (web)14,072
how-tos, writing, content
Displaying HTML Web Components (ada)14,071
web-components, css
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)14,070
conversion, html, javascript
Building a GitHub Activity Feed With Node.js and Socket.IO14,069
nodejs, github, functionality
AI Isn’t Useless—but Is It Worth It? (mol)14,068
ai, quality
12 Tips From a Mid-Level Developer14,067
career, tips-and-tricks
Alternating Style Queries (kiz)14,066
css, style-queries, techniques
Hardest Problem in Computer Science: Centering Things (nik)14,065
css, design, centering
Why We Are Still Using 88×31 Buttons14,064
images, history, design
We Need to Rewild the Internet (rob)14,063
web, standards, collaboration, creativity, outlooks
Things That Can Break “aspect-ratio” in CSS (chr/fro)14,062
css, aspect-ratio
The Right Code for Your Design System (fig)14,061
design-systems, figma
The Making of a TypeScript Feature: Inferring Type Predicates14,060
typescript
The Invisible Seafaring Industry That Keeps the Internet Afloat (ver)14,059
web
The Biggest Lie in HTML14,058
videos, html
[pnpm] v9.0.0 (pnp)14,057
release-notes, pnpm
Making Disabled Buttons More Accessible14,056
accessibility, buttons, html, aria
Electron 30.0.0 (kee/ele)14,055
release-notes, electron
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (ope)14,054
foss, security, openjs
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)14,053
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)14,052
cookies, consent-management, performance
Ethics in Times of Growth Design14,051
design, ethics
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)14,050
html, attributes, forms, usability
Document Collaboration (With Comments!) (chr/fro)14,049
documentation, collaboration, comparisons, link-lists
CSS in React Server Components (jos)14,048
css, javascript, react, components, css-in-js
ARIA in HTML (sco+/w3c)14,047
standards, accessibility, aria, html
An Intro to Flexbox (cfe)14,046
introductions, css, flexbox, layout
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)14,045
accessibility
Interview With Senior JS Developer 202414,044
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)14,043
accessibility, auditing, tooling
Why Many Junior Developers Quit Programming (tip)14,042
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)14,041
apis, dark-mode
Things You Should Do in Your Dev Journey14,040
career
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)14,039
html, skip-links, accessibility, mobile
How to Write a Code Formatter14,038
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)14,037
quality, craft, accessibility, usability, user-experience, conformance, performance
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment)14,036
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
Sliding 3D Image Frames in CSS (css/sma)14,035
css, images, techniques
Naming Colors in Design Systems14,034
naming, colors, design-systems
Monitoring BFCache Blocking Reasons (chr/mdn)14,033
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)14,032
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)14,031
how-tos, css, grids, layout, maintainability
How Do Open Source Licenses Work? The Ultimate Guide (the)14,030
guides, foss, licensing
Blockin’ Bots (bee)14,029
scraping, ai, apache, configuration
10 Things Software Developers Should Learn About Learning14,028
research, learning
Purging Design System “Rot” From Our Checkboxes (chu)14,027
design-systems, maintenance, quality, accessibility, case-studies
Zombie Estimation14,026
agile, scrum, processes, project-management
Why I’m Embracing the Arc Browser14,025
browsers, arc, the-browser-company
Web Accessibility Statement: How to Write One14,024
how-tos, accessibility, documentation, writing
Unleashing Designers With Tailwind CSS14,023
videos, tailwind, design, processes
The Dos and Don’ts of Using “tabindex” in Web Design (a11)14,022
accessibility, keyboard-navigation, html
Socks, Lies, and Accessibility14,021
accessibility, awareness-days, link-lists
Quick Tip: How to Animate Text Gradients and Patterns in CSS14,020
tips-and-tricks, how-tos, animations, gradients, css
npm Basics for New Developers (nim)14,019
fundamentals, npm
Let Me Be14,018
videos, javascript
Gap Is the New Margin (chr/fro)14,017
css, margins, layout
Epic App Performance Starts With the Database14,016
videos, performance, databases, optimization
CSS Tricks to Master the “clip-path” Property (css)14,015
css, masking, clipping, tips-and-tricks
Complete a VPAT: Show How Accessible Your Product Is (deq)14,014
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)14,013
introductions, css, grids, layout
Accessible Interactions in JavaScript Apps (san)14,012
videos, accessibility, javascript, aria
A Comparison of Automated Testing Tools for Digital Accessibility (equ)14,011
accessibility, testing, tooling, automation, comparisons
Frontend Development Beyond React: Svelte14,010
svelte
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions (uxd)14,009
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)14,008
release-notes, nodejs, security
The Guide to Git I Never Had14,007
guides, git, command-line, cheat-sheets
The Future of Design Systems Is Marketing (fig)14,006
design-systems, marketing, metrics
Release Notes for Safari Technology Preview 192 (jon/web)14,005
release-notes, browsers, apple, safari
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)14,004
webkit, browsers, apple, safari, performance, optimization
Notes on Git’s Error Messages (b0r)14,003
git, errors
JS Naked Day (mac+)14,002
websites, javascript, awareness-days
I Never Knew a Website Could Hurt Someone (kar)14,001
videos, accessibility
Happy CSS Naked Day 2024 (fro)14,000
frontend-dogma, css, awareness-days
Is the Party Over for Scrum Masters and Agile Coaches?13,999
agile, scrum, career
Understanding Interaction to Next Paint (INP) (wil/fro)13,998
performance, web-vitals
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (tpg)13,997
accessibility, ada, legal, web, mobile
Sending Email Using Node.js (cra)13,996
nodejs, email
Recapping ng-conf 202413,995
angular
React Server Components in a Nutshell (the)13,994
react, components
Layered Toggles: Optional CSS Mixins (kiz)13,993
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)13,992
design, processes, prototyping, figma, html, comparisons
An Introduction to the Node.js Performance API (bet)13,991
introductions, nodejs, performance, apis
Ableism and Related Terms You Need to Know (mer)13,990
terminology, communication, dei
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution13,989
react, history
Building a CLI From Scratch With TypeScript and oclif13,988
command-line, typescript
DORA’s Software Delivery Metrics: The Four Keys13,987
processes, metrics
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities13,986
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)13,985
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)13,984
user-experience, ai, hci
Things That I Like Better in Vue Than in React13,983
vuejs, react, frameworks, comparisons
The Death of Creativity13,982
creativity, ai
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)13,981
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Node.js Debugging in Chrome DevTools (chr/fro)13,980
nodejs, debugging, tooling, browsers, google, chrome, dev-tools
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)13,979
design, communication
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities13,978
accessibility, legal, web, mobile
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)13,977
redesigning, strategies, dei, accessibility
How I Write Commits Like a Pro13,976
version-control, git, commit-messages, conventions
Creating a Navbar in React13,975
navigation, react, css
Blind Internet Users Struggle With Error-Prone AI Aids (fin)13,974
accessibility, ai
10 Must Know System Design Concepts for Interviews13,973
interviewing, architecture, system-design, concepts, scalability
Testing HTML With Modern CSS (hey)13,972
html, css, testing, quality
Jekyll vs. Astro (koo)13,971
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)13,970
html, images, performance
Demystifying the Shadow DOM13,969
dom, shadow-dom
[zx] 8.0.013,968
release-notes, zx
Why I’m Yet Another Woman Leaving the Tech Industry13,967
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)13,966
accessibility, user-experience, keyboard-navigation, skip-links, wcag
Reviewing Polypane for Responsive Website Tweaks13,965
videos, polypane, browsers
How to Think About HTML Responsive Images (db)13,964
how-tos, html, images, responsive-design
21 HTML Tips You Must Know About13,963
html, tips-and-tricks
Breakpoints in Responsive Design (nng)13,962
design, responsive-design, usability
The Free Software Commons (jen)13,961
foss, community, security
Should Designers Code? (bra)13,960
design, career
Managing User Focus With “:focus-visible” (css)13,959
css, selectors, focus
How to Make Your Website Work Offline13,958
how-tos, web-workers, offline, javascript
ESLint v9.0.0 Released (nza/esl)13,957
release-notes, eslint
Drive-By Accessibility Tweaks (bru)13,956
accessibility
DevTools Tips and Tricks (fro)13,955
browsers, dev-tools, tips-and-tricks
Creativity in Software Engineering13,954
research, creativity, programming
“AI” Won’t Solve Accessibility (yat)13,953
accessibility, ai
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue13,952
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)13,951
accessibility, keyboard-navigation, focus, html
The V8 Sandbox13,950
v8, security
The Basics of Legibility13,949
fundamentals, typography, legibility
Rounded Tabs With Inner Curves (css)13,948
css, effects, tips-and-tricks
Modern CSS Patterns in Campfire13,947
css, case-studies
How to Strongly Type process.env (mat)13,946
how-tos, typescript, nodejs
Heat Death of the Internet13,945
web
Building Components With Radix UI13,944
radix, components
AI and the Future of Web Accessibility Guidelines13,943
discussions, accessibility, wcag, standards, ai, w3c
A Complete Guide to CSS Logical Properties, With Cheat Sheet13,942
guides, css, logical-properties, cheat-sheets