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

Frontend Dogma

News and Tools for Web Developers (13)

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

Entry (Sources) and TopicsDate#
Theming Design Systems (per)13,938
design-systems, theming
The View Transitions API (cas/fro)13,937
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)13,936
svelte, html, parsing
Introducing Jpegli: A New JPEG Coding Library13,935
introductions, jpeg, images, libraries, compression
How to Build a Simple Web Server With Node.js13,934
how-tos, servers, nodejs
Hanging Punctuation in CSS (ada)13,933
css, typography
Fluid Typography With Discrete Steps (css)13,932
css, typography, tips-and-tricks
Finally Understand Responsive Design13,931
videos, responsive-design, css
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?13,930
dns, security
BFCache Explained13,929
bfcache, browsers, performance
“aspect-ratio” Gotcha (css)13,928
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)13,927
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)13,926
ai, web
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)13,925
how-tos, html, conformance, performance
WordPress 6.5 “Regina” (pho/wor)13,924
release-notes, wordpress
WebAssembly at Google (tom)13,923
videos, webassembly, google
Learn JavaScript (wil/dev)13,922
courses, javascript
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)13,921
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)13,920
css, theming
How to Get Somebody Fired Using Git13,919
version-control, git, career
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)13,918
css, anchor-positioning
Authentication in Next.js (rwi)13,917
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)13,916
guides, css, container-queries
Introducing Root.js13,915
introductions, tooling, content-management
The Era of High-Paying Tech Jobs Is Over13,914
programming, career, ai, economics
What Even Is a JSON Number?13,913
json, terminology
The Detail, the Quality13,912
design, quality
Micro Frontends With Native Federation13,911
micro-frontends, comparisons
Bun 1.1 (jar+/bun)13,910
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)13,909
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)13,908
user-experience, tooling, link-lists
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time13,907
tooling, nodejs, deno, bun
Why I Care Deeply About Web Accessibility and You Should Too (sch)13,906
accessibility, web
The DevOps Basics13,905
dev-ops, fundamentals
Object Structure in JavaScript Engines13,904
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)13,903
accessibility
Kobold Letters (wed)13,902
html, email, support
10 JavaScript Sites Every Web Developer Should Know13,901
javascript, learning, link-lists
Some Samples Using UIkit13,900
uikit
Design Is a Process of Getting Stuck (fon)13,899
design, processes
What Negative Effects Does a Bad Website Design Have on My Business? (web)13,898
design, economics
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)13,897
studies, research, accessibility, homepages, metrics
The Power of “:has()” in CSS (css)13,896
css, selectors
The Easy Way to Access the Last JavaScript Array Element13,895
javascript, arrays
The Curious Case of the CSS Monochrome Media Query (sea)13,894
css, media-queries
“@ scope” Is Coming to CSS and It’s Amazing (kev)13,893
videos, css, scope
On “disabled” and “aria-disabled” Attributes (kit)13,892
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)13,891
career
Figma Plugins (tmc)13,890
figma, plugins
History of JS Interop in Dart13,889
javascript, dart, interoperability, history
What’s New in DevTools, Chrome 124 (dev)13,888
release-notes, dev-tools, browsers, google, chrome
The Complete Guide to Captioned Videos (mer)13,887
guides, accessibility, captions, multimedia
Release Notes for Safari Technology Preview 191 (jon/web)13,886
release-notes, browsers, apple, safari
New to the Web Platform in March (rac/dev)13,885
release-notes, web-platform, browsers, mozilla, firefox, apple, safari, google, chrome
Improving the Developer Experience of Enterprise Design Systems13,884
design-systems, developer-experience, optimization
Finally Understanding How “Array.sort(comparator)” Works (jam)13,883
javascript, arrays
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra/dev)13,882
css, functions, colors, dark-mode
A Guide to Building CLI Tools in JavaScript13,881
guides, tooling, command-line, javascript, nodejs
ai.robots.txt (cor)13,880
ai, crawling, scraping, robotstxt, tooling
Meet Angular’s New “output()” API (ang)13,879
angular, apis
What Even Are Dragging Movements? (cat)13,878
accessibility, interaction-design, terminology
Iterator Helpers13,877
ecmascript, javascript, javascript-engines, v8
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)13,876
browsers, mobile, privacy, security
How I Fixed My Brutal TTFB (whi/sen)13,875
performance, metrics, optimization
Flickering Glowing Text Effect With CSS (man)13,874
css, effects
Convention Over Creativity? The Ups and Downs of UX Design (uxd)13,873
user-experience, design
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)13,872
css, overviews
Quick Tip: How to Align Column Rows With CSS Subgrid13,871
tips-and-tricks, how-tos, css, grids, layout, alignment
Node v20.12.0 (LTS) (nod)13,870
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests13,869
how-tos, jquery, ajax, functions, asynchronicity
How to Take Control of Flexbox (kev)13,868
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)13,867
html, conformance, performance
How Does npx Actually Work and When to Use It13,866
npx, nodejs
History of Web Accessibility13,865
videos, accessibility, history
Exploring the Power of ARIA Live Attribute in Web Accessibility13,864
accessibility, aria, attributes
CSS Anchor Positioning (tab+/w3c)13,863
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)13,862
accessibility
Animating Clip Paths on Scroll With “@ property” in CSS (uti)13,861
css, animations, scrolling, clipping, masking
How to Consolidate Multiple Design Systems (uxd)13,860
how-tos, design-systems, processes
Error Messages 101 (nng)13,859
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)13,858
colors, dark-mode, css, javascript
7 Simple Rules for Better Data Visualization13,857
information-design
JavaScript Visualized: Promise Execution13,856
javascript, promises, visualization
How Does Single Sign-On (SSO) Work? (mil)13,855
authentication, security
CORS Finally Explained—Simply13,854
security, csrf, cors, concepts
Spicing Up Text With “text-emphasis” in CSS (ami)13,853
css, typography, effects
No One Actually Wants Accessibility13,852
accessibility
New CSS That Can Actually Be Used in 2024 (tho)13,851
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries13,850
javascript, animations, libraries, link-lists
Diving Into the Node.js Website Redesign (bri/nod)13,849
redesigning, case-studies
AI Can Make a Code Review for Free13,848
ai, code-reviews, tooling
Radix Themes 3.013,847
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+/dev)13,846
nodejs, performance, debugging, browsers, google, chrome, dev-tools
Learn OAuth 2.0 by Building Your Own OAuth Client13,845
authorization, oauth, functionality
ARIA “role=application” and Mobile Screen Readers (cer)13,844
accessibility, aria, screen-readers, mobile
12 Figma Tips to Work More Efficiently (uxd)13,843
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)13,842
git
The Cost of Interrupted Work: More Speed and Stress13,841
research, productivity, processes
Quick Tip: How to Add Gradient Effects and Patterns to Text13,840
tips-and-tricks, how-tos, css, gradients, effects
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)13,839
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)13,838
css, units
Don’t Get Scammed by Fake Performance Experts and Apps13,837
performance, tooling
CSS Values and Units Module Level 3 (tab+/w3c)13,836
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)13,835
accessibility, captcha
Accessible Forms With Pseudo Classes (css)13,834
accessibility, forms, css, selectors
Microservices Promised Freedom but Delivered Dependencies (pur)13,833
microservices, dependencies
Avoid These Design System Traps13,832
design-systems
Welcome to Future of Web Accessibility Based on Predictors (jar+)13,831
videos, accessibility, outlooks
This Pattern Will Wreck Your React App’s TS Performance (mat)13,830
design-patterns, react, typescript, performance
Relicensing and Rug Pulls13,829
foss, licensing, history
Optimizing JavaScript for Fun and for Profit13,828
javascript, optimization
On the Gift of OKR for Company Culture (j9t)13,827
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)13,826
accessibility, pop-overs, html
Node.js: The Documentary (isa+)13,825
videos, nodejs, history
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)13,824
how-tos, accessibility, testing, authentication
“__dirname” Is Back in Node.js With ES Modules (phi)13,823
nodejs, esm
[Bulma] 1.0.013,822
release-notes, bulma
Building a Micro htmx SSR Framework (mco/pla)13,821
frameworks, htmx, examples
Angular Signals: Best Practices13,820
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)13,819
javascript-engines, memory, garbage-collection, asynchronicity
The Box Model and Box Sizing (bel/pic)13,818
css, box-model, concepts
Psychology and UX: Decoding the Science Behind User Clicks13,817
user-experience, design, principles
Progressive Disclosure Defaults (ada)13,816
css, forms, interaction-design
How to Plan Your First Successful Website (web)13,815
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)13,814
how-tos, code-generation, pdf, functionality
Folder Structures in React Projects13,813
react, architecture
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)13,812
code-pens, layout, css
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)13,811
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)13,810
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)13,809
css, scrolling
Build a Full-Stack App With Node.js and htmx13,808
web-apps, nodejs, htmx
Accessibility Foundations (ihe/tpg)13,807
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)13,806
observability, logging, monitoring, alerting
A Designer’s Role Is Not “at the Table” (uxd)13,805
design, career
How Meta Improved Their Cache Consistency to 99.9999999913,804
facebook+meta, caching
“require(esm)” in Node.js (joy)13,803
nodejs, ecmascript, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm13,802
guides, npx, npm, nodejs
The Power of Textual Content in UX Design (uxm)13,801
content, user-experience
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility13,800
accessibility
Make a Web Browser: Beginner’s Guide (nim)13,799
guides, browsers, browser-engines
I’m So Old: Web Edition (dav)13,798
web, history
How Web-Site Design and Social Media Work Together (uxm)13,797
design, content, social-media
How to Kill the Cascade (fon)13,796
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes13,795
videos, react, concepts
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)13,794
user-experience, interaction-design, best-practices
Comparing ECMAScript Modules and CommonJS13,793
comparisons, esm, commonjs
Build a Node App With TypeScript (mat)13,792
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)13,791
javascript, types, comparisons
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)13,790
embed-code, google, analytics, sustainability, performance, compliance
Why UI Designers Should Understand Flexbox and CSS Grid (uxd)13,789
design, layout, flexbox, grids, css
2024 Cheat Sheet Collection13,788
cheat-sheets, link-lists
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)13,787
migrating, jest, testing, memory, performance
How Web Bloat Impacts Users With Slow Devices13,786
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript13,785
javascript, objects
Webflow 101: A Guide for Beginners13,784
introductions, guides, webflow, low-and-no-code
Skeuomorphism (nng)13,783
design, terminology
Homepage Design: 5 Fundamental Principles (nng)13,782
design, homepages, principles
Quick Tip: Creating a Date Picker in React13,781
tips-and-tricks, react, functionality
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)13,780
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?13,779
efficiency, processes, engineering-management
Deploying Remix to GitHub Pages13,778
videos, deploying, remix, github-pages
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets13,777
accessibility, design-systems, documentation, dei
When “Semantic Tokens” Are No Longer Semantic13,776
design-tokens, semantics
What Is Safe Alignment in CSS? (chr/fro)13,775
css, layout, user-experience
There Is No EU Cookie Banner Law13,774
consent-management, cookies, legal
The Golden Age of Accessibility13,773
accessibility
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?13,772
frameworks, comparisons, qwik, nextjs
Performance Tooling in 2024 and Beyond (dev)13,771
performance, tooling, browsers, dev-tools, lighthouse, google
Make Your Functions More Reusable With Generics (mat)13,770
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)13,769
links, usability
HTML Performance Optimization: Tips for Faster Loading Pages13,768
html, landing-pages, performance, optimization, tips-and-tricks
You Want “border-color: transparent”, Not “border: none” (dav/fro)13,767
css, borders, transparency, accessibility, contrast
What’s Next for a Global Design System (bra)13,766
design-systems
WCAG 2.2 Detective Skills13,765
accessibility, standards, wcag
There Are No Standards Police (mno)13,764
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)13,763
html, custom-data, css, typography, effects
The Problem With AI (cfe)13,762
ai
Ruby Is Complicated13,761
html
Refactoring My Ugliest Code With Signal View Queries13,760
videos, refactoring, angular
My New Favorite CSS Trick: “will-change”13,759
css, animations, transitions, tips-and-tricks
How to Design Icons in Figma13,758
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright13,757
how-tos, testing, flakiness, playwright
Another JS Registry—Seriously?! (den)13,756
videos, jsr, dependencies, javascript
A Beginner’s Guide to Node.js Worker Threads (bet)13,755
guides, nodejs, worker-threads
25 Unnoticeable Features of JavaScript13,754
javascript
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)13,753
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)13,752
accessibility, images, metadata
The Essential Guide to Microcopy and Becoming a More Literate Designer13,751
guides, design, microcontent, content, writing
The “10× Engineer”: 50 Years Ago and Now (ger)13,750
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript13,749
javascript, operators, comparisons
Runtime Compatibility (asc+)13,748
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Marking the Web’s 35th Birthday: An Open Letter (tim)13,747
web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)13,746
performance, web-vitals
How to Read Files Quickly in JavaScript (lem)13,745
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)13,744
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)13,743
accessibility, advocacy, retrospectives
5 Exciting New JavaScript Features in 202413,742
javascript
What Is INP and Why You Should Care (whi/sen)13,741
performance, web-vitals, monitoring
Streaming HTML (chr/fro)13,740
html, php, streaming
JSON Canvas13,739
websites, standards, json, canvas
IDEs vs. Code Editors: Everything You Need to Know (jet)13,738
code-editors, comparisons, concepts
Have You Optimized for INP?13,737
performance, web-vitals, optimization
Express.js With TypeScript—Setup, Examples, Testing13,736
videos, express, typescript, testing, examples
Distinguishing Between ARIA and Native HTML Attributes (deq)13,735
html, aria, attributes, accessibility, comparisons
Comparing JavaScript Frameworks: Templates13,734
javascript, frameworks, templates, comparisons
Are We Watching the Internet Die? (edz)13,733
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness13,732
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)13,731
css, generated-content, alt-text, accessibility
Accessibility: Implementing Focus Traps13,730
accessibility, focus, keyboard-navigation
A Gentle Introduction to Generics in TypeScript13,729
introductions, typescript, generics
Optimising Your Design System With Figma’s Variables (uxd)13,728
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library13,727
javascript, libraries, lessons
CSS Button Styles You Might Not Know (dbu)13,726
html, css, buttons
Replace ESLint and Prettier With Biome.js13,725
biome, eslint, prettier, comparisons, tooling, remix
Jakob Has Jumped the Shark (aar)13,724
accessibility, link-lists
How to Invert the Colors Using CSS (ron)13,723
css, colors, filters, images
eslint-plugin-depend13,722
packages, npm, maintenance, simplicity
Access by a Thousand Curb Cuts (yat)13,721
accessibility
Creating Color Palettes With the CSS “color-mix()” Function (mic)13,720
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)13,719
css, style-queries, custom-properties
Navigating the Future of Frontend13,718
frameworks, web-platform, outlooks
Modern CSS Tooltips and Speech Bubbles II (css/sma)13,717
tooltips, css, techniques
How “HEAD” Works in Git (b0r)13,716
git
Dissecting Layered Architecture (yok)13,715
architecture
Asking Users for Their Pronouns: A Guide for UX Designers13,714
guides, user-experience, communication
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project13,713
how-tos, nodejs, environments
AVIF Is the Future of Web Images13,712
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)13,711
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)13,710
css, selectors, examples
Managing Static Files in Django: A Comprehensive Guide13,709
guides, django, file-handling
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)13,708
how-tos, accessibility, testing
90% of Designers are Unhirable? (uxd)13,707
design, processes, career
WebAssembly JSPI Is Going to Origin Trial13,706
webassembly
The Ultimate Guide to Choosing the Best React Website Builder13,705
guides, react, tooling, comparisons, link-lists
The End of My Gatsby Journey (mon)13,704
gatsby, frameworks, comparisons
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets13,703
shadow-dom, dom, css
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)13,702
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,701
design, usability, buttons
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)13,700
videos, css, selectors
Release Notes for Safari Technology Preview 190 (jon/web)13,699
release-notes, browsers, apple, safari
Making Room for Long List Markers With Subgrid (nol)13,698
html, lists, css, grids
Internationalization With Remix (rem)13,697
remix, internationalization
Exploring the Creative Power of CSS Filters and Blending13,696
css, blend-modes, filters, effects
Announcing TypeScript 5.4 (dan/typ)13,695
release-notes, typescript
5 Ways Productivity Culture Kills Business Agility13,694
productivity, agile, economics, culture
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers13,693
figma, keyboard-shortcuts, cheat-sheets, design
Data Table Design Patterns (uxd)13,692
information-design, tables, design-patterns
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)13,691
how-tos, design, usability, metrics, testing
WebKit Features in Safari 17.4 (jen+/web)13,690
release-notes, browsers, apple, safari, webkit
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)13,689
how-tos, websockets, nodejs
Best Practices for Inclusive Design13,688
design, dei, accessibility, best-practices
SemVer Simplified: An Introduction to Semantic Versioning13,687
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About13,686
performance, metrics, web-vitals, lighthouse, google
WCAG? More Like, W-What?! (stv)13,685
accessibility, wcag, link-lists
The 88×31 Archive13,684
web, images, history
Modern Git Commands and Features You Should Be Using13,683
git, command-line
JSR: Second Look (dbu)13,682
jsr
JavaScript Runs the World—Maybe Even Literally (wir)13,681
javascript, programming, web
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)13,680
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)13,679
design, collaboration
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr13,678
servers, hosting, comparisons, metrics
Visualizing Frontend Architecture (max)13,677
architecture, documentation, visualization
We Need to Talk About Jakob (mat)13,676
accessibility
Tools That Make Me Productive as a Software Engineer13,675
tooling, productivity, link-lists
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)13,674
npm, dependencies, examples, security
CSS for Printing to Paper13,673
css, print
Bugs I’ve Filed on Browsers (nol)13,672
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)13,671
accessibility, ai
Accessibility Darkness (ste)13,670
accessibility, overlays
Planning a Design System Generation (nat)13,669
design-systems, automation
Emerging UX Patterns in Generative AI Experiences (uxd)13,668
user-experience, design-patterns, ai
The Hunt for the Missing Data Type (hil)13,667
types, algorithms
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked13,666
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)13,665
robotstxt, crawling, scraping, ai
Design System Generations (nat)13,664
design-systems, processes
Retrofitting Fluid Typography (ric)13,663
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)13,662
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)13,661
javascript, comparisons
Team Productivity Metrics for Engineering Managers13,660
productivity, metrics, engineering-management
Modern CSS Tooltips and Speech Bubbles (css/sma)13,659
tooltips, css, techniques
Introducing JSR—the JavaScript Registry (lca+/den)13,658
introductions, jsr, deno, dependencies, javascript
Eloquent JavaScript (mar)13,657
websites, books, javascript
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All13,656
browsers, apple, mobile, web-apps
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)13,655
web-apps, apple
An Introduction to Webflow—the No-Code Website Builder13,654
introductions, webflow, low-and-no-code
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)13,653
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech13,652
community
Why Does “is-number” Package Have 59M Weekly Downloads?13,651
dependencies, npm
What You Need to Know About Software Requirements13,650
software-design, best-practices
What Is Inclusive Design, and How Does It Relate to Accessibility?13,649
design, dei, accessibility
Understanding Cookies and Sessions in React13,648
react, authentication, cookies
The Wax and the Wane of the Web (ste/ali)13,647
web-platform, history
Techniques to Break Words (aar)13,646
techniques, html, css, content
New to the Web Platform in February (rac/dev)13,645
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Keyboard Accessibility Testing on Mobile Devices13,644
accessibility, testing, keyboard-navigation, mobile
Diving Into CSS Interactivity (daw+/sto)13,643
videos, css
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)13,642
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX13,641
accessibility, usability, ai, outlooks
Creativity Lies in the Paradoxes (uxd)13,640
creativity, design
Ultimate Guide to Visual Testing With Playwright13,639
guides, testing, regressions, playwright
Top 8 Recent V8 in Node Updates (app)13,638
nodejs, v8
Test Quality vs. Bashing Tailwind CSS (mar)13,637
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)13,636
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)13,635
accessibility, math
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js13,634
how-tos, navigation, functionality, astro, tailwind, alpinejs
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)13,633
css, container-queries, units
Enhanced Internationalization (I18N) in Next.js 1413,632
nextjs, internationalization
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)13,631
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)13,630
html, css, forms
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)13,629
drag-and-drop, accessibility, browsers, screen-readers, support
The 3 Capabilities Designers Need to Build for the AI Era (uxd)13,628
design, career, training, ai, link-lists
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)13,627
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)13,626
multimedia, embed-code, youtube, html, privacy
What Is Vuetify in Vue.js?13,625
vuetify, vuejs
ServerlessHorrors (and)13,624
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)13,623
apis, performance, web-vitals
How to Use Server-Sent Events in Node.js (cra)13,622
how-tos, nodejs, events
How to Lazy-Load CodePen and CanIUse Embeds13,621
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI13,620
web, content, ai
AI and Design Systems (bra)13,619
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)13,618
videos, mistakes, dark-mode, css
A Guide to CSS Cursor Types13,617
guides, css, cursors
A Fun Line of Code (dbu)13,616
javascript, apis, multimedia
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)13,615
figma, tips-and-tricks
CSS Foundations: What Is IACVT? (bra)13,614
css, fundamentals
Why I Use Firefox (sim)13,613
browsers, mozilla, firefox
What Is a Single-Page Application? (hey)13,612
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)13,611
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)13,610
interviews, css, sustainability
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)13,609
apple, web-apps
No Outer Margin13,608
css, margins, spacing, components
How to Build a Newthing13,607
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)13,606
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)13,605
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)13,604
accessibility, screen-readers
Home Screen Advantage (sli)13,603
browsers, apple, mobile, support, web-apps, web-platform
The Power of Patterns and Playbooks in Content Design (kat/uxd)13,602
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)13,601
accessibility, screen-readers
Understanding Event-Driven Architecture13,600
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization13,599
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)13,598
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax13,597
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)13,596
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)13,595
accessibility, web, captcha
Why My Code Isn’t in TypeScript (rem)13,594
typescript
Proposal: CSS Variable Groups (lea)13,593
css, variables
A Developer’s Guide for Web Accessibility13,592
guides, accessibility
Navbar Gallery13,591
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)13,590
javascript, performance
UX Leadership Is Failing (and What We Can Do About It) (uxd)13,589
user-experience, leadership
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)13,588
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)13,587
jsr, deno, dependencies, javascript
htmx vs. React: A Complete Comparison13,586
htmx, react, comparisons
Filling Gaps With a Polyfill (jay)13,585
polyfills, html, css, javascript, history
Difference Between the Accessibility Page and the Accessibility Statement13,584
accessibility, documentation, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)13,583
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)13,582
videos, accessibility, aria, html, user-experience
Discovering Web Automation and Scraping (gli)13,581
scraping, automation, tooling
The One Trick Every Flutter Web Dev Needs to Know13,580
tips-and-tricks, flutter, performance
Making of True Multi-Brand Design System (uxd)13,579
design-systems, theming
CSS “::backdrop” Now Inherits From Its Originating Element (bra)13,578
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)13,577
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)13,576
css, apis, syntax-highlighting
Release Notes for Safari Technology Preview 189 (jon/web)13,575
release-notes, browsers, apple, safari
Parallax Effect With CSS Custom Properties (fro)13,574
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)13,573
nodejs, retrospectives
Next.js vs. Remix—a Developer’s Dilemma13,572
nextjs, remix, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)13,571
animations, tips-and-tricks
How to Optimize the Web for the Worst User Conditions?13,570
how-tos, user-experience, responsive-design, performance, optimization
10 Best “Create React App” Alternatives for Different Use Cases13,569
react, frameworks, tech-stacks, comparisons, link-lists
How to Make a Cursor Image Hover Effect With CSS and JS13,568
how-tos, css, javascript, images, cursors, hover
Design Patterns That Encourage Junk Data (mic)13,567
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js13,566
security, nodejs, databases, sql
My Design System Journey: Building the Plane While Flying (uxd)13,565
design-systems, collaboration, processes
Why Is JavaScript Fragile? (cfe)13,564
javascript
“random()” Distribution Visualizer13,563
javascript, randomness, visualization
Okay, Color Spaces (eee)13,562
colors, oklch
How to Use Local Storage in JavaScript (fre)13,561
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js13,560
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)13,559
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients13,558
videos, css, gradients, progress-indicators
Control Lazy Load, Infinite Scroll, and Animations in React13,557
react, lazy-loading, scrolling, animations, javascript
A Practical Guide to Using Shadow DOM (may)13,556
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)13,555
guides, accessibility, design, colors, color-blindness
Responsive Web Design: 3 Key Fundamentals (nng)13,554
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)13,553
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)13,552
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results13,551
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)13,550
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)13,549
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)13,548
collaboration, onboarding, user-experience
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)13,547
user-experience, product-management, processes
17 Equations That Changed the World—Rewritten in JavaScript13,546
javascript, math
100 Things You Can Do on Your Personal Website (cap)13,545
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)13,544
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine13,543
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)13,542
accessibility
Understanding React “useEffect”13,541
react, hooks
JavaScript Workers13,540
videos, javascript, web-workers
JavaScript on Demand: How Qwik Differs From React Hydration (the)13,539
javascript, qwik, react, hydration, comparisons
A Manifesto for Small, Static, Web Apps (ros)13,538
manifestos, web-apps, principles
UI = ƒ(statesⁿ) (dav)13,537
design, state-management
Popular Git Config Options (b0r)13,536
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)13,535
web-apps, apple
How to Set Up a Node Server With TypeScript in 2024 (jle)13,534
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks13,533
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
Be a Better Developer With These Git Good Practices13,532
git, best-practices, conventions, consistency, code-reviews
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)13,531
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)13,530
react
Playing With Infinity in CSS (lon)13,529
css, math
Making the Most of Ligatures (man)13,528
css, typography
How I Developed the 10 Usability Heuristics13,527
usability, heuristics, history
Getting to an Accessibility Strategy13,526
accessibility, strategies, processes
Future of CSS: Functions and Mixins13,525
css, functions, mixins
Full Guide on How to Hire Front-End Developers Effectively13,524
guides, how-tos, hiring, career
CSS “:is(.awesome)” (mar/cfe)13,523
videos, css, selectors, techniques
ARIA “note” (aar)13,522
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)13,521
ai
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)13,520
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)13,519
accessibility, aria, naming
What Is the Difference Between ASP and ASP.NET?13,518
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It13,517
performance, metrics, lighthouse, google
Wednesday, February 14, 2024 Security Releases (raf+/nod)13,516
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)13,515
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)13,514
accessibility, wcag
Input Type “date”: The Accessibility of HTML Date Picker13,513
accessibility, forms
How Accessibility Standards Can Empower Better Chart Visual Design (sma)13,512
accessibility, contrast, colors, information-design
Selenium Automation Testing: A Step-by-Step Beginners Guide13,511
guides, selenium, testing, automation
Building htmx and Go Web Apps With Gemini Advanced13,510
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)13,509
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)13,508
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)13,507
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)13,506
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)13,505
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)13,504
standards, css, colors
Be Aware of Arrays—V8 Engine Advice13,503
javascript, javascript-engines, v8, arrays
An Introduction to Node.js Multithreading (cra)13,502
introductions, nodejs, multithreading
Advanced Architecture for AI Application (aka AAAA) (aus)13,501
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)13,500
guides, design, link-lists
You Want to Make It Easy to Feature Your Content (fro)13,499
frontend-dogma, content, community
The ü/ü Conundrum13,498
javascript, unicode, encoding
The Anatomy of Addictive Content (moz)13,497
content, writing, seo
React, Solid, htmx13,496
react, solidjs, htmx, comparisons
Learn TypeScript (jad)13,495
websites, courses, typescript
How to Choose the Best Static Site Generator in 202413,494
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking13,493
how-tos, wordpress, security, seo
Can Generative AI Help Write Accessible Code? (tin/tet)13,492
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)13,491
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)13,490
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)13,489
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)13,488
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)13,487
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)13,486
project-management, prioritization, processes
Don’t Disable Form Controls (aar)13,485
accessibility, usability, forms, buttons
The Front-End Development We’re Used to Is Dying13,484
career, simplicity, complexity
HTML as the Baseline (cfe)13,483
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)13,482
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)13,481
images, jpeg, png, gif, webp, avif, pdf, svg
Accelerating Code Reviews With Nudges13,480
research, code-reviews, productivity, experiments, facebook+meta
What Is a Descriptive Transcript?13,479
accessibility, multimedia
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)13,478
videos, accessibility
So You Think You Know Git13,477
videos, git
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)13,476
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)13,475
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)13,474
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)13,473
viewport, css, units
Git Tips: Really Large Repositories13,472
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)13,471
learning, career
Patterns in Design Systems (ikn)13,470
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)13,469
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)13,468
release-notes, browsers, apple, safari
Opportunities for AI in Accessibility (aar/ali)13,467
accessibility, ai
Offloading JavaScript With Custom Properties (hey)13,466
javascript, css, custom-properties
CSS Is Logical (geo)13,465
css
10 Best Automated AI Code Review Tools 202413,464
ai, automation, code-reviews, tooling, comparisons, link-lists
UI Elements Are Not So Elementary (uxd)13,463
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)13,462
lessons, onboarding, design, user-experience, figma
A Beginner’s Guide to Seamless Open-Source Contributions (wom)13,461
guides, foss
When to Use the “min()” or “max()” Function (css)13,460
css, functions, tips-and-tricks
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)13,459
frameworks, react, remix, nextjs
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)13,458
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)13,457
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)13,456
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)13,455
release-notes, jquery
JavaScript vs. Python: Which One Should You Learn First?13,454
javascript, python, comparisons
JavaScript Promises Demystified13,453
javascript, promises
In Praise of the “switch” Statement (chi)13,452
javascript
Immutable Array Updates With “Array.prototype.with” (jad/dev)13,451
javascript, arrays, prototypes, browsers, support
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)13,450
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)13,449
javascript
A Guide to Designing for Older Adults (vit/sma)13,448
guides, design, accessibility
You Won’t Scale (cfe)13,447
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)13,446
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)13,445
design-systems
The Most Demanded Frontend Frameworks in 202313,444
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)13,443
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)13,442
usability, testing, ai
It’s the Hope That Kills You (yat)13,441
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)13,440
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)13,439
introductions, web-components