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 $1/month), on Mastodon, and on Bluesky

Entry (Sources) and TopicsDate#
Don’t Refactor the Code14,963
refactoring, technical-debt, maintenance, terminology
Learn Grid Now, Container Queries Can Wait (mia/odd)14,962
css, grids, layout, container-queries
Every Website and Web App Should Have a Service Worker (cfe)14,961
javascript, web-workers
2-Page Login Pattern, and How to Fix It (vit/sma)14,960
forms, usability, user-experience, authentication
Node.js Is Here to Stay (mco/pla)14,959
nodejs, metrics
Try Out Your Website in the Spatial Web (jon+/web)14,958
spatial-web, testing, browsers, apple, safari, webkit
Can You Be Creative Just by Creating?14,957
design, creativity
React Compiler—What, Why, and How? (fro)14,956
react, compiling, memoization, nextjs
One of the Boss Battles of CSS Is Almost Won! Transitioning to “auto” (chr/fro)14,955
css, functions, transitions, animations
What Comes After Flat Design? (mar)14,954
design, flat-design, trends
See What’s New in Firefox [127.0] (moz)14,953
release-notes, browsers, mozilla, firefox
The Next Big Thing in CSS: “margin-trim”14,952
videos, css, margins
Stunning Staggered CSS Animation/Transition on Page Load (zor/css)14,951
videos, css, animations, transitions
Weak Memoization in JavaScript14,950
javascript, memoization
Streaming HTML—Asynchronous DOM Updates Without JavaScript (inf)14,949
html, asynchronicity, dom, streaming
I’ve Been Writing TypeScript Without Understanding It14,948
typescript
Angular Directives vs. Vue Directives14,947
angular, vuejs, comparisons
A Quick and Easy Guide to Markdown (bel/pic)14,946
guides, markdown
The European Accessibility Act and Irish Law (equ)14,945
accessibility, legal, eaa
Opinions for Writing Good CSS (wal)14,944
css, principles, conventions
Node v22.3.0 (Current) (raf/nod)14,943
release-notes, nodejs
How to Hack Your Google Lighthouse Scores in 2024 (whi/sma)14,942
how-tos, performance, google, lighthouse
Highlight Areas That the Browser Engine Re-Paints (pat/dev)14,941
performance, debugging, painting, browser-engines, browsers, google, chrome, microsoft, edge, apple, safari
Define Your Rock-Solid Design System Components14,940
design-systems, components
Top 12 Git Commands Every Developer Must Know (its)14,939
git, command-line
10 Years of Vue: The Past and the Future (eva)14,938
videos, vuejs, history, outlooks
The Biggest TypeScript Update in Years14,937
videos, typescript
Sustainable Computing in the New World of AI14,936
sustainability, ai
How to Decide if Engineering Management Is for You (fro)14,935
how-tos, engineering-management, career
Can ADA Title II Local Government Accessibility Be Efficient? A Response to Richard Hunt14,934
accessibility, ada, legal
Building a Bulletproof CI/CD Pipeline: A Comprehensive Guide14,933
guides, ci-cd
Refactoring a Scroll-Driven Animation From JavaScript to CSS (and)14,932
refactoring, scrolling, animations, javascript, css
How to Compose JavaScript Functions That Take Multiple Parameters (The Epic Guide) (jrs)14,931
guides, how-tos, javascript, functions
How to Browse the Web With the Keyboard Alone (tem)14,930
how-tos, accessibility, keyboard-navigation
Ethical Web Principles (tor+/w3c)14,929
web, principles, ethics, w3c
CSS Container Queries (geo/css)14,928
css, container-queries, overviews
Using Node.js’s Test Runner (nod)14,927
nodejs, testing
I’ve Worked in IT for Over 10 Years—Here Are 5 Things I Wish I Knew When I Started14,926
career, retrospectives
Comprehensive Guide to Debouncing in JavaScript: Improve Your Code Efficiency14,925
guides, javascript, debouncing, efficiency
Support for “aria-errormessage” Is Getting Better, but Still Not There Yet (cer)14,924
accessibility, aria, errors, support, browsers, assistive-tech
Investigating INP Issues (ste)14,923
performance, web-vitals, debugging
Rust Growing Fastest, but JavaScript Reigns Supreme14,922
programming, comparisons, rust, go, javascript, lua, dart, java, ruby, php, python
Find Slow Interactions in the Field (mal)14,921
performance, apis
Glassmorphism: Definition and Best Practices (nng)14,920
design, effects, best-practices
17 Developer Tools That Keep Me Productive14,919
tooling, productivity, efficiency, automation, link-lists
Is AI Killing Human Passion?14,918
ai, design, creativity
Profiling Node.js Applications (bet)14,917
nodejs, monitoring, profiling
CSS-Only Custom Range Slider With Motion (bra)14,916
sliders, css, effects, examples
The Ultimate Guide to Iframes (log)14,915
guides, iframes, html, javascript, security
HTML Cheat Sheets: From Basics to Advanced Elements14,914
fundamentals, html, semantics, examples, cheat-sheets
How to Use “rem” Units in CSS for Accessible Design (a11)14,913
how-tos, css, units, accessibility
The Ultimate Guide to Accessible Website Design14,912
guides, accessibility, user-experience
Live Demos of Stand Alone Web Components (chr/fro)14,911
web-components, examples, link-lists
Improving Web Accessibility With Web Platform Tests (web)14,910
accessibility, web-platform, testing
Git Branching Strategy Guide14,909
guides, git
Ditch the Pixels: The Small and Vectorized Web (yor)14,908
html, svg, images
Why Do We Skip the Research Phase at All?14,907
user-experience, research
Angular PWA Guide for Developers14,906
guides, angular, web-apps, progressive-web-apps
Using Critical CSS for Faster Rendering (spe)14,905
css, critical-path, performance, rendering
Your Node Is Leaking Memory? “setTimeout” Could Be the Reason (mit)14,904
nodejs, memory, time, javascript, garbage-collection
Full Stack Web Push API Guide (boc)14,903
guides, apis, notifications, functionality
Control JavaScript Promises From Anywhere Using “Promise.withResolvers()” (fro)14,902
javascript, promises
Reflection and Custom States in Web Components (cla)14,901
html, web-components
Maybe Don’t Name That Landmark (aar)14,900
html, semantics, accessibility
Doing My Heading In (ste+)14,899
interviews, html, headings, accessibility
Cap Unit (sha)14,898
css, units
Top Development Cheat Sheets for 202414,897
cheat-sheets, link-lists, programming, css
WebAssembly JSPI Has a New API14,896
webassembly, apis
Analyze CSS Selector Performance During Recalculate Style Events14,895
browsers, google, chrome, dev-tools, performance, selectors, css
Follow Your Favorite Web Dev Topics With Topic Feeds (fro)14,894
frontend-dogma, syndication, rss
How Deep Is Your DOM? (max)14,893
dom, performance, lighthouse, google
Death by Experience (j9t)14,892
leadership, engineering-management, career, culture
Fine-Tuning Text Inputs (gar)14,891
forms, html, attributes, usability
Generating ZIP Files With JavaScript14,890
javascript, code-generation
The Unclear Case of Usability Widgets on Your Website (eri)14,889
accessibility, usability, embed-code, maintainability
How to Build a New Feature for the Web Platform—and Make It a Success With Developers (web)14,888
discussions, how-tos, standards, web-platform
Display the Specificity of a CSS Selector (pat/dev)14,887
css, selectors, cascade, dev-tools, browsers, google, chrome, microsoft, edge, apple, safari, mozilla, firefox
A Modern Approach to Browser Support (ric)14,886
browsers, support, progressive-enhancement
How to Build an Effective UX Pipeline From User Research to Usability Testing (uxm)14,885
how-tos, user-experience, research, testing
What’s Wrong With VPATs?14,884
accessibility, vpat-acr
Introduction to Selenium for QA Automation: The Essential Guide14,883
introductions, guides, selenium, testing, quality, automation
Minimalism (zer)14,882
minimalism, unix-like
How a Single Vulnerability Can Bring Down the JavaScript Ecosystem14,881
javascript, npm, dependencies, caching, vulnerabilities, security
Witnessing the Death of the Web as a News Medium (cod)14,880
web, content, seo, sem, history
Promises From the Ground Up (jos)14,879
javascript, promises
Let’s Hang! An Intro to CSS Anchor Positioning With Basic Examples (uti)14,878
introductions, css, anchor-positioning, examples
“Just” One Line (jim)14,877
craft, embed-code
CSS Length Units (geo/css)14,876
css, units, overviews
Transforming UX With Generative AI14,875
user-experience, ai
The Power of Beauty in Communicating Complex Ideas14,874
design, aesthetics, art, craft, communication
Write SOLID React Hooks14,873
react, hooks, principles, solid
How to Use Corepack (mat)14,872
how-tos, nodejs, corepack, dependencies
Collaboration, the Future of CSS, Sass, and the Web With Miriam Suzanne (mia/sch)14,871
videos, interviews, collaboration, css, sass, outlooks
Node.js Best Practices: A Guide for Developers14,870
guides, best-practices, nodejs
Does Serverless Still Matter?14,869
serverless, servers, architecture
A Practical Guide Against Barrel Files for Library Authors14,868
guides, javascript, libraries, anti-patterns
World Wide Accessibility—Benefits of Standardization (cer)14,867
accessibility, standards, legal, web
Upgrading to Eleventy v3 (mxb)14,866
eleventy
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)14,865
html, semantics, accessibility, seo, maintainability, performance
Transition to “height: auto;” and “display: none;” Using Pure CSS (zor/css)14,864
videos, css, transitions
Strategies for Effective Urgent Ticket Classification14,863
documentation, processes, productivity, strategies
Single CSS Keyframe Tricks Are Magic (arg)14,862
videos, css, animations, tips-and-tricks
Flow Charts With CSS Anchor Positioning14,861
css, apis, anchor-positioning, examples
Facilitating Diversity and Inclusion in Scrum Teams14,860
agile, processes, dei
es-toolkit14,859
libraries, javascript
The Gap (sha)14,858
css, layout
Nesting/Overriding Properties in CSS (chr/fro)14,857
css, nesting
How to Classify Your Design System—a Framework (hs)14,856
how-tos, design-systems
Frontend Dogma on the Web (fro)14,855
frontend-dogma, link-lists
Live Types in a TypeScript Monorepo14,854
typescript, monorepos
htmx: Simplicity in an Age of Complicated Solutions14,853
htmx, simplicity
Engineering for Slow Internet14,852
performance, user-experience
Applying the Four Principles of Accessibility (ada)14,851
accessibility, wcag, principles
CSS in Depth, Second Edition (kei)14,850
books, css
New to the Web Platform in May (rac)14,849
release-notes, web-platform, browsers, google, chrome, apple, safari, mozilla, firefox
Data Fetching Patterns in Single-Page Applications (mfo)14,848
data-fetching, software-design-patterns, single-page-apps
10 Modern Node.js Runtime Features to Start Using in 202414,847
nodejs
What to Know About the Open Versus Closed Software Debate (nyt)14,846
foss, ai
How to Make a CSS Timer (pre/fro)14,845
how-tos, css
Why We Don’t Have a Laravel for JavaScript… Yet14,844
laravel, javascript
The Linear Method: Opinionated Software (fig)14,843
product-management, technical-debt, processes
Generics in TypeScript (fro)14,842
typescript, generics
The Different Ways to Build a Resilient Website or Web App (cfe)14,841
resilience, comparisons
Responsive Video Works Now—These Features Could Make It Work Better (sco)14,840
multimedia, responsive-design, performance, html
Decision Trees for UI Components (vit/sma)14,839
design, components, processes
Building Tech That Respects Our Rights (lau/btc)14,838
videos, privacy, product-management, career
An Even Faster Microsoft Edge14,837
browsers, microsoft, edge
Typographer vs. Accessibility (pim/btc)14,836
videos, accessibility, typography
What’s New in Angular 1814,835
angular
Creating an Accessible Toggle Switch in Tailwind CSS14,834
tailwind, accessibility, toggles
Angular Basics: The Course14,833
courses, angular, fundamentals
How to Assess Your Skill Level Before Contributing to Open Source (bek/ope)14,832
how-tos, foss, collaboration
My Approach to Alt Text (aar)14,831
accessibility, images, processes, alt-text, link-lists
Your Site or App Should Work as Much as Possible Without JavaScript (cfe)14,830
javascript, resilience, graceful-degradation
Why Is Kubernetes Debugging So Problematic? (deb)14,829
kubernetes, debugging
The Era of Platform Primitives Is Finally Here (ati/sma)14,828
frameworks, netlify
SSL for Localhost Takes 5 Seconds Now14,827
ssl, testing, environments
Centering Content Vertically With One Line of CSS (ami)14,826
css, flexbox, grids, centering
Inside Bluesky’s Engineering Culture (ger+)14,825
bluesky, culture, deep-dives
What We Can Learn From the Guy Who Regrets Making Pop-Up Ads (bet)14,824
design, pop-ups, ai
Lazy Load Components in Nuxt to Improve Performance (jac)14,823
nuxt, performance, lazy-loading, components
Progressively Enhanced Popover Toggletips (mic)14,822
html, pop-overs, apis, progressive-enhancement
Laravel Under the Hood—Extending the Framework14,821
laravel, extensibility
3 Essential Design Trends, June 2024 (web)14,820
design, trends
How to Deploy Your Own Website on AWS14,819
how-tos, deploying, aws
How Can OKRs Empower the Scrum Teams?14,818
processes, agile, scrum, okr
Alt Left (ste)14,817
accessibility, html, images, alt-text, anti-patterns
WP21 (pho)14,816
wordpress
Here’s What We Learned From the First “State of HTML” Survey (sac/fro)14,815
html, lessons
Fast Ways to Estimate Capacity (cwo)14,814
project-management, processes
Old Dogs, New CSS Tricks (mxb)14,813
css
Node.js Performance Hooks: Mastering the Mental Model (pav)14,812
nodejs, performance, hooks
Masonry and Reading Order (rac)14,811
css, layout, masonry
A Little DevTools Snippet to Check Broken Links on a Webpage (ami)14,810
browsers, dev-tools, javascript, link-rot, testing
Understanding Organizational Capacity: Why It Matters in OKR Practice (cwo)14,809
economics, leadership, engineering-management, processes, okr
Want Out of React Complexity? Try Vue’s Progressive Framework (ric)14,808
react, vuejs, frameworks, comparisons
The Long Path of JavaScript—from ES6 Until Today14,807
javascript, ecmascript, history
No More Pixel Rounding Issues (css)14,806
css, functions, tips-and-tricks
New Magic for Animations in CSS (chs)14,805
css, animations
Reducing Code Review Time at Google14,804
research, google, code-reviews, ai, productivity
Design Systems vs. Style Guides (nng)14,803
design-systems, style-guides, comparisons, design, documentation, terminology, concepts
A Complete Guide for Adding Captions to YouTube Videos (pop)14,802
guides, multimedia, captions, youtube, accessibility
Why, After 6 Years, I’m Over GraphQL14,801
graphql, apis
Switching It Up With HTML’s Latest Control (sma)14,800
html, forms
Building an Instinct for Metrics (cwo)14,799
metrics
Multipage Version (wil)14,798
websites, html
Consensus in Internet Standards (mno)14,797
collaboration, communication, standards, web-platform
JSR: The JavaScript Package Registry We’ve Been Waiting For14,796
jsr, dependencies
Kawaii Computing: What VTubers Can Teach Us About Design14,795
design, user-experience, culture
Did We Fail to Develop the Next Generation of Designers?14,794
design, career, leadership, history
Astro 4.9 (blu+)14,793
release-notes, astro
Two Important AI Developments Affecting Accessibility14,792
accessibility, ai, legal
Storybook 8.1 (shi/sto)14,791
release-notes, storybook
Why Do We Celebrate Incompetent Leaders?14,790
videos, leadership
Predictors of Postsecondary Web Accessibility, 2012 to 202214,789
studies, research, accessibility, history
Notes on Implementing Dark Mode14,788
dark-mode, javascript, tailwind
HTML Tags You Might Not Know About14,787
html
Animating the Dialog Element (fro)14,786
css, animations, modals
Best Practices for Naming Design Tokens, Components, Variables, and More (sma)14,785
naming, design-tokens, components, variables, best-practices
uBlock Origin: Let’s Read the Code! (ant)14,784
videos, case-studies
Using Footnotes (mfo)14,783
footnotes, content, writing, semantics
DOJ ADA Title II: Small Government WCAG Accessibility Guide14,782
guides, accessibility, ada, wcag, legal
Angular v18 Is Now Available! (mge/ang)14,781
release-notes, angular
Why Are There No Mobile Accessibility Guidelines in WCAG?14,780
accessibility, wcag, mobile
What AI Can Do for (and to) Web Accessibility (ons/tpg)14,779
videos, accessibility, ai
Speeding Up File Load Times, One Page at a Time (fig)14,778
figma, performance
When Should We Use Components and When Should We Just Use HTML? (chr)14,777
html, components, web-components
Webmentions in Astro (for Blog Posts) (stv)14,776
astro, webmentions
Release Notes for Safari Technology Preview 195 (jon/web)14,775
release-notes, browsers, apple, safari
Popover Element Entry and Exit Animations in a Few Lines of CSS (paw)14,774
pop-overs, css, animations
Danger! Preventing Zoom From Changing Text Size (chr/fro)14,773
accessibility, zooming, resizing
Not So Short Note on “aria-label” Usage—Big Table Edition (ste)14,772
accessibility, aria, labels, html
Modern CSS Layouts: You Might Not Need a Framework for That (uti/sma)14,771
css, layout, frameworks
We’ve Got Container Queries Now, but Are We Actually Using Them? (chr/fro)14,770
css, container-queries
CSS Specificity for WordPress 6.6 (wor)14,769
discussions, wordpress, css, selectors, cascade
Here’s What We’re Working on in Firefox (moz)14,768
browsers, mozilla, firefox
We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (j9t)14,767
html, conformance, craft, quality
Growth or Scale?14,766
sustainability, scalability
State of Frontend 2024 Survey14,765
surveys
Test-Driving HTML Templates (xpm/mfo)14,764
html, templates, testing, server-side-rendering, conformance
Not Always Mobile First (css)14,763
responsive-design, mobile-first, mobile, css, processes
Introducing JSR (den)14,762
videos, introductions, jsr
I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024 (zac)14,761
eleventy
Hidden vs. Disabled in UX (vit/sma)14,760
user-experience, comparisons, design-patterns
“contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (eri)14,759
accessibility, colors, contrast, css, functions
A Primer on JavaScript Proxies (cfe)14,758
introductions, javascript
The Art of Not Being So Freaking Pushy14,757
design, user-experience, microcontent, buttons
UI Density14,756
design, information-design, metrics
Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (uxm)14,755
user-experience, logging, monitoring, observability
CSS “:has()”, the God Selector (bru)14,754
css, selectors
Process14,753
processes
CodeFlattener14,752
packages, npm, javascript
Web Content Has a Maintenance Problem (ger)14,751
web, content, maintenance, processes, sustainability
“<style>”: Inline Optimizations for the Bold (mor)14,750
html, css, performance, optimization
Stop Resizing Your Browser: Improve Testing for Responsiveness (jen)14,749
browsers, testing, responsive-design
A JavaScript Developer Tries Go for the First Time14,748
javascript, go
On Which Side Do We Put the Primary Button? (mar)14,747
design, usability, buttons
WAI–ARIA: “role=strong”14,746
accessibility, aria
WAI–ARIA: “role=deletion”14,745
accessibility, aria
Visual Design: Glossary (tbf/nng)14,744
design, terminology
Turn Off Google AI Overview—Set “Web” as Default14,743
websites, google, ai, search
The Future of 11ty (zac/ele)14,742
videos, eleventy, outlooks
Weighing in on CSS Masonry (kei)14,741
css, layout, masonry
Cloning Queries in Laravel (ami)14,740
laravel, databases
On Compliance vs. Readability: Generating Text Colors With CSS (lea)14,739
css, functions, colors, compliance, readability, comparisons
What You Need to Know About Third-Party Cookie Deprecation14,738
videos, cookies, browsers, google, chrome, support, deprecation
Navigating the JavaScript Framework Ecosystem (add)14,737
videos, javascript, frameworks
Automate Browser Testing With Tools and Best Practices From Chrome14,736
videos, browsers, google, chrome, testing, tooling, automation, best-practices
ADA Title II and You14,735
videos, accessibility, ada, legal
What’s New in the Web (rac)14,734
videos, web-platform
What’s New in Angular (mge+)14,733
videos, angular
The Latest in Web UI (una)14,732
videos, html, css, layout, effects
New Field Insights for Debugging INP (mal)14,731
videos, performance, web-vitals
From Fast Loading to Instant Loading (tun)14,730
videos, performance, apis
Rethinking Text Resizing on Web (bas)14,729
accessibility, resizing
W3C Unveils 174 New Outcomes for WCAG 3.0 (deq)14,728
accessibility, wcag, standards, w3c
The WCAG 3 Working Draft Update Is Ready for Your Review (w3c)14,727
accessibility, w3c, wcag
CSS Container Queries in Practice (mia/odd)14,726
videos, css, container-queries
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools14,725
guides, javascript, performance, debugging, browsers, google, chrome, dev-tools
CSS3? Pfff—Get Ready for CSS6! (jar/van)14,724
css, versioning
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)14,723
css, html, attributes
CSS… 5? (chr/fro)14,722
css, versioning
Beyond CSS Media Queries (mon/sma)14,721
css, media-queries, container-queries, layout, techniques
It’s Time to Upgrade From “Hard-Working” to “Highly Efficient”14,720
productivity, efficiency, product-management
Dynamic GitHub Profile With Bun and TypeScript14,719
github, readme, bun, typescript
Merging Remix and React Router (rem)14,718
remix, react-router
Prefetching When Server Loading Won’t Do (ada/fro)14,717
performance, client-side-rendering, server-side-rendering, streaming
Transforming the Relationship Between Designers and Developers (sma)14,716
design, collaboration, processes
JavaScript Security: Simple Practices to Secure Your Frontend14,715
javascript, security, dependencies, csp
React Compiler (rea)14,714
react, compiling
Baseline Progressive Enhancement (ada)14,713
web-platform, progressive-enhancement, browsers, support
Stop Moving Fast and Breaking Everything14,712
product-management, engineering-management, leadership, processes
Google’s Broken Link to the Web14,711
google, web, search, ai
Web Platform Status14,710
websites, web-platform, browsers, interoperability, support
The CSS Stepped Value Math Functions Are Now in Baseline 2024 (rac)14,709
css, math, functions, browsers, support, web-platform
New in Chrome 125 (tro)14,708
release-notes, browsers, google, chrome
Built-In AI (kbx+)14,707
chrome, google, browsers, ai, gemini, apis
10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (pau)14,706
google, web-platform, ai
Anchor Positioning and the Popover API for a JS-Free Site Menu (mic)14,705
css, apis, pop-overs, anchor-positioning
State of HTML 2023 [Results] (sac+/dev)14,704
surveys, metrics, html
The Great Tech and People Hypocrisy (j9t)14,703
career, leadership, economics
Why Designers Aren’t Understood (vit/sma)14,702
design, career, communication, terminology
Dark Mode and Accessibility Myth (ste)14,701
accessibility, dark-mode, myths
ECMAScript Proposal: “Promise.withResolvers()” (rau)14,700
ecmascript, promises
Designers Are More Than Keywords and Portfolios14,699
design, user-experience, career
AI Product Design: Identifying Skills Gaps and How to Close Them14,698
design, ai, processes
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues14,697
accessibility, aria, best-practices
Regarding Keyboard Testing14,696
accessibility, keyboard-navigation, testing
How I Made My GitHub Profile README Dynamic14,695
github, readme
The Times You Need a Custom “@property” Instead of a CSS Variable (pre/sma)14,694
css, custom-properties, animations, transitions
List of Essential Soft Skills for Front-End Engineers14,693
career
RSS Is Good, Isn’t It?! (mic)14,692
syndication, rss, indieweb
AI Isn’t Ready for UX Design (nng)14,691
videos, design, user-experience, ai
Top 7 CSS Frameworks for Developers in 202414,690
css, frameworks, bootstrap, tailwind, foundation, bulma, skeleton, uikit, milligram, comparisons
Morphing Arbitrary Paths in SVG14,689
svg, animations
Intopia’s WCAG 2.2 Maps (int)14,688
accessibility, wcag, cheat-sheets
Doing the Right Thing Right—Validation and Verification14,687
validation, terminology, comparisons
Accessible SVG Forms14,686
accessibility, forms, svg, aria
I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (bel/pic)14,685
css, layout, masonry, accessibility, keyboard-navigation
WebKit Features in Safari 17.5 (jen/web)14,684
release-notes, browsers, apple, safari, webkit
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)14,683
css, borders, tips-and-tricks
JavaScript Objects—Complete Guide14,682
guides, javascript, objects
All I Want for GAAD14,681
accessibility, awareness-days, wish-lists
Setting Personal OKRs (cwo)14,680
career, processes, okr
Software Engineering Principles Every Frontend Developer Should Know14,679
principles, craft, quality
Quick Incremental Accessibility Audits for Small Business Websites (cer)14,678
accessibility, auditing
Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World14,677
accessibility
Mesh Gradients in CSS (jos)14,676
css, gradients
Best Intention Barriers (ARIA Edition) (mar)14,675
accessibility, aria, auditing
Accessibility Overlays Are Not for Disabled People (tem)14,674
accessibility, overlays
Typography Terms: Glossary (tbf/nng)14,673
typography, terminology
Make Your Figma Components Work Harder14,672
figma, design-systems, components
How to Document Your JavaScript Package (lca+/den)14,671
how-tos, javascript, dependencies, documentation, writing, jsdoc, readme
Design Taste vs. Technical Skills in the Era of AI (nng)14,670
design, programming, ai, comparisons
Build Your Own React.js in 400 Lines of Code14,669
react, jsx, principles
Introducing the CSS Anchor Positioning API (una)14,668
introductions, css, apis, anchor-positioning, examples
17 Best Developer Productivity Tools to Try14,667
productivity, tooling, link-lists
Using the Page Visibility API (bsm/mdn)14,666
javascript, apis
The Modern Guide for Making CSS Shapes (css/sma)14,665
guides, css, shapes, effects, techniques
The Dilemmas You’ll Face When Creating a Component Library (and)14,664
libraries, components
Manifesto for a Humane Web (mic)14,663
websites, manifestos, web, principles, accessibility, dei, security, sustainability, user-experience
WordPress Ping List for Faster Post Indexing14,662
wordpress, crawling, seo
Simple Implemention to Understand “worker_threads” in Node.js14,661
nodejs, examples, worker-threads
Release Notes for Safari Technology Preview 194 (jon/web)14,660
release-notes, browsers, apple, safari
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)14,659
ai, slop, terminology
Upgrade Your HTML V (j9t/fro)14,658
books, frontend-dogma, html, minimalism, craft, conformance
What Is UX (Not)? (nng)14,657
videos, user-experience, concepts
Let’s Build a Web Scraper in PHP and Python14,656
scraping, php, python
37 Tips From a Senior Frontend Developer14,655
tips-and-tricks, fundamentals, learning, processes, career
Why Use Web Components Over Traditional DOM Manipulation? (cfe)14,654
web-components, dom
Websites Are Not Books (ons)14,653
terminology, concepts
Level-Setting Heading Levels (aar)14,652
headings, semantics, conformance, accessibility, aria
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)14,651
javascript, events, web-components
Why Patching Globals Is Harmful14,650
javascript, programming
Focus vs. Accessibility Focus14,649
accessibility, focus, comparisons
Transparent Borders (bra)14,648
css, borders, transparency+opacity, accessibility, contrast
How We’re Building More Inclusive and Accessible Components at GitHub (eri)14,647
components, accessibility, dei, case-studies, github
Introducing the Gulp Developer Survey14,646
introductions, surveys, gulp
The Carcinization of Web Frameworks14,645
frameworks, history, signals, server-side-rendering, outlooks, web-components
Evidence-Based Management Guide, 2024—What’s New?14,644
release-notes, guides, agile, processes, metrics, engineering-management
Modern WordPress—Yikes! (dbu)14,643
wordpress, themes
JavaScript “var”, “let”, and “const” Explained (cfe+)14,642
javascript
The Pros and Cons of Using a Backend-for-Frontend (BFF)14,641
backend-for-frontend, architecture
Mastering User-Centered Design, With 5 Advanced Tips (uxm)14,640
usability, user-experience, tips-and-tricks, accessibility, testing
Using Simple Tools as a Radical Act of Independence14,639
html, css, simplicity
These CSS Pro Tips and Tricks Will Blow Your Mind14,638
videos, css, tips-and-tricks
Servo Reboot: Where Are We Now? OSS-NA 202414,637
browser-engines, servo, browsers
Get First Item in Eleventy Collection14,636
how-tos, eleventy, nunjucks
What’s New in Node.js v22 (mco)14,635
videos, nodejs
Using the Popover API for HTML Tooltips (chr/fro)14,634
pop-overs, apis, html, tooltips
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)14,633
redesigning, strategies, dei, accessibility
Errors Aren’t All Bad (jim)14,632
errors
An Introduction to the European Accessibility Act (EAA) (deq)14,631
introductions, accessibility, legal, eaa
A Brief Note on Highlighted Text (aar)14,630
accessibility, colors, contrast, css, selectors
Native Support for CJS/ESM Interoperability Begins in Node.js 2214,629
commonjs, esm, interoperability, support, nodejs
Memory Management Every Developer Should Know14,628
memory, garbage-collection
Misconceptions About CSS Specificity (bra)14,627
css, selectors, cascade
Pairing Eleventy With htmx and Deno14,626
eleventy, htmx, deno
Eleventy With a Basic Deno Static Server Setup14,625
eleventy, deno, hosting
The 7 Most Useful Web Design and Web Development Glossaries (apo)14,624
concepts, terminology, link-lists
Securing Client-Side JavaScript (ada)14,623
javascript, security, graceful-degradation
5 Node Version Managers Compared—Which Is Right for You? (pav)14,622
nodejs, comparisons, nvm, pnpm
At Some Point, JavaScript Got Good14,621
javascript, history
Shades of Grey With “color-mix()” (mic)14,620
css, functions, colors
The Value of Open Source in Furthering Accessibility Goals (mgi)14,619
videos, foss, accessibility
A to Z of Assistive Technology for Reading Digital Text14,618
accessibility, browsers, assistive-tech, readability, concepts
WCAG After Quarter of a Century—We Still Need More Awareness (cer)14,617
accessibility, wcag, community
How Slack Automates Deploys14,616
deploying, automation, case-studies, slack
Content Standards in Design Systems (nng)14,615
content, design-systems, processes
Poor Express Authentication Patterns in Node.js and How to Avoid Them14,614
express, nodejs, authentication, security
So I Got Fired14,613
career
Quick-and-Dirty Accessibility (tpg)14,612
accessibility, techniques
How to Archive Your Design System Effectively14,611
how-tos, design-systems, design, processes
The War Begins: Top Best JavaScript Framework to Learn in 202414,610
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)14,609
css, selectors, html, techniques
Web Development Trends We Will See in 202414,608
trends
The Vue Ecosystem in 2024 (fro)14,607
vuejs, content-delivery, building, frameworks
3 Methods to Elevate Your Writing With Visual Content14,606
writing, content, information-design
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)14,605
videos, css, view-transitions, animations
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)14,604
angular, css, scope
Web Components From Early 2024 (chr)14,603
web-components, link-lists
Introduction to htmx (jan)14,602
introductions, htmx
When to Use Bun Instead of Node.js (app)14,601
bun, nodejs, comparisons
How to Create Content in WordPress With AI14,600
how-tos, content, ai, wordpress
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)14,599
foss, maintenance
A React Developer’s Guide to Learning Solid.js14,598
guides, react, solidjs, comparisons
Cookie Permissions: 6 Design Guidelines (nng)14,597
videos, cookies, consent-management, privacy, user-experience, guidelines
Exploring the Immersive Web With Wolvic (sea)14,596
xr, wolvic, igalia, browsers
Using AI to Predict Design Trends (web)14,595
ai, design, trends
Understanding What Drupal Editors and Authors Need (ckr/lul)14,594
drupal
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)14,593
figma, programming, typescript, migrating, case-studies
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry14,592
interviews, nodejs, deno, jsr
Demystifying React’s Types: Ref Types14,591
react
Should We Rely on Browser Detection? (htm)14,590
browsers, browser-detection
Why Are My Live Regions Not Working? (pat/tet)14,589
accessibility, aria, live-regions
European Accessibility Act: Ultimate Guide to Compliance14,588
guides, accessibility, compliance, legal, eaa
An Alternative Proposal for CSS Masonry (rac)14,587
css, layout, masonry, google
Web Accessibility in the 2024 [US] Presidential Campaigns (web)14,586
accessibility, case-studies
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings14,585
usability, user-experience, sorting
Pretty Much Every Website Uses the Wrong Font Size…14,584
videos, css
I Reviewed 1,000s of Opinions on htmx14,583
htmx
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making14,582
how-tos, design-systems, processes, collaboration, maintenance
Popover API Is Here (chr/fro)14,581
apis, pop-overs, html
Handling the Indentation of a Treeview Component (sha)14,580
css
Composability in Design Systems (ada)14,579
design-systems, design, components
Web Forms: Costly Mistakes You Want to Avoid (geo)14,578
books, forms, mistakes, usability, accessibility, maintainability
How to Design Accessible Forms in 10 Steps14,577
how-tos, design, accessibility, forms
CSS Inheritance (bel/pic)14,576
css, cascade, inheritance
New to the Web Platform in April (rac)14,575
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust”14,574
microsoft, edge, css, support, deprecation
What Is Vite (and Why Is It So Popular)?14,573
vite
Introduction to NestJS14,572
introductions, frameworks, nestjs
WebAssembly Performance Patterns for Web Apps (tom)14,571
webassembly, performance, web-apps
Superior Range Syntax (css)14,570
css, media-queries
My Approach to HTML Web Components (ada)14,569
html, web-components
The Polish Paradox14,568
design, optimization, user-experience
No, I Don’t Want to Fill Out Your Contact Form14,567
forms, user-experience
Accessibility Evolution of Organizations (cer)14,566
accessibility, processes, economics
Top 50 System Design Interview Questions for 202414,565
interviewing, architecture, system-design, link-lists
Can You Detect Overflow With CSS? (fon/css)14,564
css, overflow
What Do Developers Want From AI?14,563
research, ai, productivity, efficiency
Ditch Dotenv: Node.js Now Natively Supports .env File Loading14,562
nodejs, environments, tooling
Optimizing INP: A Deep Dive14,561
videos, performance, debugging, web-vitals, optimization, browsers, google, chrome, dev-tools, deep-dives
The Picture-Superiority Effect: Harness the Power of Visuals (nng)14,560
design, images, information-design
Basic Algorithms14,559
algorithms, search, sorting
Passkeys: A Shattered Dream (fir)14,558
security, authentication, passkeys
Maintaining a Design System in Figma (luk)14,557
design-systems, maintenance, figma
Introduction to Manual Website Accessibility Testing14,556
videos, introductions, accessibility, testing
Popover API Lands in Baseline (una)14,555
pop-overs, apis, browsers, support, web-platform
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)14,554
accessibility, processes, prototyping, research
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)14,553
guides, overviews, examples, radix
The Rise of Large-Language-Model Optimization (sch+)14,552
ai, optimization
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)14,551
search, forms, html, css, svg
Design Déjà Vu (mal)14,550
design, html, css, history, comparisons
Why Don’t We Talk About Minifying CSS Anymore? (whi/get)14,549
css, minification, performance
Borrow Checking, RC, GC, and the Eleven (!) Other Memory Safety Approaches14,548
memory, garbage-collection, programming
Celebrating 20 Years of Dojo (ope)14,547
anniversaries, dojo
Ruby Might Be Faster Than You Think (joh)14,546
ruby, performance
Celebrate JavaScript Naked Day Every Year on April 24 (zac)14,545
javascript, awareness-days
The Perfect Site Doesn’t Exist (mic)14,544
quality, maintenance, processes
Printing Music With CSS Grid (ste)14,543
css, grids, examples
Node.js Next 10 Survey—2024 (nod)14,542
surveys, nodejs
How to Escape JavaScript for a Script Tag14,541
how-tos, javascript, escaping, html
Write Better CSS With Modern CSS (css)14,540
css, nesting, custom-properties, media-queries, tips-and-tricks
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)14,539
javascript, urls
The New “!important” (geo)14,538
css, cascade
Node.js 22 Available Now (ope)14,537
release-notes, nodejs
JSR Is Not Another Package Manager (tin/den)14,536
jsr, dependencies
HTML Attributes vs. DOM Properties (jaf)14,535
html, attributes, dom, comparisons
Use “:has()” to Scope CSS14,534
css, selectors, scope
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome14,533
cookies, privacy, browsers, google, chrome
How the Meaning of Colour Varies per Culture14,532
colors, culture
Creating Fluid Typography With the CSS “clamp()” Function14,531
css, functions, typography, liquid-design
Comparing Full Stack and Headless CMS Platforms14,530
comparisons, content-management, wordpress, drupal, ghost
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)14,529
html, modals, pop-overs
Notes on Quality14,528
design, user-experience, quality
Latency Numbers Every Frontend Developer Should Know (ind)14,527
performance, metrics, terminology
Taking Regular Screenshots of My Website14,526
screenshots, images, automation, playwright, github-actions
Using Vite to Rebuild Local Dependencies in an npm Workspace14,525
npm, dependencies, vite
The Front End Developer/Engineer Handbook 2024 (fro)14,524
overviews, career, learning, tech-stacks, concepts, terminology
The First Framework That Lets You Visualize Your React/Node.js App14,523
frameworks, visualization, react, nodejs, wasp
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render14,522
bun, deploying, performance, case-studies
Adding ESLint and Auto-Fixing an Existing TypeScript Project14,521
eslint, typescript, quality, automation
Your Page Can’t Change Media Features (kil)14,520
css, media-queries, user-experience, apis
Reflecting on My Programming Career14,519
career
Images as the First Thing in a Button or Link (tem)14,518
accessibility, html, images, buttons, links
F-Shape Pattern and How Users Read (vit/sma)14,517
usability, design
The Slow Death of CSS Vendor Prefixes (oll)14,516
css, vendor-extensions, history
State of Design Tokens 2024 (don+)14,515
videos, design-tokens, figma, tooling
Node.js Test Runner: A Beginner’s Guide (bet)14,514
guides, nodejs, testing
JavaScript Features That Most Developers Don’t Know14,513
javascript, functions
3 Essential Design Trends, May 2024 (web)14,512
design, trends
Using Legitimate GitHub URLs for Malware (sch)14,511
security, malware, github
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer14,510
ci-cd, concepts
How I Use Generative AI in Branding14,509
ai, branding, principles, design
15 Essential UX Design Principles and Practices for Developers (uxm)14,508
user-experience, principles, best-practices
Write Alt Text Like You’re Talking to a Friend (spa/clo)14,507
accessibility, images, alt-text
What You Can Do as a Web Builder on Earth Day (aar)14,506
sustainability, ai
The Ultimate Collection of CSS-Only Shapes (css)14,505
websites, css
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)14,504
collaboration, processes
Creating a UX Playbook for Onboarding Users to Your Product (uxm)14,503
user-experience, onboarding, product-management
5 Hidden CSS Properties You Didn’t Know Existed14,502
css
The Art of Design System Recipes (bra)14,501
design-systems, design-tokens
Make Product Design Great Again14,500
design, user-experience, product-management
3 Tips for Advanced Prototyping in Figma14,499
tips-and-tricks, prototyping, figma
April 24 Is JS Naked Day (j9t)14,498
javascript, awareness-days
Optimising React Apps14,497
react, optimization
Detect JavaScript Support (fon/css)14,496
css, javascript, media-queries, support
Considerations for AI Opt-Out (mno)14,495
ai
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)14,494
videos, interviews, css
Using “@defer” Defer Views in Angular 1714,493
angular, performance, lazy-loading
Node.js Task Runner14,492
nodejs, performance
Long Alt (aar)14,491
accessibility, images, alt-text, support, browsers, screen-readers
Make Sure That Your Design System Is Accessible (cer)14,490
design-systems, accessibility
Detect JavaScript Support in CSS (hex)14,489
css, javascript, media-queries, support
Design Systems and the Never-Ending Job of Buy In (pjo)14,488
design-systems, communication, collaboration
A Short Guide to Mastering Keyboard Shortcuts on GitHub14,487
guides, github, keyboard-shortcuts
Typography Variables in Figma Are Here14,486
typography, variables, figma
How to Create CSS Utility Classes (fon/css)14,485
how-tos, css, presentational-html
How to Work With GraphQL in WordPress in 2024 (sma)14,484
how-tos, wordpress, graphql
Building a Culture of Accessibility (tet)14,483
accessibility, culture
Accessibility Overlays—Friend or Foe? (int)14,482
videos, accessibility, overlays
This Web of Ours, Revisited (zel)14,481
web
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)14,480
css, layout, grids, masonry
The “Intl.Segmenter” Object Is Now Part of Baseline (rac)14,479
browsers, support, web-platform, javascript
Building an npm Package Compatible With ESM and CJS in 202414,478
npm, dependencies, interoperability, esm, commonjs
The End of an Era: Women Who Code Closing (wom)14,477
community
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)14,476
redesigning, sustainability
Git Common Developer Pitfalls and Solutions (wom)14,475
git
5 Tailwind CSS Anti-Patterns to Avoid (ato)14,474
tailwind, colors, theming, frameworks, anti-patterns
My Code Formatting Guidelines (val)14,473
guidelines, formatting, conventions, javascript, html, prettier, configuration
Angular’s New Signal Inputs14,472
videos, angular, signals
A Primer on the Cascade and Specificity (bel/pic)14,471
introductions, css, selectors, cascade
What’s Going On in Dark Theme / Light Theme Land (chr/fro)14,470
css, functions, dark-mode
How to Submit a Form in React Using FormData (wom)14,469
how-tos, forms, react
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)14,468
jquery, maintenance, migrating
How to Write World-Beating Web Content (web)14,467
how-tos, writing, content
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)14,466
accessibility, security
Who Should Block AI Bots? (moz)14,465
scraping, ai, seo
Webhooks and WebSockets14,464
webhooks, websockets