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 that they be respected and included. Hide

Frontend Dogma

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

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