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 (12)

→ 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#
I Never Knew a Website Could Hurt Someone (kar)13,687
videos, accessibility
Happy CSS Naked Day 2024 (fro)13,686
frontend-dogma, css, awareness-days
Is the Party Over for Scrum Masters and Agile Coaches?13,685
agile, scrum, career
Understanding Interaction to Next Paint (INP) (wil/fro)13,684
performance, web-vitals
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (tpg)13,683
accessibility, ada, legal, web, mobile
Sending Email Using Node.js (cra)13,682
nodejs, email
Recapping ng-conf 202413,681
angular
React Server Components in a Nutshell (the)13,680
react, components
Layered Toggles: Optional CSS Mixins (kiz)13,679
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)13,678
design, processes, prototyping, figma, html, comparisons
An Introduction to the Node.js Performance API (bet)13,677
introductions, nodejs, performance, apis
Ableism and Related Terms You Need to Know (mer)13,676
terminology, communication, dei
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution13,675
react, history
Building a CLI From Scratch With TypeScript and oclif13,674
command-line, typescript
DORA’s Software Delivery Metrics: The Four Keys13,673
processes, metrics
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities13,672
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)13,671
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)13,670
user-experience, ai, hci
Things That I Like Better in Vue Than in React13,669
vuejs, react, frameworks, comparisons
The Death of Creativity13,668
creativity, ai
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)13,667
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Node.js Debugging in Chrome DevTools (chr/fro)13,666
nodejs, debugging, tooling, browsers, google, chrome, dev-tools
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)13,665
design, communication
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities13,664
accessibility, legal, web, mobile
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)13,663
redesigning, strategies, dei, accessibility
How I Write Commits Like a Pro13,662
version-control, git, commit-messages, conventions
Creating a Navbar in React13,661
navigation, react, css
Blind Internet Users Struggle With Error-Prone AI Aids (fin)13,660
accessibility, ai
10 Must Know System Design Concepts for Interviews13,659
interviewing, architecture, system-design, concepts, scalability
Testing HTML With Modern CSS (hey)13,658
html, css, testing, quality
Jekyll vs. Astro (koo)13,657
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)13,656
html, images, performance
Demystifying the Shadow DOM13,655
dom, shadow-dom
[zx] 8.0.013,654
release-notes, zx
Why I’m Yet Another Woman Leaving the Tech Industry13,653
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)13,652
accessibility, user-experience, keyboard-navigation, skip-links, wcag
Reviewing Polypane for Responsive Website Tweaks13,651
videos, polypane, browsers
How to Think About HTML Responsive Images (db)13,650
how-tos, html, images, responsive-design
21 HTML Tips You Must Know About13,649
html, tips-and-tricks
Breakpoints in Responsive Design (nng)13,648
design, responsive-design, usability
The Free Software Commons (jen)13,647
foss, community, security
Should Designers Code? (bra)13,646
design, career
Managing User Focus With “:focus-visible” (css)13,645
css, selectors, focus
How to Make Your Website Work Offline13,644
how-tos, web-workers, offline, javascript
ESLint v9.0.0 Released (nza/esl)13,643
release-notes, eslint
Drive-By Accessibility Tweaks (bru)13,642
accessibility
DevTools Tips and Tricks (fro)13,641
browsers, dev-tools, tips-and-tricks
Creativity in Software Engineering13,640
research, creativity, programming
“AI” Won’t Solve Accessibility (yat)13,639
accessibility, ai
When to Use “tabindex="0"” (gra/tet)13,638
accessibility, keyboard-navigation, focus, html
The V8 Sandbox13,637
v8, security
The Basics of Legibility13,636
fundamentals, typography, legibility
Rounded Tabs With Inner Curves (css)13,635
css, effects, tips-and-tricks
Modern CSS Patterns in Campfire13,634
css, case-studies
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue13,633
videos, javascript, visualization, event-loop, events, apis
How to Strongly Type process.env (mat)13,632
how-tos, typescript, nodejs
Heat Death of the Internet13,631
web
Building Components With Radix UI13,630
radix, components
AI and the Future of Web Accessibility Guidelines13,629
discussions, accessibility, wcag, standards, ai, w3c
A Complete Guide to CSS Logical Properties, With Cheat Sheet13,628
guides, css, logical-properties, cheat-sheets
In-Page Links: 3 Usability Tips (nng)13,627
videos, links, usability, tips-and-tricks
Wednesday, April 3, 2024 Security Releases (nod)13,626
release-notes, nodejs, security
Using JSON Web Tokens With Node.js13,625
json-web-tokens, nodejs, security, authentication
Theming Design Systems (per)13,624
design-systems, theming
The View Transitions API (cas/fro)13,623
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)13,622
svelte, html, parsing
Introducing Jpegli: A New JPEG Coding Library13,621
introductions, jpeg, images, libraries, compression
How to Build a Simple Web Server With Node.js13,620
how-tos, servers, nodejs
Hanging Punctuation in CSS (ada)13,619
css, typography
Fluid Typography With Discrete Steps (css)13,618
css, typography, tips-and-tricks
Finally Understand Responsive Design13,617
videos, responsive-design, css
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?13,616
dns, security
BFCache Explained13,615
bfcache, browsers, performance
“aspect-ratio” Gotcha (css)13,614
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)13,613
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)13,612
ai, web
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)13,611
how-tos, html, conformance, performance
WordPress 6.5 “Regina” (pho/wor)13,610
release-notes, wordpress
WebAssembly at Google (tom)13,609
videos, webassembly, google
Learn JavaScript (wil/dev)13,608
courses, javascript
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)13,607
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)13,606
css, theming
How to Get Somebody Fired Using Git13,605
version-control, git, career
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)13,604
css, anchor-positioning
Authentication in Next.js (rwi)13,603
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)13,602
guides, css, container-queries
The Era of High-Paying Tech Jobs Is Over13,601
programming, career, ai, economics
What Even Is a JSON Number?13,600
json, terminology
The Detail, the Quality13,599
design, quality
Micro Frontends With Native Federation13,598
micro-frontends, comparisons
Bun 1.1 (jar+/bun)13,597
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)13,596
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)13,595
user-experience, tooling, link-lists
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time13,594
tooling, nodejs, deno, bun
Why I Care Deeply About Web Accessibility and You Should Too (sch)13,593
accessibility, web
The DevOps Basics13,592
dev-ops, fundamentals
Object Structure in JavaScript Engines13,591
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)13,590
accessibility
Kobold Letters (wed)13,589
html, email, support
10 JavaScript Sites Every Web Developer Should Know13,588
javascript, learning, link-lists
Some Samples Using UIkit13,587
uikit
Design Is a Process of Getting Stuck (fon)13,586
design, processes
What Negative Effects Does a Bad Website Design Have on My Business? (web)13,585
design, economics
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)13,584
studies, research, accessibility, homepages, metrics
The Power of “:has()” in CSS (css)13,583
css, selectors
The Easy Way to Access the Last JavaScript Array Element13,582
javascript, arrays
The Curious Case of the CSS Monochrome Media Query (sea)13,581
css, media-queries
“@ scope” Is Coming to CSS and It’s Amazing (kev)13,580
videos, css, scope
On “disabled” and “aria-disabled” Attributes (kit)13,579
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)13,578
career
Figma Plugins (tmc)13,577
figma, plugins
History of JS Interop in Dart13,576
javascript, dart, interoperability, history
What’s New in DevTools, Chrome 124 (dev)13,575
release-notes, dev-tools, browsers, google, chrome
The Complete Guide to Captioned Videos (mer)13,574
guides, accessibility, captions, multimedia
Release Notes for Safari Technology Preview 191 (jon/web)13,573
release-notes, browsers, apple, safari
New to the Web Platform in March (rac/dev)13,572
release-notes, web-platform, browsers, mozilla, firefox, apple, safari, google, chrome
Improving the Developer Experience of Enterprise Design Systems13,571
design-systems, developer-experience, optimization
Finally Understanding How “Array.sort(comparator)” Works (jam)13,570
javascript, arrays
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra/dev)13,569
css, functions, colors, dark-mode
A Guide to Building CLI Tools in JavaScript13,568
guides, tooling, command-line, javascript, nodejs
ai.robots.txt (cor)13,567
ai, crawling, scraping, robotstxt, tooling
Meet Angular’s New “output()” API (ang)13,566
angular, apis
What Even Are Dragging Movements? (cat)13,565
accessibility, interaction-design, terminology
Iterator Helpers13,564
ecmascript, javascript, javascript-engines, v8
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)13,563
browsers, mobile, privacy, security
How I Fixed My Brutal TTFB (whi/sen)13,562
performance, metrics, optimization
Flickering Glowing Text Effect With CSS (man)13,561
css, effects
Convention Over Creativity? The Ups and Downs of UX Design (uxd)13,560
user-experience, design
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)13,559
css, overviews
Quick Tip: How to Align Column Rows With CSS Subgrid13,558
tips-and-tricks, how-tos, css, grids, layout, alignment
Node v20.12.0 (LTS) (nod)13,557
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests13,556
how-tos, jquery, ajax, functions, asynchronicity
How to Take Control of Flexbox (kev)13,555
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)13,554
html, conformance, performance
How Does npx Actually Work and When to Use It13,553
npx, nodejs
History of Web Accessibility13,552
videos, accessibility, history
Exploring the Power of ARIA Live Attribute in Web Accessibility13,551
accessibility, aria, attributes
CSS Anchor Positioning (tab+/w3c)13,550
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)13,549
accessibility
Animating Clip Paths on Scroll With “@ property” in CSS (uti)13,548
css, animations, scrolling, clipping, masking
How to Consolidate Multiple Design Systems (uxd)13,547
how-tos, design-systems, processes
Error Messages 101 (nng)13,546
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)13,545
colors, dark-mode, css, javascript
7 Simple Rules for Better Data Visualization13,544
information-design
How Does Single Sign-On (SSO) Work? (mil)13,543
authentication, security
CORS Finally Explained—Simply13,542
security, csrf, cors, concepts
Spicing Up Text With “text-emphasis” in CSS (ami)13,541
css, typography, effects
No One Actually Wants Accessibility13,540
accessibility
New CSS That Can Actually Be Used in 2024 (tho)13,539
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
JavaScript Visualized: Promise Execution13,538
javascript, promises, visualization
Incredible JavaScript Animation Libraries13,537
javascript, animations, libraries, link-lists
Diving Into the Node.js Website Redesign (bri/nod)13,536
redesigning, case-studies
AI Can Make a Code Review for Free13,535
ai, code-reviews, tooling
Radix Themes 3.013,534
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+/dev)13,533
nodejs, performance, debugging, browsers, google, chrome, dev-tools
Learn OAuth 2.0 by Building Your Own OAuth Client13,532
authorization, oauth, functionality
ARIA “role=application” and Mobile Screen Readers (cer)13,531
accessibility, aria, screen-readers, mobile
12 Figma Tips to Work More Efficiently (uxd)13,530
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)13,529
git
The Cost of Interrupted Work: More Speed and Stress13,528
research, productivity, processes
Quick Tip: How to Add Gradient Effects and Patterns to Text13,527
tips-and-tricks, how-tos, css, gradients, effects
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)13,526
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)13,525
css, units
Don’t Get Scammed by Fake Performance Experts and Apps13,524
performance, tooling
CSS Values and Units Module Level 3 (tab+/w3c)13,523
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)13,522
accessibility, captcha
Accessible Forms With Pseudo Classes (css)13,521
accessibility, forms, css, selectors
Microservices Promised Freedom but Delivered Dependencies (pur)13,520
microservices, dependencies
Avoid These Design System Traps13,519
design-systems
Welcome to Future of Web Accessibility Based on Predictors (jar+)13,518
videos, accessibility, outlooks
This Pattern Will Wreck Your React App’s TS Performance (mat)13,517
design-patterns, react, typescript, performance
Relicensing and Rug Pulls13,516
foss, licensing, history
Optimizing JavaScript for Fun and for Profit13,515
javascript, optimization
On the Gift of OKR for Company Culture (j9t)13,514
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)13,513
accessibility, pop-overs, html
Node.js: The Documentary (isa+)13,512
videos, nodejs, history
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)13,511
how-tos, accessibility, testing, authentication
“__dirname” Is Back in Node.js With ES Modules (phi)13,510
nodejs, esm
[Bulma] 1.0.013,509
release-notes, bulma
Building a Micro htmx SSR Framework (mco/pla)13,508
frameworks, htmx, examples
Angular Signals: Best Practices13,507
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)13,506
javascript-engines, memory, garbage-collection, asynchronicity
The Box Model and Box Sizing (bel/pic)13,505
css, box-model, concepts
Psychology and UX: Decoding the Science Behind User Clicks13,504
user-experience, design, principles
Progressive Disclosure Defaults (ada)13,503
css, forms, interaction-design
How to Plan Your First Successful Website (web)13,502
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)13,501
how-tos, code-generation, pdf, functionality
Folder Structures in React Projects13,500
react, architecture
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)13,499
code-pens, layout, css
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)13,498
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)13,497
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)13,496
css, scrolling
Build a Full-Stack App With Node.js and htmx13,495
web-apps, nodejs, htmx
Accessibility Foundations (ihe/tpg)13,494
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)13,493
observability, logging, monitoring, alerting
A Designer’s Role Is Not “at the Table” (uxd)13,492
design, career
How Meta Improved Their Cache Consistency to 99.9999999913,491
facebook+meta, caching
“require(esm)” in Node.js (joy)13,490
nodejs, ecmascript, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm13,489
guides, npx, npm, nodejs
The Power of Textual Content in UX Design (uxm)13,488
content, user-experience
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility13,487
accessibility
Make a Web Browser: Beginner’s Guide (nim)13,486
guides, browsers, browser-engines
I’m So Old: Web Edition (dav)13,485
web, history
How Web-Site Design and Social Media Work Together (uxm)13,484
design, content, social-media
How to Kill the Cascade (fon)13,483
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes13,482
videos, react, concepts
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)13,481
user-experience, interaction-design, best-practices
Comparing ECMAScript Modules and CommonJS13,480
comparisons, esm, commonjs
Build a Node App With TypeScript (mat)13,479
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)13,478
javascript, types, comparisons
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)13,477
embed-code, google, analytics, sustainability, performance, compliance
Why UI Designers Should Understand Flexbox and CSS Grid (uxd)13,476
design, layout, flexbox, grids, css
2024 Cheat Sheet Collection13,475
cheat-sheets, link-lists
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)13,474
migrating, jest, testing, memory, performance
How Web Bloat Impacts Users With Slow Devices13,473
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript13,472
javascript, objects
Webflow 101: A Guide for Beginners13,471
introductions, guides, webflow, low-and-no-code
Skeuomorphism (nng)13,470
design, terminology
Homepage Design: 5 Fundamental Principles (nng)13,469
design, homepages, principles
Quick Tip: Creating a Date Picker in React13,468
tips-and-tricks, react, functionality
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)13,467
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?13,466
efficiency, processes, engineering-management
Deploying Remix to GitHub Pages13,465
videos, deploying, remix, github-pages
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets13,464
accessibility, design-systems, documentation, dei
When “Semantic Tokens” Are No Longer Semantic13,463
design-tokens, semantics
What Is Safe Alignment in CSS? (chr/fro)13,462
css, layout, user-experience
There Is No EU Cookie Banner Law13,461
consent-management, cookies, legal
The Golden Age of Accessibility13,460
accessibility
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?13,459
frameworks, comparisons, qwik, nextjs
Performance Tooling in 2024 and Beyond (dev)13,458
performance, tooling, browsers, dev-tools, lighthouse, google
Make Your Functions More Reusable With Generics (mat)13,457
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)13,456
links, usability
HTML Performance Optimization: Tips for Faster Loading Pages13,455
html, landing-pages, performance, optimization, tips-and-tricks
You Want “border-color: transparent”, Not “border: none” (dav/fro)13,454
css, borders, transparency, accessibility, contrast
What’s Next for a Global Design System (bra)13,453
design-systems
WCAG 2.2 Detective Skills13,452
accessibility, standards, wcag
There Are No Standards Police (mno)13,451
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)13,450
html, custom-data, css, typography, effects
The Problem With AI (cfe)13,449
ai
Ruby Is Complicated13,448
html
Refactoring My Ugliest Code With Signal View Queries13,447
videos, refactoring, angular
My New Favorite CSS Trick: “will-change”13,446
css, animations, transitions, tips-and-tricks
How to Design Icons in Figma13,445
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright13,444
how-tos, testing, flakiness, playwright
Another JS Registry—Seriously?! (den)13,443
videos, jsr, dependencies, javascript
A Beginner’s Guide to Node.js Worker Threads (bet)13,442
guides, nodejs, worker-threads
25 Unnoticeable Features of JavaScript13,441
javascript
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)13,440
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)13,439
accessibility, images, metadata
The Essential Guide to Microcopy and Becoming a More Literate Designer13,438
guides, design, microcontent, content, writing
The “10× Engineer”: 50 Years Ago and Now (ger)13,437
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript13,436
javascript, operators, comparisons
Runtime Compatibility (asc+)13,435
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Marking the Web’s 35th Birthday: An Open Letter (tim)13,434
web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)13,433
performance, web-vitals
How to Read Files Quickly in JavaScript (lem)13,432
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)13,431
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)13,430
accessibility, advocacy, retrospectives
5 Exciting New JavaScript Features in 202413,429
javascript
What Is INP and Why You Should Care (whi/sen)13,428
performance, web-vitals, monitoring
Streaming HTML (chr/fro)13,427
html, php, streaming
JSON Canvas13,426
websites, standards, json, canvas
IDEs vs. Code Editors: Everything You Need to Know (jet)13,425
code-editors, comparisons, concepts
Have You Optimized for INP?13,424
performance, web-vitals, optimization
Express.js With TypeScript—Setup, Examples, Testing13,423
videos, express, typescript, testing, examples
Distinguishing Between ARIA and Native HTML Attributes (deq)13,422
html, aria, attributes, accessibility, comparisons
Comparing JavaScript Frameworks: Templates13,421
javascript, frameworks, templates, comparisons
Are We Watching the Internet Die? (edz)13,420
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness13,419
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)13,418
css, generated-content, alt-text, accessibility
Accessibility: Implementing Focus Traps13,417
accessibility, focus, keyboard-navigation
A Gentle Introduction to Generics in TypeScript13,416
introductions, typescript, generics
Optimising Your Design System With Figma’s Variables (uxd)13,415
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library13,414
javascript, libraries, lessons
CSS Button Styles You Might Not Know (dbu)13,413
html, css, buttons
Replace ESLint and Prettier With Biome.js13,412
biome, eslint, prettier, comparisons, tooling, remix
Jakob Has Jumped the Shark (aar)13,411
accessibility, link-lists
How to Invert the Colors Using CSS (ron)13,410
css, colors, filters, images
eslint-plugin-depend13,409
packages, npm, maintenance, simplicity
Access by a Thousand Curb Cuts (yat)13,408
accessibility
Creating Color Palettes With the CSS “color-mix()” Function (mic)13,407
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)13,406
css, style-queries, custom-properties
Navigating the Future of Frontend13,405
frameworks, web-platform, outlooks
Modern CSS Tooltips and Speech Bubbles II (css/sma)13,404
tooltips, css, techniques
How “HEAD” Works in Git (b0r)13,403
git
Dissecting Layered Architecture (yok)13,402
architecture
Asking Users for Their Pronouns: A Guide for UX Designers13,401
guides, user-experience, communication
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project13,400
how-tos, nodejs, environments
AVIF Is the Future of Web Images13,399
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)13,398
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)13,397
css, selectors, examples
Managing Static Files in Django: A Comprehensive Guide13,396
guides, django, file-handling
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)13,395
how-tos, accessibility, testing
90% of Designers are Unhirable? (uxd)13,394
design, processes, career
WebAssembly JSPI Is Going to Origin Trial13,393
webassembly
The Ultimate Guide to Choosing the Best React Website Builder13,392
guides, react, tooling, comparisons, link-lists
The End of My Gatsby Journey (mon)13,391
gatsby, frameworks, comparisons
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets13,390
shadow-dom, dom, css
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)13,389
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,388
design, usability, buttons
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)13,387
videos, css, selectors
Release Notes for Safari Technology Preview 190 (jon/web)13,386
release-notes, browsers, apple, safari
Making Room for Long List Markers With Subgrid (nol)13,385
html, lists, css, grids
Internationalization With Remix (rem)13,384
remix, internationalization
Exploring the Creative Power of CSS Filters and Blending13,383
css, blend-modes, filters, effects
Announcing TypeScript 5.4 (dan/typ)13,382
release-notes, typescript
5 Ways Productivity Culture Kills Business Agility13,381
productivity, agile, economics, culture
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers13,380
figma, keyboard-shortcuts, cheat-sheets, design
Data Table Design Patterns (uxd)13,379
information-design, tables, design-patterns
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)13,378
how-tos, design, usability, metrics, testing
WebKit Features in Safari 17.4 (jen+/web)13,377
release-notes, browsers, apple, safari, webkit
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)13,376
how-tos, websockets, nodejs
Best Practices for Inclusive Design13,375
design, dei, accessibility, best-practices
SemVer Simplified: An Introduction to Semantic Versioning13,374
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About13,373
performance, metrics, web-vitals, lighthouse, google
WCAG? More Like, W-What?! (stv)13,372
accessibility, wcag, link-lists
The 88×31 Archive13,371
web, images, history
Modern Git Commands and Features You Should Be Using13,370
git, command-line
JSR: Second Look (dbu)13,369
jsr
JavaScript Runs the World—Maybe Even Literally (wir)13,368
javascript, programming, web
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)13,367
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)13,366
design, collaboration
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr13,365
servers, hosting, comparisons, metrics
Visualizing Frontend Architecture (max)13,364
architecture, documentation, visualization
We Need to Talk About Jakob (mat)13,363
accessibility
Tools That Make Me Productive as a Software Engineer13,362
tooling, productivity, link-lists
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)13,361
npm, dependencies, examples, security
CSS for Printing to Paper13,360
css, print
Bugs I’ve Filed on Browsers (nol)13,359
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)13,358
accessibility, ai
Accessibility Darkness (ste)13,357
accessibility, overlays
Planning a Design System Generation (nat)13,356
design-systems, automation
Emerging UX Patterns in Generative AI Experiences (uxd)13,355
user-experience, design-patterns, ai
The Hunt for the Missing Data Type (hil)13,354
types, algorithms
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked13,353
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)13,352
robotstxt, crawling, scraping, ai
Design System Generations (nat)13,351
design-systems, processes
Retrofitting Fluid Typography (ric)13,350
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)13,349
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)13,348
javascript, comparisons
Team Productivity Metrics for Engineering Managers13,347
productivity, metrics, engineering-management
Modern CSS Tooltips and Speech Bubbles (css/sma)13,346
tooltips, css, techniques
Introducing JSR—the JavaScript Registry (lca+/den)13,345
introductions, jsr, deno, dependencies, javascript
Eloquent JavaScript (mar)13,344
websites, books, javascript
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All13,343
browsers, apple, mobile, web-apps
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)13,342
web-apps, apple
An Introduction to Webflow—the No-Code Website Builder13,341
introductions, webflow, low-and-no-code
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)13,340
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech13,339
community
Why Does “is-number” Package Have 59M Weekly Downloads?13,338
dependencies, npm
What You Need to Know About Software Requirements13,337
software-design, best-practices
What Is Inclusive Design, and How Does It Relate to Accessibility?13,336
design, dei, accessibility
Understanding Cookies and Sessions in React13,335
react, authentication, cookies
The Wax and the Wane of the Web (ste/ali)13,334
web-platform, history
Techniques to Break Words (aar)13,333
techniques, html, css, content
New to the Web Platform in February (rac/dev)13,332
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Keyboard Accessibility Testing on Mobile Devices13,331
accessibility, testing, keyboard-navigation, mobile
Diving Into CSS Interactivity (daw+/sto)13,330
videos, css
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)13,329
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX13,328
accessibility, usability, ai, outlooks
Creativity Lies in the Paradoxes (uxd)13,327
creativity, design
Ultimate Guide to Visual Testing With Playwright13,326
guides, testing, regressions, playwright
Top 8 Recent V8 in Node Updates (app)13,325
nodejs, v8
Test Quality vs. Bashing Tailwind CSS (mar)13,324
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)13,323
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)13,322
accessibility, math
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js13,321
how-tos, navigation, functionality, astro, tailwind, alpinejs
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)13,320
css, container-queries, units
Enhanced Internationalization (I18N) in Next.js 1413,319
nextjs, internationalization
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)13,318
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)13,317
html, css, forms
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)13,316
drag-and-drop, accessibility, browsers, screen-readers, support
The 3 Capabilities Designers Need to Build for the AI Era (uxd)13,315
design, career, training, ai, link-lists
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)13,314
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)13,313
multimedia, embed-code, youtube, html, privacy
What Is Vuetify in Vue.js?13,312
vuetify, vuejs
ServerlessHorrors (and)13,311
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)13,310
apis, performance, web-vitals
How to Use Server-Sent Events in Node.js (cra)13,309
how-tos, nodejs, events
How to Lazy-Load CodePen and CanIUse Embeds13,308
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI13,307
web, content, ai
AI and Design Systems (bra)13,306
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)13,305
videos, mistakes, dark-mode, css
A Guide to CSS Cursor Types13,304
guides, css, cursors
A Fun Line of Code (dbu)13,303
javascript, apis, multimedia
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)13,302
figma, tips-and-tricks
CSS Foundations: What Is IACVT? (bra)13,301
css, fundamentals
Why I Use Firefox (sim)13,300
browsers, mozilla, firefox
What Is a Single-Page Application? (hey)13,299
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)13,298
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)13,297
interviews, css, sustainability
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)13,296
apple, web-apps
No Outer Margin13,295
css, margins, spacing, components
How to Build a Newthing13,294
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)13,293
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)13,292
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)13,291
accessibility, screen-readers
Home Screen Advantage (sli)13,290
browsers, apple, mobile, support, web-apps, web-platform
The Power of Patterns and Playbooks in Content Design (kat/uxd)13,289
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)13,288
accessibility, screen-readers
Understanding Event-Driven Architecture13,287
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization13,286
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)13,285
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax13,284
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)13,283
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)13,282
accessibility, web, captcha
Why My Code Isn’t in TypeScript (rem)13,281
typescript
Proposal: CSS Variable Groups (lea)13,280
css, variables
A Developer’s Guide for Web Accessibility13,279
guides, accessibility
Navbar Gallery13,278
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)13,277
javascript, performance
UX Leadership Is Failing (and What We Can Do About It) (uxd)13,276
user-experience, leadership
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)13,275
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)13,274
jsr, deno, dependencies, javascript
htmx vs. React: A Complete Comparison13,273
htmx, react, comparisons
Filling Gaps With a Polyfill (jay)13,272
polyfills, html, css, javascript, history
Difference Between the Accessibility Page and the Accessibility Statement13,271
accessibility, documentation, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)13,270
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)13,269
videos, accessibility, aria, html, user-experience
Discovering Web Automation and Scraping (gli)13,268
scraping, automation, tooling
The One Trick Every Flutter Web Dev Needs to Know13,267
tips-and-tricks, flutter, performance
Making of True Multi-Brand Design System (uxd)13,266
design-systems, theming
CSS “::backdrop” Now Inherits From Its Originating Element (bra)13,265
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)13,264
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)13,263
css, apis, syntax-highlighting
Release Notes for Safari Technology Preview 189 (jon/web)13,262
release-notes, browsers, apple, safari
Parallax Effect With CSS Custom Properties (fro)13,261
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)13,260
nodejs, retrospectives
Next.js vs. Remix—a Developer’s Dilemma13,259
nextjs, remix, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)13,258
animations, tips-and-tricks
How to Optimize the Web for the Worst User Conditions?13,257
how-tos, user-experience, responsive-design, performance, optimization
10 Best “Create React App” Alternatives for Different Use Cases13,256
react, frameworks, tech-stacks, comparisons, link-lists
How to Make a Cursor Image Hover Effect With CSS and JS13,255
how-tos, css, javascript, images, cursors, hover
Design Patterns That Encourage Junk Data (mic)13,254
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js13,253
security, nodejs, databases, sql
My Design System Journey: Building the Plane While Flying (uxd)13,252
design-systems, collaboration, processes
Why Is JavaScript Fragile? (cfe)13,251
javascript
“random()” Distribution Visualizer13,250
javascript, randomness, visualization
Okay, Color Spaces (eee)13,249
colors, oklch
How to Use Local Storage in JavaScript (fre)13,248
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js13,247
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)13,246
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients13,245
videos, css, gradients, progress-indicators
Control Lazy Load, Infinite Scroll, and Animations in React13,244
react, lazy-loading, scrolling, animations, javascript
A Practical Guide to Using Shadow DOM (may)13,243
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)13,242
guides, accessibility, design, colors, color-blindness
Responsive Web Design: 3 Key Fundamentals (nng)13,241
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)13,240
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)13,239
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results13,238
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)13,237
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)13,236
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)13,235
collaboration, onboarding, user-experience
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)13,234
user-experience, product-management, processes
17 Equations That Changed the World—Rewritten in JavaScript13,233
javascript, math
100 Things You Can Do on Your Personal Website (cap)13,232
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)13,231
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine13,230
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)13,229
accessibility
Understanding React “useEffect”13,228
react, hooks
JavaScript Workers13,227
videos, javascript, web-workers
JavaScript on Demand: How Qwik Differs From React Hydration (the)13,226
javascript, qwik, react, hydration, comparisons
A Manifesto for Small, Static, Web Apps (ros)13,225
manifestos, web-apps, principles
UI = ƒ(statesⁿ) (dav)13,224
design, state-management
Popular Git Config Options (b0r)13,223
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)13,222
web-apps, apple
How to Set Up a Node Server With TypeScript in 2024 (jle)13,221
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks13,220
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
Be a Better Developer With These Git Good Practices13,219
git, best-practices, conventions, consistency, code-reviews
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)13,218
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)13,217
react
Playing With Infinity in CSS (lon)13,216
css, math
Making the Most of Ligatures (man)13,215
css, typography
How I Developed the 10 Usability Heuristics13,214
usability, heuristics, history
Getting to an Accessibility Strategy13,213
accessibility, strategies, processes
Future of CSS: Functions and Mixins13,212
css, functions, mixins
Full Guide on How to Hire Front-End Developers Effectively13,211
guides, how-tos, hiring, career
CSS “:is(.awesome)” (mar/cfe)13,210
videos, css, selectors, techniques
ARIA “note” (aar)13,209
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)13,208
ai
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)13,207
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)13,206
accessibility, aria, naming
What Is the Difference Between ASP and ASP.NET?13,205
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It13,204
performance, metrics, lighthouse, google
Wednesday, February 14, 2024 Security Releases (raf+/nod)13,203
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)13,202
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)13,201
accessibility, wcag
Input Type “date”: The Accessibility of HTML Date Picker13,200
accessibility, forms
How Accessibility Standards Can Empower Better Chart Visual Design (sma)13,199
accessibility, contrast, colors, information-design
Selenium Automation Testing: A Step-by-Step Beginners Guide13,198
guides, selenium, testing, automation
Building htmx and Go Web Apps With Gemini Advanced13,197
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)13,196
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)13,195
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)13,194
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)13,193
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)13,192
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)13,191
standards, css, colors
Be Aware of Arrays—V8 Engine Advice13,190
javascript, javascript-engines, v8, arrays
An Introduction to Node.js Multithreading (cra)13,189
introductions, nodejs, multithreading
Advanced Architecture for AI Application (aka AAAA) (aus)13,188
ai, architecture, edge-computing, optimization