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