Life is about deciding who you 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 (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#
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets13,979
accessibility, design-systems, documentation, dei
Webflow 101: A Guide for Beginners13,978
introductions, guides, webflow, low-and-no-code
Skeuomorphism (nng)13,977
design, terminology
Homepage Design: 5 Fundamental Principles (nng)13,976
design, homepages, principles
Quick Tip: Creating a Date Picker in React13,975
tips-and-tricks, react, functionality
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)13,974
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?13,973
efficiency, processes, engineering-management
Deploying Remix to GitHub Pages13,972
videos, deploying, remix, github-pages
When “Semantic Tokens” Are No Longer Semantic13,971
design-tokens, semantics
What Is Safe Alignment in CSS? (chr/fro)13,970
css, layout, user-experience
There Is No EU Cookie Banner Law13,969
consent-management, cookies, legal
The Golden Age of Accessibility13,968
accessibility
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?13,967
frameworks, comparisons, qwik, nextjs
Performance Tooling in 2024 and Beyond (dev)13,966
performance, tooling, browsers, dev-tools, lighthouse, google
Make Your Functions More Reusable With Generics (mat)13,965
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)13,964
links, usability
HTML Performance Optimization: Tips for Faster Loading Pages13,963
html, landing-pages, performance, optimization, tips-and-tricks
You Want “border-color: transparent”, Not “border: none” (dav/fro)13,962
css, borders, transparency, accessibility, contrast
What’s Next for a Global Design System (bra)13,961
design-systems
WCAG 2.2 Detective Skills13,960
accessibility, standards, wcag
There Are No Standards Police (mno)13,959
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)13,958
html, custom-data, css, typography, effects
The Problem With AI (cfe)13,957
ai
Ruby Is Complicated13,956
html
Refactoring My Ugliest Code With Signal View Queries13,955
videos, refactoring, angular
My New Favorite CSS Trick: “will-change”13,954
css, animations, transitions, tips-and-tricks
How to Design Icons in Figma13,953
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright13,952
how-tos, testing, flakiness, playwright
Another JS Registry—Seriously?! (den)13,951
videos, jsr, dependencies, javascript
A Beginner’s Guide to Node.js Worker Threads (bet)13,950
guides, nodejs, worker-threads
25 Unnoticeable Features of JavaScript13,949
javascript
Marking the Web’s 35th Birthday: An Open Letter (tim)13,948
open-letters, web, history, anniversaries
15 Years of Running a Personal Website (ste)13,947
indieweb
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)13,946
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)13,945
accessibility, images, metadata
The Essential Guide to Microcopy and Becoming a More Literate Designer13,944
guides, design, microcontent, content, writing
The “10× Engineer”: 50 Years Ago and Now (ger)13,943
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript13,942
javascript, operators, comparisons
Runtime Compatibility (asc+)13,941
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)13,940
performance, web-vitals
How to Read Files Quickly in JavaScript (lem)13,939
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)13,938
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)13,937
accessibility, advocacy, retrospectives
5 Exciting New JavaScript Features in 202413,936
javascript
What Is INP and Why You Should Care (whi/get)13,935
performance, web-vitals, monitoring
Streaming HTML (chr/fro)13,934
html, php, streaming
JSON Canvas13,933
websites, standards, json, canvas
IDEs vs. Code Editors: Everything You Need to Know (jet)13,932
code-editors, comparisons, concepts
Have You Optimized for INP?13,931
performance, web-vitals, optimization
Express.js With TypeScript—Setup, Examples, Testing13,930
videos, express, typescript, testing, examples
Distinguishing Between ARIA and Native HTML Attributes (deq)13,929
html, aria, attributes, accessibility, comparisons
Comparing JavaScript Frameworks: Templates13,928
javascript, frameworks, templates, comparisons
Are We Watching the Internet Die? (edz)13,927
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness13,926
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)13,925
css, generated-content, alt-text, accessibility
Accessibility: Implementing Focus Traps13,924
accessibility, focus, keyboard-navigation
A Gentle Introduction to Generics in TypeScript13,923
introductions, typescript, generics
Optimising Your Design System With Figma’s Variables (uxd)13,922
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library13,921
javascript, libraries, lessons
CSS Button Styles You Might Not Know (dbu)13,920
html, css, buttons
Replace ESLint and Prettier With Biome.js13,919
biome, eslint, prettier, comparisons, tooling, remix
Jakob Has Jumped the Shark (aar)13,918
accessibility, link-lists
How to Invert the Colors Using CSS (ron)13,917
css, colors, filters, images
eslint-plugin-depend13,916
packages, npm, maintenance, simplicity
Access by a Thousand Curb Cuts (yat)13,915
accessibility
Creating Color Palettes With the CSS “color-mix()” Function (mic)13,914
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)13,913
css, style-queries, custom-properties
Navigating the Future of Frontend13,912
frameworks, web-platform, outlooks
Modern CSS Tooltips and Speech Bubbles II (css/sma)13,911
tooltips, css, techniques
How “HEAD” Works in Git (b0r)13,910
git
Dissecting Layered Architecture (yok)13,909
architecture
Asking Users for Their Pronouns: A Guide for UX Designers13,908
guides, user-experience, communication
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project13,907
how-tos, nodejs, environments
AVIF Is the Future of Web Images13,906
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)13,905
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)13,904
css, selectors, examples
Managing Static Files in Django: A Comprehensive Guide13,903
guides, django, file-handling
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)13,902
how-tos, accessibility, testing
WebAssembly JSPI Is Going to Origin Trial13,901
webassembly
90% of Designers are Unhirable? (uxd)13,900
design, processes, career
The Ultimate Guide to Choosing the Best React Website Builder13,899
guides, react, tooling, comparisons, link-lists
The End of My Gatsby Journey (mon)13,898
gatsby, frameworks, comparisons
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets13,897
shadow-dom, dom, css
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)13,896
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
Sometimes, a Button Just Wants to Look Like a Button13,895
design, usability, buttons
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)13,894
videos, css, selectors
Release Notes for Safari Technology Preview 190 (jon/web)13,893
release-notes, browsers, apple, safari
Making Room for Long List Markers With Subgrid (nol)13,892
html, lists, css, grids
Internationalization With Remix (rem)13,891
remix, internationalization
Exploring the Creative Power of CSS Filters and Blending13,890
css, blend-modes, filters, effects
Announcing TypeScript 5.4 (dan/typ)13,889
release-notes, typescript
5 Ways Productivity Culture Kills Business Agility13,888
productivity, agile, economics, culture
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers13,887
figma, keyboard-shortcuts, cheat-sheets, design
Data Table Design Patterns (uxd)13,886
information-design, tables, design-patterns
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)13,885
how-tos, design, usability, metrics, testing
WebKit Features in Safari 17.4 (jen+/web)13,884
release-notes, browsers, apple, safari, webkit
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)13,883
how-tos, websockets, nodejs
Best Practices for Inclusive Design13,882
design, dei, accessibility, best-practices
When We Talk About Front-End Performance, What Are We Talking About13,881
performance, metrics, web-vitals, lighthouse, google
SemVer Simplified: An Introduction to Semantic Versioning13,880
introductions, semver, versioning
WCAG? More Like, W-What?! (stv)13,879
accessibility, wcag, link-lists
The 88×31 Archive13,878
web, images, history
Modern Git Commands and Features You Should Be Using13,877
git, command-line
JSR: Second Look (dbu)13,876
jsr
JavaScript Runs the World—Maybe Even Literally (wir)13,875
javascript, programming, web
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)13,874
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)13,873
design, collaboration
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr13,872
servers, hosting, comparisons, metrics
Visualizing Frontend Architecture (max)13,871
architecture, documentation, visualization
We Need to Talk About Jakob (mat)13,870
accessibility
Tools That Make Me Productive as a Software Engineer13,869
tooling, productivity, link-lists
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)13,868
npm, dependencies, examples, security
CSS for Printing to Paper13,867
css, print
Bugs I’ve Filed on Browsers (nol)13,866
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)13,865
accessibility, ai
Accessibility Darkness (ste)13,864
accessibility, overlays
Planning a Design System Generation (nat)13,863
design-systems, automation
Emerging UX Patterns in Generative AI Experiences (uxd)13,862
user-experience, design-patterns, ai
The Hunt for the Missing Data Type (hil)13,861
types, algorithms
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked13,860
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)13,859
robotstxt, crawling, scraping, ai
Design System Generations (nat)13,858
design-systems, processes
Retrofitting Fluid Typography (ric)13,857
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)13,856
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)13,855
javascript, comparisons
Team Productivity Metrics for Engineering Managers13,854
productivity, metrics, engineering-management
Modern CSS Tooltips and Speech Bubbles (css/sma)13,853
tooltips, css, techniques
Introducing JSR—the JavaScript Registry (lca+/den)13,852
introductions, jsr, deno, dependencies, javascript
Eloquent JavaScript (mar)13,851
websites, books, javascript
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All13,850
browsers, apple, mobile, web-apps
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)13,849
web-apps, apple
An Introduction to Webflow—the No-Code Website Builder13,848
introductions, webflow, low-and-no-code
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)13,847
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech13,846
community
Why Does “is-number” Package Have 59M Weekly Downloads?13,845
dependencies, npm
What You Need to Know About Software Requirements13,844
software-design, best-practices
What Is Inclusive Design, and How Does It Relate to Accessibility?13,843
design, dei, accessibility
Understanding Cookies and Sessions in React13,842
react, authentication, cookies
The Wax and the Wane of the Web (ste/ali)13,841
web-platform, history
Techniques to Break Words (aar)13,840
techniques, html, css, content
New to the Web Platform in February (rac/dev)13,839
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Keyboard Accessibility Testing on Mobile Devices13,838
accessibility, testing, keyboard-navigation, mobile
Diving Into CSS Interactivity (daw+/sto)13,837
videos, css
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)13,836
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX13,835
accessibility, usability, ai, outlooks
Creativity Lies in the Paradoxes (uxd)13,834
creativity, design
Ultimate Guide to Visual Testing With Playwright13,833
guides, testing, regressions, playwright
Top 8 Recent V8 in Node Updates (app)13,832
nodejs, v8
Test Quality vs. Bashing Tailwind CSS (mar)13,831
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)13,830
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)13,829
accessibility, math
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js13,828
how-tos, navigation, functionality, astro, tailwind, alpinejs
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)13,827
css, container-queries, units
Enhanced Internationalization (I18N) in Next.js 1413,826
nextjs, internationalization
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)13,825
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)13,824
html, css, forms
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)13,823
drag-and-drop, accessibility, browsers, screen-readers, support
The 3 Capabilities Designers Need to Build for the AI Era (uxd)13,822
design, career, training, ai, link-lists
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)13,821
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)13,820
multimedia, embed-code, youtube, html, privacy
What Is Vuetify in Vue.js?13,819
vuetify, vuejs
ServerlessHorrors (and)13,818
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)13,817
apis, performance, web-vitals
How to Use Server-Sent Events in Node.js (cra)13,816
how-tos, nodejs, events
How to Lazy-Load CodePen and CanIUse Embeds13,815
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI13,814
web, content, ai
AI and Design Systems (bra)13,813
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)13,812
videos, mistakes, dark-mode, css
A Guide to CSS Cursor Types13,811
guides, css, cursors
A Fun Line of Code (dbu)13,810
javascript, apis, multimedia
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)13,809
open-letters, apple, web-apps
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)13,808
figma, tips-and-tricks
CSS Foundations: What Is IACVT? (bra)13,807
css, fundamentals
Why I Use Firefox (sim)13,806
browsers, mozilla, firefox
What Is a Single-Page Application? (hey)13,805
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)13,804
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)13,803
interviews, css, sustainability
No Outer Margin13,802
css, margins, spacing, components
How to Build a Newthing13,801
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)13,800
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)13,799
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)13,798
accessibility, screen-readers
Home Screen Advantage (sli)13,797
browsers, apple, mobile, support, web-apps, web-platform
The Power of Patterns and Playbooks in Content Design (kat/uxd)13,796
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)13,795
accessibility, screen-readers
Understanding Event-Driven Architecture13,794
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization13,793
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)13,792
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax13,791
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)13,790
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)13,789
accessibility, web, captcha
Why My Code Isn’t in TypeScript (rem)13,788
typescript
Proposal: CSS Variable Groups (lea)13,787
css, variables
A Developer’s Guide for Web Accessibility13,786
guides, accessibility
Navbar Gallery13,785
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)13,784
javascript, performance
UX Leadership Is Failing (and What We Can Do About It) (uxd)13,783
user-experience, leadership
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)13,782
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)13,781
jsr, deno, dependencies, javascript
htmx vs. React: A Complete Comparison13,780
htmx, react, comparisons
Filling Gaps With a Polyfill (jay)13,779
polyfills, html, css, javascript, history
Difference Between the Accessibility Page and the Accessibility Statement13,778
accessibility, documentation, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)13,777
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)13,776
videos, accessibility, aria, html, user-experience
Discovering Web Automation and Scraping (gli)13,775
scraping, automation, tooling
The One Trick Every Flutter Web Dev Needs to Know13,774
tips-and-tricks, flutter, performance
Making of True Multi-Brand Design System (uxd)13,773
design-systems, theming
CSS “::backdrop” Now Inherits From Its Originating Element (bra)13,772
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)13,771
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)13,770
css, apis, syntax-highlighting
Release Notes for Safari Technology Preview 189 (jon/web)13,769
release-notes, browsers, apple, safari
Parallax Effect With CSS Custom Properties (fro)13,768
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)13,767
nodejs, retrospectives
Next.js vs. Remix—a Developer’s Dilemma13,766
nextjs, remix, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)13,765
animations, tips-and-tricks
How to Optimize the Web for the Worst User Conditions?13,764
how-tos, user-experience, responsive-design, performance, optimization
10 Best “Create React App” Alternatives for Different Use Cases13,763
react, frameworks, tech-stacks, comparisons, link-lists
How to Make a Cursor Image Hover Effect With CSS and JS13,762
how-tos, css, javascript, images, cursors, hover
Design Patterns That Encourage Junk Data (mic)13,761
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js13,760
security, nodejs, databases, sql
My Design System Journey: Building the Plane While Flying (uxd)13,759
design-systems, collaboration, processes
Why Is JavaScript Fragile? (cfe)13,758
javascript
“random()” Distribution Visualizer13,757
javascript, randomness, visualization
Okay, Color Spaces (eee)13,756
colors, oklch
How to Use Local Storage in JavaScript (fre)13,755
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js13,754
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)13,753
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients13,752
videos, css, gradients, progress-indicators
Control Lazy Load, Infinite Scroll, and Animations in React13,751
react, lazy-loading, scrolling, animations, javascript
A Practical Guide to Using Shadow DOM (may)13,750
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)13,749
guides, accessibility, design, colors, color-blindness
Responsive Web Design: 3 Key Fundamentals (nng)13,748
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)13,747
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)13,746
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results13,745
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)13,744
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)13,743
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)13,742
collaboration, onboarding, user-experience
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)13,741
user-experience, product-management, processes
17 Equations That Changed the World—Rewritten in JavaScript13,740
javascript, math
100 Things You Can Do on Your Personal Website (cap)13,739
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)13,738
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine13,737
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)13,736
accessibility
Understanding React “useEffect”13,735
react, hooks
JavaScript Workers13,734
videos, javascript, web-workers
JavaScript on Demand: How Qwik Differs From React Hydration (the)13,733
javascript, qwik, react, hydration, comparisons
A Manifesto for Small, Static, Web Apps (ros)13,732
manifestos, web-apps, principles
UI = ƒ(statesⁿ) (dav)13,731
design, state-management
Popular Git Config Options (b0r)13,730
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)13,729
web-apps, apple
How to Set Up a Node Server With TypeScript in 2024 (jle)13,728
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks13,727
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
Be a Better Developer With These Git Good Practices13,726
git, best-practices, conventions, consistency, code-reviews
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)13,725
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)13,724
react
Playing With Infinity in CSS (lon)13,723
css, math
Making the Most of Ligatures (man)13,722
css, typography
How I Developed the 10 Usability Heuristics13,721
usability, heuristics, history
Getting to an Accessibility Strategy13,720
accessibility, strategies, processes
Future of CSS: Functions and Mixins13,719
css, functions, mixins
Full Guide on How to Hire Front-End Developers Effectively13,718
guides, how-tos, hiring, career
CSS “:is(.awesome)” (mar/cfe)13,717
videos, css, selectors, techniques
ARIA “note” (aar)13,716
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)13,715
ai
Input Type “date”: The Accessibility of HTML Date Picker13,714
accessibility, forms
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)13,713
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)13,712
accessibility, aria, naming
What Is the Difference Between ASP and ASP.NET?13,711
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It13,710
performance, metrics, lighthouse, google
Wednesday, February 14, 2024 Security Releases (raf+/nod)13,709
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)13,708
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)13,707
accessibility, wcag
How Accessibility Standards Can Empower Better Chart Visual Design (sma)13,706
accessibility, contrast, colors, information-design
Selenium Automation Testing: A Step-by-Step Beginners Guide13,705
guides, selenium, testing, automation
Building htmx and Go Web Apps With Gemini Advanced13,704
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)13,703
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)13,702
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)13,701
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)13,700
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)13,699
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)13,698
standards, css, colors
Be Aware of Arrays—V8 Engine Advice13,697
javascript, javascript-engines, v8, arrays
An Introduction to Node.js Multithreading (cra)13,696
introductions, nodejs, multithreading
Advanced Architecture for AI Application (aka AAAA) (aus)13,695
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)13,694
guides, design, link-lists
You Want to Make It Easy to Feature Your Content (fro)13,693
frontend-dogma, content, community
The ü/ü Conundrum13,692
javascript, unicode, encoding
The Anatomy of Addictive Content (moz)13,691
content, writing, seo
React, Solid, htmx13,690
react, solidjs, htmx, comparisons
Learn TypeScript (jad)13,689
websites, courses, typescript
How to Choose the Best Static Site Generator in 202413,688
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking13,687
how-tos, wordpress, security, seo
Can Generative AI Help Write Accessible Code? (tin/tet)13,686
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)13,685
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)13,684
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)13,683
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)13,682
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)13,681
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)13,680
project-management, prioritization, processes
Don’t Disable Form Controls (aar)13,679
accessibility, usability, forms, buttons
The Front-End Development We’re Used to Is Dying13,678
career, simplicity, complexity
HTML as the Baseline (cfe)13,677
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)13,676
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)13,675
images, jpeg, png, gif, webp, avif, pdf, svg
Accelerating Code Reviews With Nudges13,674
research, code-reviews, productivity, experiments, facebook+meta
Format Nunjucks Files With Prettier (san)13,673
nunjucks, prettier
What Is a Descriptive Transcript?13,672
accessibility, multimedia
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)13,671
videos, accessibility
So You Think You Know Git13,670
videos, git
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)13,669
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)13,668
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)13,667
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)13,666
viewport, css, units
Git Tips: Really Large Repositories13,665
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)13,664
learning, career
Patterns in Design Systems (ikn)13,663
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)13,662
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)13,661
release-notes, browsers, apple, safari
Opportunities for AI in Accessibility (aar/ali)13,660
accessibility, ai
Offloading JavaScript With Custom Properties (hey)13,659
javascript, css, custom-properties
CSS Is Logical (geo)13,658
css
10 Best Automated AI Code Review Tools 202413,657
ai, automation, code-reviews, tooling, comparisons, link-lists
UI Elements Are Not So Elementary (uxd)13,656
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)13,655
lessons, onboarding, design, user-experience, figma
A Beginner’s Guide to Seamless Open-Source Contributions (wom)13,654
guides, foss
When to Use the “min()” or “max()” Function (css)13,653
css, functions, tips-and-tricks
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)13,652
frameworks, react, remix, nextjs
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)13,651
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)13,650
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)13,649
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)13,648
release-notes, jquery
JavaScript vs. Python: Which One Should You Learn First?13,647
javascript, python, comparisons
JavaScript Promises Demystified13,646
javascript, promises
In Praise of the “switch” Statement (chi)13,645
javascript
Immutable Array Updates With “Array.prototype.with” (jad/dev)13,644
javascript, arrays, prototypes, browsers, support
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)13,643
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)13,642
javascript
A Guide to Designing for Older Adults (vit/sma)13,641
guides, design, accessibility
You Won’t Scale (cfe)13,640
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)13,639
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)13,638
design-systems
The Most Demanded Frontend Frameworks in 202313,637
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)13,636
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)13,635
usability, testing, ai
It’s the Hope That Kills You (yat)13,634
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)13,633
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)13,632
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)13,631
design, tooling, link-lists
Everything You Need to Know About Git13,630
git, command-line
Bookmarklet: Load All GitHub Comments (mey)13,629
bookmarklets, github, code-reviews
13 Best Books, Courses, and Communities for Learning React13,628
react, books, courses, link-lists
HTML Attributes That Every Web Developer Should Know13,627
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)13,626
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”13,625
accessibility
The Importance of Web Performance to Information Equity (sch/fos)13,624
videos, performance, accessibility
htmx Deep Dive With Carson Gross13,623
videos, htmx, deep-dives
A View Source Web (gar)13,622
websites, view-source, browsers
The SEO Starter Guide Got a Makeover (liz+)13,621
guides, seo, search, google
What Is WAP?13,620
wap, mobile
SOLID Principles: They’re Rock-Solid for Good Reason13,619
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)13,618
images, svg, css, masking, performance
From Many to One: Moving Our JavaScript Code Into a Monorepo13,617
migrating, monorepos, javascript, git
All Art Is a Copy of Something (chr)13,616
art
5 Hidden Risks of Your Inaccessible Website (deq)13,615
accessibility
What’s the Difference Between “localhost” and “127.0.0.1”?13,614
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?13,613
ai, quality, technical-debt
Tracking Your Interviews Is Extremely Important13,612
career, interviewing
The Web Just Gets Better With Interop 2024 (jen/web)13,611
web-platform, interoperability, browsers, support
Interop 2024 (rac/dev)13,610
interoperability, web-platform, browsers, support
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)13,609
videos, frameworks, svelte
Everyone’s a Sellout Now13,608
career, culture
Dynamically Adding Text Alternatives to Images With AI (kar)13,607
automation, ai, accessibility, images, alt-text
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric/the)13,606
web, ai, complexity
Career Retrospective13,605
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)13,604
accessibility, aria, standards
A Complete Guide to Open Source—100× Simpler13,603
guides, foss
PurePWA—a Radical U-Turn in Web Development13,602
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)13,601
htmx
The Good, the Bad, the Web Components (zac)13,600
web-components, shadow-dom, dom
The Art and Science of Annotations in Dev Mode (fig)13,599
figma, annotations
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization13,598
testing, flakiness, cypress, playwright, network
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)13,597
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)13,596
accessibility, vpat-acr, processes
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)13,595
performance, web-vitals, metrics
Implementing User Authentication in React Apps With Appwrite13,594
react, authentication, tooling
How to Stream Files From Next.js Route Handlers (eri)13,593
how-tos, nextjs, routing, streaming
GitLab vs. GitHub: Which Is Better in 2024?13,592
version-control, gitlab, github, comparisons
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)13,591
guides, accessibility, colors, color-palettes, figma
Be Purposeful About Your Content13,590
accessibility, content, writing
5 Essential DevTools Console Hacks for Every Web Developer13,589
videos, browsers, dev-tools
Why Do Rubber Ducks Work?13,588
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)13,587
web-platform, software-design, principles, standards, w3c
Use CSS “accent-color” to Style Your Inputs (cas)13,586
css, forms
Understanding Signals in Django13,585
signals, django
Tuesday, February 6, 2024 Security Releases (raf/nod)13,584
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)13,583
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)13,582
guides, foss, collaboration
Onboarding (mfo)13,581
processes, onboarding, productivity, engineering-management
New to the Web Platform in January (rac/dev)13,580
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Learn Testing (dev)13,579
courses, testing
Is Generated Code Harder to Maintain?13,578
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)13,577
css, units, fonts
“field-sizing” Just Works! (kil/pol)13,576
css, forms, comparisons
Celebrate a More Interoperable Web With Interop 2023 (rac/dev)13,575
web-platform, interoperability, browsers, support
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)13,574
html, css
Debunking 10 Common Objections to Incremental Delivery for Software Teams13,573
agile, processes
ESG and DEI Policies Were Always Luxury Goods (blo)13,572
dei, sustainability, policies
The Loss of the Process in the Name of Progress (uxd)13,571
design, creativity, productivity, processes
Practical Guide to Destructuring: TypeScript vs. Dart13,570
guides, typescript, dart, comparisons
The Web Component Success Story (jak)13,569
web-components
The EU Forces Open Apple’s Walled Garden13,568
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly13,567
nextjs, routing, migrating
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)13,566
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)13,565
fundamentals, git
Express Forward13,564
discussions, outlooks, express
Dynamic README Image Based on GitHub Activity13,563
readme, github
At Last, Browser Choice * (dav)13,562
legal, browsers, apple, mobile
Nicer Text Wrapping With CSS “text-wrap” (lon)13,561
css, typography
Design Systems Burnout (fon)13,560
design-systems
A Guide to Styling Tables (sto)13,559
css, tables, responsive-design
Futuring With Design (uxd)13,558
design, creativity, processes
Please, Don’t Force Me to Log In (ham)13,557
web, authentication, user-experience
Gold Text Effect With CSS (man)13,556
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)13,555
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)13,554
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)13,553
legal, browsers, apple, mobile
The Impact of Developer Experience13,552
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)13,551
accessibility, ethics, overlays, community
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)13,550
browsers, apple, mozilla, firefox, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)13,549
introductions, release-notes, sustainability, hosting
Inside .git (b0r)13,548
git
HTML Web Components on the Server Are Great (sco)13,547
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)13,546
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)13,545
design, responsive-design, seo
Using Alternative Browser Engines in the European Union13,544
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)13,543
legal, browsers, apple, mobile, web
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments13,542
studies, research, accessibility, ecommerce, legal
Should Links Open in a New Tab? (stv)13,541
links, usability, user-experience
One World, One Web, One Love (aar)13,540
web
JWT vs. Session Authentication13,539
security, authentication, json-web-tokens, comparisons
Deno 1.40: Temporal API (den)13,538
release-notes, deno, apis, time
CSS Blurry Shimmer Effect (sma)13,537
css, effects
Animating Font Palette (man)13,536
css, colors, fonts, effects
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js13,535
functionality, databases, sql, nodejs, django, nextjs
The API That No One Dared Delete13,534
apis, infrastructure, documentation, maintenance, technical-debt
The Structure of User Experience (uxd)13,533
user-experience, processes
What Happened With the Web Monetization API? (chr)13,532
monetization, apis
What Can a Website Do? (dav)13,531
accessibility, usability, quality
Web Components in Earnest (dav)13,530
web-components, javascript
User Styles (mia)13,529
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”13,528
css, colors, oklch, functions, tailwind
Take a Qwik Break From React With Astro (the)13,527
qwik, react, astro, frameworks, comparisons
Release Notes for Safari Technology Preview 187 (jon/web)13,526
release-notes, browsers, apple, safari
On Web Components (tmc)13,525
web-components
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware13,524
github, npm, security, malware, foss
Getting Started With Content Collections in Astro13,523
introductions, astro
Five Future Roles for Designers (jar)13,522
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)13,521
design-systems, economics
An Introduction to the Liquid Template Language13,520
introductions, liquid, template-engines
14 Best SEO Tools in 2024 (web)13,519
seo, tooling, link-lists
Unit Testing With Jest and Integration With GitHub Actions13,518
testing, jest, github-actions, quality
The Web Is Unversioned (rhi/w3c)13,517
web-platform, versioning
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project13,516
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)13,515
accessibility, apple, facebook+meta
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)13,514
html, modals
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)13,513
ai, design, typography
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development13,512
studies, research, ai, quality, technical-debt
Modern JavaScript Library Starter13,511
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)13,510
performance, web-vitals, single-page-apps, navigation
In Praise of Buttons13,509
buttons
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)13,508
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)13,507
ai, browsers, google, chrome
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)13,506
videos, interviews, tech-stacks, jamstack
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)13,505
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)13,504
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build13,503
culture, engineering-management, processes, comparisons
What Is Jest and Why Should I Use It? (cod)13,502
jest
WebKit Features in Safari 17.3 (jen/web)13,501
release-notes, browsers, apple, safari, webkit
Use Tailwind CSS Prefixes for Shared Design System Components (sen)13,500
tailwind, design-systems, components
Repetition Avoidance (ste)13,499
code-pens, accessibility, user-experience, aria
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website13,498
pjpeg, jpeg, images, performance, comparisons
Layouts in Astro13,497
astro
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)13,496
accessibility, processes, testing
How a Web-Site Redesign Can Impact the Customer Journey (uxm)13,495
redesigning, user-experience
Handling Environment Variables in Node.js (mco/pla)13,494
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)13,493
seo, user-experience
Continuous Accessibility: What, Why, How (ass)13,492
accessibility, processes, testing, tooling
Battle of the Browsers (zer)13,491
browsers, browser-engines, blink, chrome, google, edge, microsoft, brave, gecko, firefox, mozilla, webkit, safari, apple, comparisons
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)13,490
design, tooling, link-lists
What Is Our Design Intention? (uxd)13,489
design, processes
Vector Database Recommender System (ast)13,488
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)13,487
blogging, metrics, sem
What Is CSS Motion Path?13,486
css, svg, animations
The World’s Smallest PNG (eva)13,485
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)13,484
accessibility, design, html, aria
The Bun Shell (jar/bun)13,483
bun, javascript, shells
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)13,482
javascript, security, debugging, firefox, mozilla, browsers
Mastering Node CSV13,481
nodejs, csv
A Call for Consensus on HTML Semantics (5t3)13,480
html, semantics