Life is about deciding who we 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

News and Tools for Web Developers, 1990s to Now (13)

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

Entry (Sources) and TopicsDate#
Transforming UX With Generative AI (uxd)14,791
user-experience, ai
Write SOLID React Hooks14,790
react, hooks, principles, solid
Node.js Best Practices: A Guide for Developers14,789
guides, best-practices, nodejs
How to Use Corepack (mat)14,788
how-tos, nodejs, corepack, dependencies
Collaboration, the Future of CSS, Sass, and the Web With Miriam Suzanne (mia/sch)14,787
videos, interviews, collaboration, css, sass, outlooks
World Wide Accessibility—Benefits of Standardization (cer)14,786
accessibility, standards, legal, web
Upgrading to Eleventy v3 (mxb)14,785
eleventy
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)14,784
html, semantics, accessibility, seo, maintainability, performance
Does Serverless Still Matter?14,783
serverless, servers, architecture
A Practical Guide Against Barrel Files for Library Authors14,782
guides, javascript, libraries, anti-patterns
Transition to “height: auto;” and “display: none;” Using Pure CSS (zor/css)14,781
videos, css, transitions
The Gap (sha)14,780
css, layout
Strategies for Effective Urgent Ticket Classification14,779
documentation, processes, productivity, strategies
Single CSS Keyframe Tricks Are Magic (arg)14,778
videos, css, animations, tips-and-tricks
Nesting/Overriding Properties in CSS (chr/fro)14,777
css, nesting
Flow Charts With CSS Anchor Positioning14,776
css, apis, anchor-positioning, examples
Facilitating Diversity and Inclusion in Scrum Teams14,775
agile, processes, dei
es-toolkit14,774
libraries, javascript
Frontend Dogma on the Web (fro)14,773
frontend-dogma, link-lists
How to Classify Your Design System—a Framework (hs/uxd)14,772
how-tos, design-systems
Live Types in a TypeScript Monorepo14,771
typescript, monorepos
htmx: Simplicity in an Age of Complicated Solutions14,770
htmx, simplicity
Engineering for Slow Internet14,769
performance, user-experience
CSS in Depth, Second Edition (kei)14,768
books, css
Applying the Four Principles of Accessibility (ada)14,767
accessibility, wcag, principles
New to the Web Platform in May (rac)14,766
release-notes, web-platform, browsers, google, chrome, apple, safari, mozilla, firefox
Data Fetching Patterns in Single-Page Applications (mfo)14,765
data-fetching, software-design-patterns, single-page-apps
10 Modern Node.js Runtime Features to Start Using in 202414,764
nodejs
What to Know About the Open Versus Closed Software Debate (nyt)14,763
foss, ai
Why We Don’t Have a Laravel for JavaScript… Yet14,762
laravel, javascript
The Linear Method: Opinionated Software (fig)14,761
product-management, technical-debt, processes
The Different Ways to Build a Resilient Website or Web App (cfe)14,760
resilience, comparisons
Responsive Video Works Now—These Features Could Make It Work Better (sco)14,759
multimedia, responsive-design, performance, html
How to Make a CSS Timer (pre/fro)14,758
how-tos, css
Generics in TypeScript (fro)14,757
typescript, generics
Decision Trees for UI Components (vit/sma)14,756
design, components, processes
Building Tech That Respects Our Rights (lau/btc)14,755
videos, privacy, product-management, career
An Even Faster Microsoft Edge14,754
browsers, microsoft, edge
Your Site or App Should Work as Much as Possible Without JavaScript (cfe)14,753
javascript, resilience, graceful-degradation
Why Is Kubernetes Debugging So Problematic? (deb)14,752
kubernetes, debugging
What’s New in Angular 1814,751
angular
Typographer vs. Accessibility (pim/btc)14,750
videos, accessibility, typography
The Era of Platform Primitives Is Finally Here (ati/sma)14,749
frameworks, netlify
SSL for Localhost Takes 5 Seconds Now14,748
ssl, testing, environments
My Approach to Alt Text (aar)14,747
accessibility, images, processes, alt-text, link-lists
Inside Bluesky’s Engineering Culture (ger+)14,746
bluesky, culture, deep-dives
How to Assess Your Skill Level Before Contributing to Open Source (bek/ope)14,745
how-tos, foss, collaboration
Creating an Accessible Toggle Switch in Tailwind CSS14,744
tailwind, accessibility, toggles
Centering Content Vertically With One Line of CSS (ami)14,743
css, flexbox, grids, centering
Angular Basics: The Course14,742
courses, angular, fundamentals
Progressively Enhanced Popover Toggletips (mic)14,741
html, pop-overs, apis, progressive-enhancement
What We Can Learn From the Guy Who Regrets Making Pop-Up Ads (bet/uxd)14,740
design, pop-ups, ai
WP21 (pho)14,739
wordpress
Lazy Load Components in Nuxt to Improve Performance14,738
nuxt, performance, lazy-loading, components
Laravel Under the Hood—Extending the Framework14,737
laravel, extensibility
How to Deploy Your Own Website on AWS14,736
how-tos, deploying, aws
How Can OKRs Empower the Scrum Teams?14,735
processes, agile, scrum, okr
Here’s What We Learned From the First “State of HTML” Survey (sac/fro)14,734
html, lessons
Alt Left (ste)14,733
accessibility, html, images, alt-text, anti-patterns
3 Essential Design Trends, June 2024 (web)14,732
design, trends
Old Dogs, New CSS Tricks (mxb)14,731
css
Node.js Performance Hooks: Mastering the Mental Model (pav)14,730
nodejs, performance, hooks
Masonry and Reading Order (rac)14,729
css, layout, masonry
Fast Ways to Estimate Capacity (cwo)14,728
project-management, processes
A Little DevTools Snippet to Check Broken Links on a Webpage (ami)14,727
browsers, dev-tools, javascript, link-rot, testing
Want Out of React Complexity? Try Vue’s Progressive Framework (ric/the)14,726
react, vuejs, frameworks, comparisons
Understanding Organizational Capacity: Why It Matters in OKR Practice (cwo)14,725
economics, leadership, engineering-management, processes, okr
The Long Path of JavaScript—from ES6 Until Today14,724
javascript, ecmascript, history
No More Pixel Rounding Issues (css)14,723
css, functions, tips-and-tricks
New Magic for Animations in CSS (chs)14,722
css, animations
Design Systems vs. Style Guides (nng)14,721
design-systems, style-guides, comparisons, design, documentation, terminology, concepts
Why, After 6 Years, I’m Over GraphQL14,720
graphql, apis
Switching It Up With HTML’s Latest Control (sma)14,719
html, forms
Reducing Code Review Time at Google14,718
research, google, code-reviews, ai, productivity
Multipage Version (wil)14,717
websites, html
JSR: The JavaScript Package Registry We’ve Been Waiting For14,716
jsr, dependencies
Consensus in Internet Standards (mno)14,715
collaboration, communication, standards, web-platform
Building an Instinct for Metrics (cwo)14,714
metrics
A Complete Guide for Adding Captions to YouTube Videos (pop)14,713
guides, multimedia, captions, youtube, accessibility
Two Important AI Developments Affecting Accessibility14,712
accessibility, ai, legal
Kawaii Computing: What VTubers Can Teach Us About Design (uxd)14,711
design, user-experience, culture
Did We Fail to Develop the Next Generation of Designers? (uxd)14,710
design, career, leadership, history
Why Do We Celebrate Incompetent Leaders?14,709
videos, leadership
uBlock Origin: Let’s Read the Code! (ant)14,708
videos, case-studies
Storybook 8.1 (shi/sto)14,707
release-notes, storybook
Predictors of Postsecondary Web Accessibility, 2012 to 202214,706
studies, research, accessibility, history
Notes on Implementing Dark Mode14,705
dark-mode, javascript, tailwind
HTML Tags You Might Not Know About14,704
html
Best Practices for Naming Design Tokens, Components, Variables, and More (sma)14,703
naming, design-tokens, components, variables, best-practices
Astro 4.9 (blu+)14,702
release-notes, astro
Animating the Dialog Element (fro)14,701
css, animations, modals
Using Footnotes (mfo)14,700
footnotes, content, writing, semantics
DOJ ADA Title II: Small Government WCAG Accessibility Guide14,699
guides, accessibility, ada, wcag, legal
Angular v18 Is Now Available! (mge/ang)14,698
release-notes, angular
Why Are There No Mobile Accessibility Guidelines in WCAG?14,697
accessibility, wcag, mobile
When Should We Use Components and When Should We Just Use HTML? (chr)14,696
html, components, web-components
What AI Can Do for (and to) Web Accessibility (ons/tpg)14,695
videos, accessibility, ai
Webmentions in Astro (for Blog Posts) (stv)14,694
astro, webmentions
Speeding Up File Load Times, One Page at a Time (fig)14,693
figma, performance
Release Notes for Safari Technology Preview 195 (jon/web)14,692
release-notes, browsers, apple, safari
Popover Element Entry and Exit Animations in a Few Lines of CSS (paw)14,691
pop-overs, css, animations
Not So Short Note on “aria-label” Usage—Big Table Edition (ste)14,690
accessibility, aria, labels, html
Modern CSS Layouts: You Might Not Need a Framework for That (uti/sma)14,689
css, layout, frameworks
Danger! Preventing Zoom From Changing Text Size (chr/fro)14,688
accessibility, zooming, resizing
We’ve Got Container Queries Now, but Are We Actually Using Them? (chr/fro)14,687
css, container-queries
CSS Specificity for WordPress 6.6 (wor)14,686
discussions, wordpress, css, selectors, cascade
Here’s What We’re Working on in Firefox (moz)14,685
browsers, mozilla, firefox
We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (j9t)14,684
html, conformance, craft, quality
Test-Driving HTML Templates (xpm/mfo)14,683
html, templates, testing, server-side-rendering, conformance
State of Frontend 2024 Survey14,682
surveys
Not Always Mobile First (css)14,681
responsive-design, mobile-first, mobile, css, processes
Introducing JSR (den)14,680
videos, introductions, jsr
I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024 (zac)14,679
eleventy
Hidden vs. Disabled in UX (vit/sma)14,678
user-experience, comparisons, design-patterns
Growth or Scale?14,677
sustainability, scalability
“contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (eri)14,676
accessibility, colors, contrast, css, functions
A Primer on JavaScript Proxies (cfe)14,675
introductions, javascript
The Art of Not Being So Freaking Pushy (uxd)14,674
design, user-experience, microcontent, buttons
UI Density14,673
design, information-design, metrics
CSS “:has()”, the God Selector (bru)14,672
css, selectors
Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (uxm)14,671
user-experience, logging, monitoring, observability
Process14,670
processes
Web Content Has a Maintenance Problem (ger)14,669
web, content, maintenance, processes, sustainability
“<style>”: Inline Optimizations for the Bold (mor)14,668
html, css, performance, optimization
Stop Resizing Your Browser: Improve Testing for Responsiveness (jen)14,667
browsers, testing, responsive-design
CodeFlattener14,666
packages, npm, javascript
A JavaScript Developer Tries Go for the First Time14,665
javascript, go
WAI–ARIA: “role=strong”14,664
accessibility, aria
WAI–ARIA: “role=deletion”14,663
accessibility, aria
On Which Side Do We Put the Primary Button? (mar/uxd)14,662
design, usability, buttons
Visual Design: Glossary (tbf/nng)14,661
design, terminology
Weighing in on CSS Masonry (kei)14,660
css, layout, masonry
Turn Off Google AI Overview—Set “Web” as Default14,659
websites, google, ai, search
The Future of 11ty (zac/ele)14,658
videos, eleventy, outlooks
On Compliance vs. Readability: Generating Text Colors With CSS (lea)14,657
css, functions, colors, compliance, readability, comparisons
Cloning Queries in Laravel (ami)14,656
laravel, databases
What’s New in Angular (mge+)14,655
videos, angular
What You Need to Know About Third-Party Cookie Deprecation14,654
videos, cookies, browsers, google, chrome, support, deprecation
From Fast Loading to Instant Loading (tun)14,653
videos, performance, apis
What’s New in the Web (rac)14,652
videos, web-platform
Automate Browser Testing With Tools and Best Practices From Chrome14,651
videos, browsers, google, chrome, testing, tooling, automation, best-practices
The Latest in Web UI (una)14,650
videos, html, css, layout, effects
New Field Insights for Debugging INP (mal)14,649
videos, performance, web-vitals
Navigating the JavaScript Framework Ecosystem (add)14,648
videos, javascript, frameworks
Rethinking Text Resizing on Web (bas)14,647
accessibility, resizing
W3C Unveils 174 New Outcomes for WCAG 3.0 (deq)14,646
accessibility, wcag, standards, w3c
The WCAG 3 Working Draft Update Is Ready for Your Review (w3c)14,645
accessibility, w3c, wcag
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)14,644
css, html, attributes
CSS3? Pfff—Get Ready for CSS6! (jar/van)14,643
css, versioning
CSS Container Queries in Practice (mia/odd)14,642
videos, css, container-queries
CSS… 5? (chr/fro)14,641
css, versioning
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools14,640
guides, javascript, performance, debugging, browsers, google, chrome, dev-tools
Beyond CSS Media Queries (mon/sma)14,639
css, media-queries, container-queries, layout, techniques
ADA Title II and You14,638
videos, accessibility, ada, legal
It’s Time to Upgrade From “Hard-Working” to “Highly Efficient” (uxd)14,637
productivity, efficiency, product-management
Transforming the Relationship Between Designers and Developers (sma)14,636
design, collaboration, processes
React Compiler (rea)14,635
react, compiling
Prefetching When Server Loading Won’t Do (ada/fro)14,634
performance, client-side-rendering, server-side-rendering, streaming
Merging Remix and React Router (rem)14,633
remix, react-router
JavaScript Security: Simple Practices to Secure Your Frontend14,632
javascript, security, dependencies, csp
Dynamic GitHub Profile With Bun and TypeScript14,631
github, readme, bun, typescript
Baseline Progressive Enhancement (ada)14,630
web-platform, progressive-enhancement, browsers, support
Built-In AI (kbx+)14,629
chrome, google, browsers, ai, gemini, apis
New in Chrome 125 (tro)14,628
release-notes, browsers, google, chrome
The CSS Stepped Value Math Functions Are Now in Baseline 2024 (rac)14,627
css, math, functions, browsers, support, web-platform
Web Platform Status14,626
websites, web-platform, browsers, interoperability, support
10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (pau)14,625
google, web-platform, ai
Anchor Positioning and the Popover API for a JS-Free Site Menu (mic)14,624
css, apis, pop-overs, anchor-positioning
State of HTML 2023 [Results] (sac+/dev)14,623
surveys, metrics, html
Stop Moving Fast and Breaking Everything (uxd)14,622
product-management, engineering-management, leadership, processes
Why Designers Aren’t Understood (vit/sma)14,621
design, career, communication, terminology
The Great Tech and People Hypocrisy (j9t)14,620
career, leadership, economics
Google’s Broken Link to the Web14,619
google, web, search, ai
ECMAScript Proposal: “Promise.withResolvers()” (rau)14,618
ecmascript, promises
Dark Mode and Accessibility Myth (ste)14,617
accessibility, dark-mode, myths
The Times You Need a Custom “@property” Instead of a CSS Variable (pre/sma)14,616
css, custom-properties, animations, transitions
List of Essential Soft Skills for Front-End Engineers14,615
career
RSS Is Good, Isn’t It?! (mic)14,614
syndication, rss, indieweb
AI Product Design: Identifying Skills Gaps and How to Close Them (uxd)14,613
design, ai, processes
Designers Are More Than Keywords and Portfolios (uxd)14,612
design, user-experience, career
AI Isn’t Ready for UX Design (nng)14,611
videos, design, user-experience, ai
WebKit Features in Safari 17.5 (jen/web)14,610
release-notes, browsers, apple, safari, webkit
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues14,609
accessibility, aria, best-practices
Top 7 CSS Frameworks for Developers in 202414,608
css, frameworks, bootstrap, tailwind, foundation, bulma, skeleton, uikit, milligram, comparisons
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)14,607
css, borders, tips-and-tricks
Regarding Keyboard Testing14,606
accessibility, keyboard-navigation, testing
Morphing Arbitrary Paths in SVG14,605
svg, animations
JavaScript Objects—Complete Guide14,604
guides, javascript, objects
Intopia’s WCAG 2.2 Maps (int)14,603
accessibility, wcag, cheat-sheets
I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (bel/pic)14,602
css, layout, masonry, accessibility, keyboard-navigation
How I Made My GitHub Profile README Dynamic14,601
github, readme
Doing the Right Thing Right—Validation and Verification14,600
validation, terminology, comparisons
Accessible SVG Forms14,599
accessibility, forms, svg, aria
Software Engineering Principles Every Frontend Developer Should Know14,598
principles, craft, quality
Setting Personal OKRs (cwo)14,597
career, processes, okr
Quick Incremental Accessibility Audits for Small Business Websites (cer)14,596
accessibility, auditing
All I Want for GAAD14,595
accessibility, awareness-days, wish-lists
Mesh Gradients in CSS (jos)14,594
css, gradients
Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World14,593
accessibility
Best Intention Barriers (ARIA Edition) (mar)14,592
accessibility, aria, auditing
Accessibility Overlays Are Not for Disabled People (tem)14,591
accessibility, overlays
Introducing the CSS Anchor Positioning API (una)14,590
introductions, css, apis, anchor-positioning, examples
Make Your Figma Components Work Harder (uxd)14,589
figma, design-systems, components
Design Taste vs. Technical Skills in the Era of AI (nng)14,588
design, programming, ai, comparisons
Typography Terms: Glossary (tbf/nng)14,587
typography, terminology
Using the Page Visibility API (bsm/mdn)14,586
javascript, apis
The Modern Guide for Making CSS Shapes (css/sma)14,585
guides, css, shapes, effects, techniques
The Dilemmas You’ll Face When Creating a Component Library (and)14,584
libraries, components
Manifesto for a Humane Web (mic)14,583
websites, manifestos, web, principles, accessibility, dei, security, sustainability, user-experience
How to Document Your JavaScript Package (den)14,582
how-tos, javascript, dependencies, documentation, writing, jsdoc, readme
Build Your Own React.js in 400 Lines of Code14,581
react, jsx, principles
17 Best Developer Productivity Tools to Try14,580
productivity, tooling, link-lists
WordPress Ping List for Faster Post Indexing14,579
wordpress, crawling, seo
Simple Implemention to Understand “worker_threads” in Node.js14,578
nodejs, examples, worker-threads
Release Notes for Safari Technology Preview 194 (jon/web)14,577
release-notes, browsers, apple, safari
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)14,576
ai, slop, terminology
Upgrade Your HTML V (j9t/fro)14,575
books, frontend-dogma, html, minimalism, craft, conformance
What Is UX (Not)? (nng)14,574
videos, user-experience, concepts
Why Use Web Components Over Traditional DOM Manipulation? (cfe)14,573
web-components, dom
Websites Are Not Books (ons)14,572
terminology, concepts
Level-Setting Heading Levels (aar)14,571
headings, semantics, conformance, accessibility, aria
Let’s Build a Web Scraper in PHP and Python14,570
scraping, php, python
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)14,569
javascript, events, web-components
37 Tips From a Senior Frontend Developer14,568
tips-and-tricks, fundamentals, learning, processes, career
How We’re Building More Inclusive and Accessible Components at GitHub (eri)14,567
components, accessibility, dei, case-studies, github
Transparent Borders (bra)14,566
css, borders, transparency+opacity, accessibility, contrast
Introducing the Gulp Developer Survey14,565
introductions, surveys, gulp
Why Patching Globals Is Harmful14,564
javascript, programming
The Carcinization of Web Frameworks14,563
frameworks, history, signals, server-side-rendering, outlooks, web-components
Modern WordPress—Yikes! (dbu)14,562
wordpress, themes
JavaScript “var”, “let”, and “const” Explained (cfe+)14,561
javascript
Focus vs. Accessibility Focus14,560
accessibility, focus, comparisons
Evidence-Based Management Guide, 2024—What’s New?14,559
release-notes, guides, agile, processes, metrics, engineering-management
The Pros and Cons of Using a Backend-for-Frontend (BFF)14,558
backend-for-frontend, architecture
Mastering User-Centered Design, With 5 Advanced Tips (uxm)14,557
usability, user-experience, tips-and-tricks, accessibility, testing
What’s New in Node.js v22 (mco)14,556
videos, nodejs
Using the Popover API for HTML Tooltips (chr/fro)14,555
pop-overs, apis, html, tooltips
Using Simple Tools as a Radical Act of Independence14,554
html, css, simplicity
These CSS Pro Tips and Tricks Will Blow Your Mind14,553
videos, css, tips-and-tricks
Servo Reboot: Where Are We Now? OSS-NA 202414,552
browser-engines, servo, browsers
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)14,551
redesigning, strategies, dei, accessibility
Get First Item in Eleventy Collection14,550
how-tos, eleventy, nunjucks
Errors Aren’t All Bad (jim)14,549
errors
An Introduction to the European Accessibility Act (EAA) (deq)14,548
introductions, accessibility, legal, eaa
A Brief Note on Highlighted Text (aar)14,547
accessibility, colors, contrast, css, selectors
Misconceptions About CSS Specificity (bra)14,546
css, selectors, cascade
The 7 Most Useful Web Design and Web Development Glossaries (apo)14,545
concepts, terminology, link-lists
Securing Client-Side JavaScript (ada)14,544
javascript, security, graceful-degradation
Pairing Eleventy With htmx and Deno14,543
eleventy, htmx, deno
Native Support for CJS/ESM Interoperability Begins in Node.js 2214,542
commonjs, esm, interoperability, support, nodejs
Memory Management Every Developer Should Know14,541
memory, garbage-collection
Eleventy With a Basic Deno Static Server Setup14,540
eleventy, deno, hosting
5 Node Version Managers Compared—Which Is Right for You? (pav)14,539
nodejs, comparisons, nvm, pnpm
Shades of Grey With “color-mix()” (mic)14,538
css, functions, colors
WCAG After Quarter of a Century—We Still Need More Awareness (cer)14,537
accessibility, wcag, community
The Value of Open Source in Furthering Accessibility Goals (mgi)14,536
videos, foss, accessibility
At Some Point, JavaScript Got Good14,535
javascript, history
A to Z of Assistive Technology for Reading Digital Text14,534
accessibility, browsers, assistive-tech, readability, concepts
Content Standards in Design Systems (nng)14,533
content, design-systems, processes
So I Got Fired14,532
career
Quick-and-Dirty Accessibility (tpg)14,531
accessibility, techniques
Poor Express Authentication Patterns in Node.js and How to Avoid Them14,530
express, nodejs, authentication, security
How Slack Automates Deploys14,529
deploying, automation, case-studies, slack
The War Begins: Top Best JavaScript Framework to Learn in 202414,528
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
How to Archive Your Design System Effectively (uxd)14,527
how-tos, design-systems, design, processes
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)14,526
angular, css, scope
Web Development Trends We Will See in 202414,525
trends
Web Components From Early 2024 (chr)14,524
web-components, link-lists
The Vue Ecosystem in 2024 (fro)14,523
vuejs, content-delivery, building, frameworks
Introduction to htmx (jan)14,522
introductions, htmx
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)14,521
videos, css, view-transitions, animations
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)14,520
css, selectors, html, techniques
3 Methods to Elevate Your Writing With Visual Content14,519
writing, content, information-design
Cookie Permissions: 6 Design Guidelines (nng)14,518
videos, cookies, consent-management, privacy, user-experience, guidelines
Why Are My Live Regions Not Working? (pat/tet)14,517
accessibility, aria, live-regions
When to Use Bun Instead of Node.js (app)14,516
bun, nodejs, comparisons
Using AI to Predict Design Trends (web)14,515
ai, design, trends
Understanding What Drupal Editors and Authors Need (ckr/lul)14,514
drupal
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)14,513
figma, programming, typescript, migrating, case-studies
Should We Rely on Browser Detection? (htm)14,512
browsers, browser-detection
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry (the)14,511
interviews, nodejs, deno, jsr
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)14,510
foss, maintenance
How to Create Content in WordPress With AI14,509
how-tos, content, ai, wordpress
Exploring the Immersive Web With Wolvic (sea)14,508
xr, wolvic, igalia, browsers
Demystifying React’s Types: Ref Types14,507
react
A React Developer’s Guide to Learning Solid.js14,506
guides, react, solidjs, comparisons
An Alternative Proposal for CSS Masonry (rac)14,505
css, layout, masonry, google
Web Accessibility in the 2024 [US] Presidential Campaigns (web)14,504
accessibility, case-studies
Web Forms: Costly Mistakes You Want to Avoid (geo)14,503
books, forms, mistakes, usability, accessibility, maintainability
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings14,502
usability, user-experience, sorting
Pretty Much Every Website Uses the Wrong Font Size…14,501
videos, css
Popover API Is Here (chr/fro)14,500
apis, pop-overs, html
I Reviewed 1,000s of Opinions on htmx14,499
htmx
Handling the Indentation of a Treeview Component (sha)14,498
css
European Accessibility Act: Ultimate Guide to Compliance14,497
guides, accessibility, compliance, legal, eaa
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making14,496
how-tos, design-systems, processes, collaboration, maintenance
Composability in Design Systems (ada)14,495
design-systems, design, components
New to the Web Platform in April (rac)14,494
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust”14,493
microsoft, edge, css, support, deprecation
How to Design Accessible Forms in 10 Steps (uxd)14,492
how-tos, design, accessibility, forms
CSS Inheritance (bel/pic)14,491
css, cascade
What Is Vite (and Why Is It So Popular)?14,490
vite
WebAssembly Performance Patterns for Web Apps (tom)14,489
webassembly, performance, web-apps
Superior Range Syntax (css)14,488
css, media-queries
My Approach to HTML Web Components (ada)14,487
html, web-components
Introduction to NestJS14,486
introductions, frameworks, nestjs
The Polish Paradox14,485
design, optimization, user-experience
No, I Don’t Want to Fill Out Your Contact Form14,484
forms, user-experience
Accessibility Evolution of Organizations (cer)14,483
accessibility, processes, economics
Top 50 System Design Interview Questions for 202414,482
interviewing, architecture, system-design, link-lists
Can You Detect Overflow With CSS? (fon/css)14,481
css, overflow
Optimizing INP: A Deep Dive14,480
videos, performance, debugging, web-vitals, optimization, browsers, google, chrome, dev-tools, deep-dives
Ditch Dotenv: Node.js Now Natively Supports .env File Loading14,479
nodejs, environments, tooling
The Picture-Superiority Effect: Harness the Power of Visuals (nng)14,478
design, images, information-design
What Do Developers Want From AI?14,477
research, ai, productivity, efficiency
Passkeys: A Shattered Dream (fir)14,476
security, authentication, passkeys
Basic Algorithms14,475
algorithms, search, sorting
Popover API Lands in Baseline (una)14,474
pop-overs, apis, browsers, support, web-platform
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)14,473
accessibility, processes, prototyping, research
Maintaining a Design System in Figma (luk/uxd)14,472
design-systems, maintenance, figma
The Rise of Large-Language-Model Optimization (sch+)14,471
ai, optimization
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)14,470
search, forms, html, css, svg
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)14,469
guides, overviews, examples, radix
Introduction to Manual Website Accessibility Testing14,468
videos, introductions, accessibility, testing
Design Déjà Vu (mal)14,467
design, html, css, history, comparisons
Why Don’t We Talk About Minifying CSS Anymore? (whi/get)14,466
css, minification, performance
Borrow Checking, RC, GC, and the Eleven (!) Other Memory Safety Approaches14,465
memory, garbage-collection, programming
Write Better CSS With Modern CSS (css)14,464
css, nesting, custom-properties, media-queries, tips-and-tricks
Use “:has()” to Scope CSS14,463
css, selectors, scope
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)14,462
javascript, urls
The Perfect Site Doesn’t Exist (mic)14,461
quality, maintenance, processes
The New “!important” (geo)14,460
css, cascade
Ruby Might Be Faster Than You Think (joh)14,459
ruby, performance
Printing Music With CSS Grid (ste)14,458
css, grids, examples
Node.js Next 10 Survey—2024 (nod)14,457
surveys, nodejs
Node.js 22 Available Now (ope)14,456
release-notes, nodejs
JSR Is Not Another Package Manager (tin/den)14,455
jsr, dependencies
HTML Attributes vs. DOM Properties (jaf)14,454
html, attributes, dom, comparisons
How to Escape JavaScript for a Script Tag14,453
how-tos, javascript, escaping, html
Celebrating 20 Years of Dojo (ope)14,452
anniversaries, dojo
Celebrate JavaScript Naked Day Every Year on April 24 (zac)14,451
javascript, awareness-days
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)14,450
html, modals, pop-overs
Creating Fluid Typography With the CSS “clamp()” Function14,449
css, functions, typography, liquid-design
Notes on Quality14,448
design, user-experience, quality
How the Meaning of Colour Varies per Culture (uxd)14,447
colors, culture
Latency Numbers Every Frontend Developer Should Know (ind)14,446
performance, metrics, terminology
Your Page Can’t Change Media Features (kil)14,445
css, media-queries, user-experience, apis
Using Vite to Rebuild Local Dependencies in an npm Workspace14,444
npm, dependencies, vite
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome14,443
cookies, privacy, browsers, google, chrome
The Front End Developer/Engineer Handbook 2024 (fro)14,442
overviews, career, learning, tech-stacks, concepts, terminology
The First Framework That Lets You Visualize Your React/Node.js App14,441
frameworks, visualization, react, nodejs, wasp
Taking Regular Screenshots of My Website14,440
screenshots, images, automation, playwright, github-actions
Reflecting on My Programming Career14,439
career
Images as the First Thing in a Button or Link (tem)14,438
accessibility, html, images, buttons, links
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render14,437
bun, deploying, performance, case-studies
F-Shape Pattern and How Users Read (vit/sma)14,436
usability, design
Comparing Full Stack and Headless CMS Platforms14,435
comparisons, content-management, wordpress, drupal, ghost
Adding ESLint and Auto-Fixing an Existing TypeScript Project14,434
eslint, typescript, quality, automation
JavaScript Features That Most Developers Don’t Know14,433
javascript, functions
State of Design Tokens 2024 (don+)14,432
videos, design-tokens, figma, tooling
Write Alt Text Like You’re Talking to a Friend (spa/clo)14,431
accessibility, images, alt-text
What You Can Do as a Web Builder on Earth Day (aar)14,430
sustainability, ai
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer14,429
ci-cd, concepts
Using Legitimate GitHub URLs for Malware (sch)14,428
security, malware, github
The Ultimate Collection of CSS-Only Shapes (css)14,427
websites, css
The Slow Death of CSS Vendor Prefixes (oll)14,426
css, vendor-extensions, history
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)14,425
collaboration, processes
The Art of Design System Recipes (bra)14,424
design-systems, design-tokens
Node.js Test Runner: A Beginner’s Guide (bet)14,423
guides, nodejs, testing
How I Use Generative AI in Branding14,422
ai, branding, principles, design
Creating a UX Playbook for Onboarding Users to Your Product (uxm)14,421
user-experience, onboarding, product-management
5 Hidden CSS Properties You Didn’t Know Existed14,420
css
3 Essential Design Trends, May 2024 (web)14,419
design, trends
15 Essential UX Design Principles and Practices for Developers (uxm)14,418
user-experience, principles, best-practices
Make Product Design Great Again (uxd)14,417
design, user-experience, product-management
3 Tips for Advanced Prototyping in Figma (uxd)14,416
tips-and-tricks, prototyping, figma
Optimising React Apps14,415
react, optimization
Detect JavaScript Support (fon/css)14,414
css, javascript, media-queries, support
Considerations for AI Opt-Out (mno)14,413
ai
April 24 Is JS Naked Day (j9t)14,412
javascript, awareness-days
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)14,411
videos, interviews, css
Using “@defer” Defer Views in Angular 1714,410
angular, performance, lazy-loading
Node.js Task Runner14,409
nodejs, performance
Make Sure That Your Design System Is Accessible (cer)14,408
design-systems, accessibility
Long Alt (aar)14,407
accessibility, images, alt-text, support, browsers, screen-readers
Detect JavaScript Support in CSS (hex)14,406
css, javascript, media-queries, support
Design Systems and the Never-Ending Job of Buy In (pjo)14,405
design-systems, communication, collaboration
A Short Guide to Mastering Keyboard Shortcuts on GitHub14,404
guides, github, keyboard-shortcuts
Typography Variables in Figma Are Here14,403
typography, variables, figma
This Web of Ours, Revisited (zel)14,402
web
How to Work With GraphQL in WordPress in 2024 (sma)14,401
how-tos, wordpress, graphql
How to Create CSS Utility Classes (fon/css)14,400
how-tos, css, presentational-html
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)14,399
css, layout, grids, masonry
Building a Culture of Accessibility (tet)14,398
accessibility, culture
Accessibility Overlays—Friend or Foe? (int)14,397
videos, accessibility, overlays
The “Intl.Segmenter” Object Is Now Part of Baseline (rac)14,396
browsers, support, web-platform, javascript
Building an npm Package Compatible With ESM and CJS in 202414,395
npm, dependencies, interoperability, esm, commonjs
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)14,394
redesigning, sustainability
Git Common Developer Pitfalls and Solutions (wom)14,393
git
The End of an Era: Women Who Code Closing (wom)14,392
community
What’s Going On in Dark Theme / Light Theme Land (chr/fro)14,391
css, functions, dark-mode
My Code Formatting Guidelines (val)14,390
guidelines, formatting, conventions, javascript, html, prettier, configuration
Angular’s New Signal Inputs14,389
videos, angular, signals
A Primer on the Cascade and Specificity (bel/pic)14,388
introductions, css, selectors, cascade
5 Tailwind CSS Anti-Patterns to Avoid (ato)14,387
tailwind, colors, theming, frameworks, anti-patterns
How to Submit a Form in React Using FormData (wom)14,386
how-tos, forms, react
Who Should Block AI Bots? (moz)14,385
scraping, ai, seo
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)14,384
accessibility, security
Webhooks and WebSockets14,383
webhooks, websockets
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)14,382
jquery, maintenance, migrating
The Impact of Color Contrast on Accessibility14,381
accessibility, colors, contrast
Property Hooks Are Coming in PHP 8.4 (ami)14,380
php, hooks
JavaScript Code Quality Tools: See Qodana in Action14,379
jetbrains, qodana, quality, javascript
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI14,378
ai, quality, craft, metrics, engineering-management
How to Write World-Beating Web Content (web)14,377
how-tos, writing, content
Displaying HTML Web Components (ada)14,376
web-components, css
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)14,375
conversion, html, javascript
Building a GitHub Activity Feed With Node.js and Socket.IO14,374
nodejs, github, functionality
AI Isn’t Useless—but Is It Worth It? (mol)14,373
ai, quality
12 Tips From a Mid-Level Developer14,372
career, tips-and-tricks
Alternating Style Queries (kiz)14,371
css, style-queries, techniques
Hardest Problem in Computer Science: Centering Things (nik)14,370
css, design, centering
Why We Are Still Using 88×31 Buttons14,369
images, history, design
We Need to Rewild the Internet (rob)14,368
web, standards, collaboration, creativity, outlooks
Things That Can Break “aspect-ratio” in CSS (chr/fro)14,367
css, aspect-ratio
The Right Code for Your Design System (fig)14,366
design-systems, figma
The Making of a TypeScript Feature: Inferring Type Predicates14,365
typescript
The Invisible Seafaring Industry That Keeps the Internet Afloat (ver)14,364
web
The Biggest Lie in HTML14,363
videos, html
[pnpm] v9.0.0 (pnp)14,362
release-notes, pnpm
Making Disabled Buttons More Accessible14,361
accessibility, buttons, html, aria
Electron 30.0.0 (kee/ele)14,360
release-notes, electron
Ethics in Times of Growth Design14,359
design, ethics
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (ope)14,358
foss, security, openjs
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)14,357
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)14,356
cookies, consent-management, performance
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)14,355
html, attributes, forms, usability
Document Collaboration (With Comments!) (chr/fro)14,354
documentation, collaboration, comparisons, link-lists
CSS in React Server Components (jos)14,353
css, javascript, react, components, css-in-js
ARIA in HTML (sco+/w3c)14,352
standards, accessibility, aria, html
An Intro to Flexbox (cfe)14,351
introductions, css, flexbox, layout
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)14,350
accessibility
Interview With Senior JS Developer 202414,349
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)14,348
accessibility, auditing, tooling
Why Many Junior Developers Quit Programming (tip)14,347
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)14,346
apis, dark-mode
Things You Should Do in Your Dev Journey14,345
career
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)14,344
html, skip-links, accessibility, mobile
How to Write a Code Formatter14,343
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)14,342
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,341
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
Sliding 3D Image Frames in CSS (css/sma)14,340
css, images, techniques
Naming Colors in Design Systems14,339
naming, colors, design-systems
Monitoring BFCache Blocking Reasons (chr/mdn)14,338
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)14,337
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)14,336
how-tos, css, grids, layout, maintainability
How Do Open Source Licenses Work? The Ultimate Guide (the)14,335
guides, foss, licensing
Blockin’ Bots (bee)14,334
scraping, ai, apache, configuration
10 Things Software Developers Should Learn About Learning14,333
research, learning
Purging Design System “Rot” From Our Checkboxes (chu)14,332
design-systems, maintenance, quality, accessibility, case-studies
Zombie Estimation14,331
agile, scrum, processes, project-management
Why I’m Embracing the Arc Browser14,330
browsers, arc, the-browser-company
Web Accessibility Statement: How to Write One14,329
how-tos, accessibility, documentation, writing
Unleashing Designers With Tailwind CSS14,328
videos, tailwind, design, processes
The Dos and Don’ts of Using “tabindex” in Web Design (a11)14,327
accessibility, keyboard-navigation, html
Socks, Lies, and Accessibility14,326
accessibility, awareness-days, link-lists
Quick Tip: How to Animate Text Gradients and Patterns in CSS14,325
tips-and-tricks, how-tos, animations, gradients, css
npm Basics for New Developers (nim)14,324
fundamentals, npm
Let Me Be14,323
videos, javascript
Gap Is the New Margin (chr/fro)14,322
css, margins, layout
Epic App Performance Starts With the Database14,321
videos, performance, databases, optimization
CSS Tricks to Master the “clip-path” Property (css)14,320
css, masking, clipping, tips-and-tricks
Complete a VPAT: Show How Accessible Your Product Is (deq)14,319
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)14,318
introductions, css, grids, layout
Accessible Interactions in JavaScript Apps (san)14,317
videos, accessibility, javascript, aria
A Comparison of Automated Testing Tools for Digital Accessibility (equ)14,316
accessibility, testing, tooling, automation, comparisons
Frontend Development Beyond React: Svelte14,315
svelte
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions (uxd)14,314
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)14,313
release-notes, nodejs, security
The Guide to Git I Never Had14,312
guides, git, command-line, cheat-sheets
The Future of Design Systems Is Marketing (fig)14,311
design-systems, marketing, metrics
Release Notes for Safari Technology Preview 192 (jon/web)14,310
release-notes, browsers, apple, safari
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)14,309
webkit, browsers, apple, safari, performance, optimization
Notes on Git’s Error Messages (b0r)14,308
git, errors
JS Naked Day (mac+)14,307
websites, javascript, awareness-days
I Never Knew a Website Could Hurt Someone (kar)14,306
videos, accessibility
Happy CSS Naked Day 2024 (fro)14,305
frontend-dogma, css, awareness-days
Is the Party Over for Scrum Masters and Agile Coaches?14,304
agile, scrum, career
Understanding Interaction to Next Paint (INP) (wil/fro)14,303
performance, web-vitals
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (tpg)14,302
accessibility, ada, legal, web, mobile
Sending Email Using Node.js (cra)14,301
nodejs, email
Recapping ng-conf 202414,300
angular
React Server Components in a Nutshell (the)14,299
react, components
Layered Toggles: Optional CSS Mixins (kiz)14,298
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)14,297
design, processes, prototyping, figma, html, comparisons
An Introduction to the Node.js Performance API (bet)14,296
introductions, nodejs, performance, apis
Ableism and Related Terms You Need to Know (mer)14,295
terminology, communication, dei
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution14,294
react, history
Building a CLI From Scratch With TypeScript and oclif14,293
command-line, typescript
DORA’s Software Delivery Metrics: The Four Keys14,292
processes, metrics