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

→ 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#
The Death of Jamstack, the Rise of htmx, and Another AI Assistant (fro)11,608
podcasts, jamstack, htmx, ai
You Don’t Need a Mentor: Embracing the Power of Community (bek/ope)11,607
career, community, learning
Top 7 Things That Kill Developer Productivity11,606
productivity, technical-debt, code-reviews, documentation, processes, developer-experience
The Risks of Micro-Frontends11,605
podcasts, micro-frontends
Some Tactics for Writing in Public (b0r)11,604
writing, communication, community
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)11,603
forms, validation, progressive-enhancement, html, css
OpenAI’s ChatGPT New Web Crawler—GPTBot (rus/ser)11,602
crawling, ai, openai, chatgpt, seo
Migrating My Blog From Gatsby to Astro (sap)11,601
migrating, gatsby, astro
JSX Without React (chr)11,600
jsx, react
How to Improve Performance of Your Database by Indexing Large Tables11,599
how-tos, performance, databases, optimization
Blog SEO: 8 Tips to Optimize Your Posts (wpr)11,598
blogging, seo, wordpress, tips-and-tricks
Alt Text Hall of Fame (ste/alt)11,597
websites, accessibility, writing, alt-text, images
A Guide to Single-Page Application Performance11,596
guides, single-page-apps, developer-experience, performance, monitoring
Optimizing Speed on ebay.com (add)11,595
performance, optimization, web-vitals, case-studies
Responsive Images: DIY Implementation in 6 Steps11,594
images, html, responsive-design
Scrolljacking 101 (nng)11,593
scrolling, user-experience
Beautify Your Git Log With a Single Command11,592
git, command-line
A Compilation of Outstanding Testing Articles (With JavaScript)11,591
link-lists, testing, javascript
Nobody Cares About Your “Perfect” Code: Change Your Perspective11,590
quality, product-management
Assistive Technology Shouldn’t Be a Mystery Box (cod)11,589
browsers, assistive-tech, accessibility, web-platform, foss, support
How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (kis)11,588
how-tos, git, git-hooks
Implementing Design Tokens: Colors11,587
design-tokens, colors
Things You Forgot (or Never Knew) Because of React (col)11,586
react, frameworks, learning
The Next Generation of Web Layouts (zel)11,585
web-platform, design, layout
The Easy Intro to the APCA Contrast Method (myn)11,584
introductions, accessibility, colors, contrast, apca
Route-Based Code Splitting With React11,583
code-splitting, routing, react
Insertion Sort: A Deep Dive11,582
algorithms, sorting, deep-dives
How Google Measures Developer Productivity11,581
interviews, google, productivity, developer-experience, metrics
Finding My Blogging Path: Lessons From My Journey11,580
lessons, blogging, writing, career, community
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma)11,579
accessibility, content, images, best-practices, techniques
An Overview of CSS Sizing Units (web)11,578
overviews, css, units
Prepare to Spy on a Method Added Dynamically (bah)11,577
videos, javascript, cypress, testing, debugging
New DOJ Web Accessibility Regulation Is a Disaster11,576
accessibility, legal
How We Optimized Performance to Serve a Global Audience (sma)11,575
case-studies, performance, optimization
How Does Reflowing Content Affect People With Screen Magnification? (tpg)11,574
accessibility, reflow, assistive-tech, screen-magnification
Contextual Form Errors and ARIA (mar)11,573
accessibility, forms, html, aria
A Blog Post With Every HTML Element (pat)11,572
html, semantics
No Exit—Every Feed Is a Traffic Jam (mus/uxd)11,571
social-media, scrolling, user-experience
How to Use the CSS Grid “repeat()” Function11,570
how-tos, css, grids, functions, layout
PHP Isn’t That Bad, So Why the Hate? (pur)11,569
php, frameworks, myths
Understanding React Server Components11,568
react, components
Why Isn’t “z-index” Working? (una+/dev)11,567
videos, css, positioning
What’s New in Svelte: August 2023 (sve)11,566
release-notes, svelte, sveltekit
Splitting the Web (plo)11,565
web
Mixing Colors to Create Variants in CSS (ami)11,564
colors, css
Midori Browser Will Change Its Engine to Gecko11,563
browsers, gecko, browser-engines
I’m Betting on HTML11,562
html, semantics
Evading JavaScript Anti-Debugging Techniques (voi)11,561
javascript, debugging
CSS and Accessibility: Inclusion Through User Choice (car/sma)11,560
css, accessibility, dei, user-experience
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)11,559
css, functions, animations
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)11,558
accessibility, buttons, processes
SECURITY.md: Should I Have It? (mry/ecl)11,557
security, documentation
Why I No Longer Believe in Content Design (uxd)11,556
content, design, writing
What Happens When Developers Are Liable for Accessibility?11,555
accessibility, legal
Tuesday, August 8, 2023 Security Releases (raf/nod)11,554
release-notes, nodejs, security
The Virtual Keyboard API (sha)11,553
apis
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)11,552
screen-readers, accessibility, pronunciation
Start by Writing Messy Code11,551
processes, learning
Randomness in CSS Using Trigonometry11,550
css, randomness
New to the Web Platform in July (rac/dev)11,549
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
How to Earn High-Authority Links That Drive Rankings (moz)11,548
how-tos, seo, links
Front End Practice: Top 25+ JavaScript Code Best Practices for Development11,547
javascript, best-practices
Contrast Checker Bookmarklet (web)11,546
bookmarklets, accessibility, colors, contrast
Accessibility Represents Maturity (tem)11,545
accessibility, culture
A Future of Themes With CSS Container Style Queries (chr)11,544
css, style-queries, theming
Should New Developers Use AI Coding Tools?11,543
ai, productivity, tooling, career, learning
Resume and Pause Animations in CSS (ami)11,542
css, animations
An Update on Site Names11,541
domains, google, search
Toggles Suck!11,540
toggles, design, usability, user-experience
Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey11,539
javascript, webassembly, python, spidermonkey
Mastering Git Shortcuts: A Guide to Git Aliases11,538
guides, git, aliases, productivity
If Web Components Are So Great, Why Am I Not Using Them? (dav)11,537
web-components
How to Define an Array of Colors With CSS (css/sma)11,536
how-tos, css, arrays, colors
How “position: absolute” Works in CSS Grid (zor/css)11,535
videos, css, grids, layout
Do We Need WCAG 3 (Now)? (yat)11,534
accessibility, wcag, standards
Design Systems Management From Bottom–Up11,533
design-systems, processes
You Probably Don’t Need “http-equiv” Meta Tags (rvi)11,532
html, metadata, http, performance
What Is Platform Engineering (and What Is It Not)?11,531
platform-engineering
The Web Development Glossary 3K (j9t/fro)11,530
books, frontend-dogma, learning, training, concepts, terminology
The Future of Design Systems Is Semantic (fig)11,529
design-systems, design-tokens, processes
Speeding Up V8 Heap Snapshots (jda)11,528
javascript, javascript-engines, v8, performance, memory
Release Notes for Safari Technology Preview 175 (jon/web)11,527
release-notes, browsers, apple, safari
How to Make Your Captions and Audio Descriptions WCAG-Compliant11,526
how-tos, multimedia, captions, compliance, wcag, accessibility
Complete Guide to Human-Computer Interaction (HCI)11,525
guides, hci
Adapting Typography to User Preferences With CSS (arg/dev)11,524
typography, css, customization
How I Name and Arrange My Color Variables in Figma11,523
colors, variables, figma, conventions
Be an Active Ally for Those Living With Disabilities (wom)11,522
accessibility, dei
CrBug Release Indicator (bra)11,521
browsers, chromium, tooling
The Joy of Simplicity in Web Development (cfe)11,520
simplicity, processes
Testing a Component’s Accessibility11,519
videos, accessibility, testing, components
Tailwind, and the Death of Web Craftsmanship11,518
tailwind, craft, quality
Publishing With npm Provenance From Private Source Repositories Is No Longer Supported (git)11,517
github, npm, provenance, security, foss
Is Jamstack Officially Finished? (rem)11,516
tech-stacks, jamstack, community
How to Use CSS “aspect-ratio”11,515
how-tos, css, aspect-ratio
Help Design the Inaugural “State of HTML” Survey (lea)11,514
html, community
Solving the Accessibility Palette Riddle (uxd)11,513
accessibility, colors, color-palettes
Application State Management With Angular Signals11,512
state-management, angular, signals
What to Do When Your Developers Don’t Collaborate11,511
processes, collaboration
Web Accessibility in High-Risk Segments (kar)11,510
accessibility, compliance, legal
Vision for W3C (cdu/w3c)11,509
outlooks, web, web-platform, standards, w3c
The Rise of Minimalism in Web Design: Less Is More11,508
minimalism, design
The Excellent Arc Browser Is Now Available for Anyone to Download (dav/ver)11,507
browsers, arc, the-browser-company
Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (soc)11,506
security, malware, npm
Promises Training11,505
javascript, promises, training, courses
Microservices vs. Micro Frontends: What’s the Difference?11,504
microservices, micro-frontends, comparisons
Fetching Data From an HTTP API With Python (sil)11,503
data-fetching, apis, python
Combining Data With Multiple Fetch Requests (ste)11,502
javascript, arrays, data-fetching
Blockquotes in Screen Readers (aar)11,501
accessibility, screen-readers, support, html
WebKit Features in Safari 16.6 (jen/web)11,500
release-notes, browsers, apple, safari, webkit
Understanding the WCAG 3 Working Draft Update11,499
accessibility, wcag
The Problem With Auto-Generated Alternative Texts for Images (dni)11,498
accessibility, ai, writing
The New “X” Button Doesn’t Close the Website11,497
user-experience, community, social-media
SVG Gradients: Solving Curved Challenges11,496
svg, images, gradients
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)11,495
security, web, surveys
I Blame the W3C’s HTML Standard for Ordered Lists (sid)11,494
html, lists, semantics
Getting Started With Pico CSS (log)11,493
introductions, pico
Eleventy SMACSS (jus)11,492
eleventy, smacss, css
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)11,491
performance, web-vitals, seo
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)11,490
user-experience, strategies
6 Ways ChatGPT Can Improve Your SEO (moz)11,489
ai, chatgpt, seo, metadata, code-generation
10 Simple CSS and JavaScript Micro-Interactions for Buttons11,488
css, javascript, buttons, effects
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons11,487
comparisons, bootstrap, tailwind, unocss
Using Imagery in Visual Design (nng)11,486
design, images, content
Good Code Is— (j9t)11,485
quality, terminology
Effective Code Reviews (add)11,484
code-reviews, processes, learning, career
Enable Hover Conditionally in CSS (ami)11,483
css, hover
Why Learning to Program Is Easier Now, but Also Way Harder Than Before11,482
programming, learning, productivity, developer-experience
The Art of Looking Back: A Critical Reflection for Individual Contributors (sma)11,481
processes, career, productivity
Installing Multiple Versions of Node.js Using nvm11,480
nodejs, nvm
How SEOs and UX Designers Can Work Better Together (moz)11,479
seo, user-experience, design, collaboration
CSP Testing Using Cypress (bah)11,478
csp, testing, cypress
Accessible Animated GIF Alternatives (tyl/clo)11,477
accessibility, animations, gif, multimedia, comparisons
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec/dev)11,476
videos, dev-tools, browsers, google, chrome, network, webassembly, release-notes
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)11,475
accessibility, guidelines, wcag, standards
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why11,474
accessibility, quality, maintenance
How to Use CSS “object-fit” and “object-position”11,473
how-tos, css, images
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)11,472
programming, quality, maintainability, communication
From Mid to Senior: Time Management and Prioritization11,471
career, productivity, prioritization
Ember JS Essentials: A Beginner’s Guide11,470
fundamentals, guides, emberjs
DX in the Frontend Developer Ecosystem (ste)11,469
videos, developer-experience
Design Systems: Avoiding Common Pitfalls (vig)11,468
design-systems
CSS Cascade Layers (odd)11,467
videos, css, cascade
A Guide to Perfecting Pull Requests11,466
git, code-reviews, collaboration, foss
What Is the Bento UI Trend, and How Can You Get Started? (web)11,465
design, trends
Visually Hidden Links With 0 Dimensions (mat)11,464
hiding, accessibility, links, focus, apple, safari
User Input Sanitization and Validation: Securing Your App11,463
security, sanitization, validation, conformance
SvelteKit in 100 Seconds (fir)11,462
videos, introductions, sveltekit
How to Build and Deploy a Modern Day Next.js Application11,461
how-tos, nextjs, building, deploying
How Platform Teams Get Stuff Done (ph1/mfo)11,460
productivity, processes, platform-engineering
Encoding: A Brief History and Its Role in Cybersecurity11,459
encoding, unicode, security, history
11ty: Index All The Things! (lea)11,458
eleventy, pagination
An Introduction to LangChain, Python, and OpenAI11,457
introductions, langchain, python, openai, ai
Figma Now Supports “rem” Units: Understanding the Use and Benefits (uxd)11,456
figma, css, units, support
Signals Make Angular Much Easier11,455
angular, signals
Getting Started With CSS Nesting (kev)11,454
videos, introductions, css, nesting
Getting Instant Return From Your Accessibility Testing (kar)11,453
accessibility, testing
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?11,452
discussions, javascript, frameworks
Upgrading an Ancient React Application11,451
react, maintenance
The Power of Git: A Guide to Collaborative Version Control (bek/ope)11,450
guides, git, collaboration
The 10 Commitments of an Agile Leader11,449
agile, processes, collaboration, leadership, engineering-management
O “dialog” Focus, Where Art Thou? (mat)11,448
accessibility, modals, html, focus
Node.js Security Progress Report—17 Reports Closed (ope)11,447
nodejs, security
Fluid vs. Responsive Typography With CSS Clamp (its/log)11,446
css, functions, typography, responsive-design
Advanced Positioning in CSS Grid (zor/css)11,445
videos, css, grids, positioning, layout
5 Inconvenient Truths About TypeScript (dea)11,444
typescript, javascript, complexity
What Is TanStack11,443
tanstack, vercel
It’s All About Complexity (max)11,442
complexity
Using Emoji on the Web (oll)11,441
emoji, fonts, support, unicode
Stick to Boring Architecture for as Long as Possible (add)11,440
architecture
How I Structured My Design System Using Figma’s New Variables (uxd)11,439
design-systems, design-tokens, figma, variables
Lightweight JavaScript Framework Review (for Django Developers)11,438
javascript, frameworks, comparisons, link-lists, django
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use (uxd)11,437
accessibility, forms, react, testing
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)11,436
css
WordPress 6.3 to Introduce a Development Mode (sar)11,435
wordpress
Scroll Progress Animations in CSS (mic/mdn)11,434
css, scrolling, animations, progress-indicators
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)11,433
accessibility, interoperability, screen-readers, assistive-tech, jaws
Figma Typography Secrets—Seven Pro Tips Revealed (pim)11,432
typography, figma
Down-and-Across Highlighting (mey)11,431
code-pens, css, tables, effects
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management11,430
guides, npm, dependencies
15 Advanced TypeScript Tips for Development11,429
typescript, tips-and-tricks
Why Design Systems Fail11,428
design-systems, lessons
[WebKit] Standards Positions (web)11,427
webkit, standards, support
Useful Functions for [an] HTTP Server11,426
deno, servers, http, functions
Mock JSON API Endpoints for Testing (ami)11,425
json, apis, testing
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide11,424
guides, tailwind, responsive-design, grids, layout
Getting Started With Tailwind CSS: A Quick-Start Guide11,423
introductions, guides, tailwind
CSS Findings From the Threads App (sha)11,422
css, case-studies, facebook+meta
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide11,421
guides, tables, tailwind
Better Roadmaps11,420
project-management, processes
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)11,419
leadership, dei, accessibility
How to Use Your Intuition in Your Product Design Process (uxd)11,418
how-tos, design, product-management, processes
Preload vs. Early Hints vs. Fetch Priority11,417
videos, performance, html, http, hints, comparisons, preloading
Top 20 Must-Know Tips for Web Accessibility11,416
accessibility, tips-and-tricks
The Magic of Empty Git Commit11,415
git, command-line
The alt-text.org Project Is Moving Forward (han)11,414
accessibility, writing
Release Notes for Safari Technology Preview 174 (mar/web)11,413
release-notes, browsers, apple, safari
Recent Design11,412
websites, design, link-lists
JPEG XL: How It Started, How It’s Going11,411
images, compression, jpeg-xl
How AI Is Making Web Design More Efficient (web)11,410
ai, design, efficiency
From Nunjucks to Liquid (mor)11,409
template-engines, nunjucks, liquid, migrating
Developer’s Research Process (cit)11,408
research, processes
Arrays and Tuples in TypeScript (fro)11,407
typescript, arrays
A Case Study on Scroll-Driven Animations Performance (dev)11,406
animations, scrolling, performance, css, javascript
3 Common Types of Test Automation (dev)11,405
testing, automation
Loading and Progress Indicators (uxd)11,404
performance, user-experience, design-patterns, progress-indicators
A Guide to Variables in Figma11,403
guides, variables, figma
TypeScript and the Dawn of Gradual Types (rww/git)11,402
typescript
Tailwind CSS Tips and Tricks Worth Knowing (bui)11,401
tailwind, tips-and-tricks
Storing Data in Control Flow (rsc)11,400
programming
Sass Features in CSS (chr)11,399
css, sass
Permission (ada)11,398
web, seo, google
Organize TypeScript Types With Namespaces11,397
typescript, namespaces
My Journey to Learning CSS (kev)11,396
videos, css, learning
Introduction to CSS Grid: A Comprehensive Guide11,395
guides, css, grids, layout
Tree Shaking in JavaScript11,394
javascript, performance, tree-shaking
Getting Started With Vector Databases in Node.js11,393
introductions, nodejs, databases, vector-databases
The Anatomy of a Perfect Landing Page That Converts (uxm)11,392
landing-pages, user-conversion
Mockups Explained (uxm)11,391
design, processes
Making Numbers in Web Content Accessible (ons/tpg)11,390
accessibility
JavaScript Debounce, Easiest Explanation (With Code)11,389
debouncing, javascript
Invisible Details of Interaction Design11,388
interaction-design, design, user-experience
How to Prevent Unnecessary React Component Re-Rendering11,387
how-tos, react, client-side-rendering, performance
Getting Started—Understanding the History of Web Accessibility11,386
videos, introductions, accessibility, history
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)11,385
memory, dev-tools, browsers, google, chrome, microsoft, edge
Developing Inclusivity Features (uxm)11,384
design, accessibility, dei
Data-Driven Design: The Rise of Big Data in UX (uxm)11,383
design, metrics, user-experience
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS11,382
caching, fingerprinting, react
React Design Patterns11,381
react, software-design-patterns
How to Improve the Release Frequency of Your Team?11,380
how-tos, releasing, processes, agile, scrum
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator11,379
introductions, jekyll
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)11,378
css, media-queries, javascript, html, dark-mode
Awesome List of Free CSS [Generators]11,377
link-lists, css, code-generation, tooling
The Decline in Design (Thinking) (uxd)11,376
design, user-experience
Use Case-Driven Standards Development11,375
standards
New Viewport Units (sha)11,374
viewport, css, units, responsive-design
Deploying a Fastify and Vue 3 Static Site to Heroku11,373
deploying, fastify, vuejs, heroku
Strategic UX Research Is the Next Big Thing (uxd)11,372
user-experience, research, strategies
Unleashing Lightning CSS11,371
css, tooling, lightning-css
The New “@ font-face” Syntax (oll)11,370
css, fonts
Testing the Dark Scenarios of Your Node.js Application11,369
nodejs, testing
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)11,368
css, effects, images
htmx in 100 Seconds (fir)11,367
videos, introductions, htmx
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)11,366
components, css, refactoring, maintenance
Four Lenses of Productivity11,365
research, productivity
URL Explained: The Fundamentals (itt)11,364
terminology
There’s No Such Thing as a “Normal” User (kar)11,363
accessibility
The Case Against Self-Closing Tags in HTML (jaf)11,362
html
Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (kil/pol)11,361
css, positioning, layout
Just Normal Web Things (hbu)11,360
web, user-experience
Is Lighthouse a Misleading Performance Tool?11,359
performance, google, lighthouse, web-vitals, tooling
An Introduction to Native CSS Nesting (cra)11,358
introductions, css, nesting
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (dbo)11,357
leadership, dei, accessibility
Redundancy Is Great11,356
information-design
When User Testing Sessions Bring Up Trauma (uxd)11,355
user-experience, testing
Understanding JWTs: A Simple Guide for Beginners11,354
guides, json-web-tokens
Resources for Procurement of Accessible Digital Products and VPAT (den)11,353
accessibility, vpat-acr, conformance, tooling, link-lists
Origin Trials and Tribulations (rvi)11,352
web-platform, browsers, metrics
Multithreading With Worker Threads in Node.js (app)11,351
nodejs, multithreading, worker-threads
Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management11,350
introductions, guides, kanban, agile, project-management
How to Validate HTML On-Line at W3C (wie)11,349
how-tos, html, conformance, tooling
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)11,348
youtube, twitter+x, open-graph, social-media, metadata, images
CSS Only Floating Labels11,347
css, floats, forms, labels
Creating SVG Animations Using Tailwind CSS11,346
svg, images, animations, tailwind
Can We Query the Root Container? (mia/odd)11,345
css, container-queries
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus11,344
css, preprocessors, less, sass, stylus, comparisons
Introduction to MongoDB and NoSQL Databases11,343
introductions, databases, mongodb
See What’s New in Firefox [115.0] (moz)11,342
release-notes, browsers, mozilla, firefox
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)11,341
performance, user-experience, user-conversion, metrics, economics
The Trick to Smoothly Animating Shadows in CSS (kev)11,340
videos, css, animations, shadows
The “article” Element and Screen Readers (mat)11,339
html, screen-readers, accessibility, support
Making the Switch: From Yarn/npm to pnpm11,338
yarn, npm, pnpm
Design for the Web Without Figma11,337
design, tooling
Build a Simple Beginner App With Node, Bootstrap, and MongoDB11,336
web-apps, nodejs, bootstrap, mongodb
Are We There Yet? (svg)11,335
css, colors, history
90s Websites—Key Characteristics and Examples11,334
design, history, trends, navigation, colors, typography
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)11,333
accessibility, browsers, screen-readers, assistive-tech
Understanding SVG Paths11,332
svg, images
HTML Form Validation Using Cypress11,331
forms, validation, cypress
How I Am Blogging the IndieWeb Way (liz)11,330
blogging, indieweb, automation
Differences Between vi and Vim Text Editors Explained11,329
vi+vim, code-editors, comparisons
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)11,328
how-tos, accessibility, aria, auditing
And 4 More HTML Concepts You Didn’t Know (j9t)11,327
html, concepts, web-components
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide11,326
how-tos, guides, nodejs, command-line, servers, ssh
AI and the Automation of Work11,325
ai, automation, processes
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)11,324
design, principles, user-experience, dei
How to Measure the Impact of a Design System? (uxd)11,323
how-tos, design-systems, metrics
The Big Problem With Variables in Figma (uxd)11,322
figma, variables
How to Tackle Docker and Kubernetes for Frontend11,321
how-tos, containerization, docker, kubernetes
Setting Expectations for the Node.js Test Runner (cji)11,320
nodejs, testing
State of the Web: Deno11,319
deno
Observing Node.js Processes With eBPF11,318
monitoring, nodejs
In Defence of “DOM­Content­Loaded” (css)11,317
javascript, dom, performance
Identify Unused npm Packages in Your Project (ami)11,316
npm, dependencies, maintenance
Designers Who Code, What Is It Good For? (fra)11,315
design, career
Angular Is Getting New Template Syntax (dan)11,314
angular
The “details” Element and In-Page Search (mat)11,313
html, disclosure-widgets, search, browsers, user-experience
React Developers Love Preact, Here’s Why (hac)11,312
react, preact, comparisons
New to the Web Platform in June (rac/dev)11,311
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Introduction to JSX11,310
introductions, jsx, react
CommonJS Is Hurting JavaScript (den)11,309
javascript, commonjs
The Importance of Verifying Webhook Signatures11,308
security, webhooks
WCAG 2.2, Quick and Simplified11,307
wcag, accessibility, standards
Accessible Overlays Aren’t Accessible (uxd)11,306
accessibility, overlays
What’s the Perfect Design Process? (vit/sma)11,305
design, processes
What’s Next for Redux With Mark Erikson (ace)11,304
videos, interviews, react, redux, state-management
Understanding TypeScript Generators (log)11,303
typescript
Under-Engineered Comboboxen? (aar)11,302
forms, html, css, accessibility
Solved: Tricky Floating Image Alignment (tyl/clo)11,301
css, floats, layout, alignment, responsive-design
JavaScript Gom Jabbar11,300
javascript
Introduction to MySQL Data Types11,299
databases, mysql, types
How to Build Things People Want to Use11,298
how-tos, user-experience
Combat Accessibility Decay: How to Maintain Ongoing Accessibility11,297
how-tos, accessibility, processes
An Introduction to the View Transitions API (cra)11,296
introductions, css, view-transitions, apis
Feature Flags Configuration, Instrumentation, and Use (git)11,295
videos, feature-management, releasing, testing
The SOLID Principles: Writing Scalable and Maintainable Code11,294
principles, solid, scalability, maintainability
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?11,293
npm, yarn, pnpm, comparisons, performance, best-practices
Getting Started With Native Design Tokens in Figma (luk/uxd)11,292
design-tokens, figma, introductions
JavaScript Console Methods: A Deep Dive11,291
javascript, console, methods, debugging, deep-dives
Why You Must Commit to Grounding Every DEI-Related Effort With Data11,290
interviews, dei, processes, metrics
Web and App ADA Lawsuits: 6 Trends So Far in 202311,289
accessibility, ada, legal, trends
Release Notes for Safari Technology Preview 173 (jen/web)11,288
release-notes, browsers, apple, safari
Position-Driven Styles (kiz)11,287
css, animations
On Feedback11,286
communication, collaboration, culture
How to Use CSS “background-size” and “background-position”11,285
how-tos, css, backgrounds
Form and Search Landmarks (mat)11,284
html, aria, forms, browsers, assistive-tech, support
4 Ways to Improve Mobile Accessibility (kar)11,283
accessibility, mobile
The Fake Aura of Care in UX (uxd)11,282
user-experience
Amplify Design Values Through Building Design System (uxd)11,281
design, design-systems
The Massive Bug at the Heart of the npm Ecosystem11,280
npm, dependencies, security
What’s Next for JavaScript: New Features to Look Forward To (mar/the)11,279
javascript
Screen Magnification: Digital Accessibilitiy11,278
videos, accessibility, assistive-tech, screen-magnification
Popular DevTools Tips (pat/sma)11,277
browsers, dev-tools, tips-and-tricks
Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams11,276
feature-management, experiments, testing, metrics
Demystifying JavaScript Operators: What Does That Symbol Mean?11,275
javascript, operators
Building Sliding Cards With “position: sticky;” (sar)11,274
css
What Does the Image “decoding” Attribute Actually Do? (tun)11,273
html, attributes, images, performance
Faking a “:snapped” Selector With Scroll-Driven Animations (bra)11,272
css, selectors, animations, scrolling
What’s Your Type? Try These Tests to Pick the Perfect Font for You (was)11,271
design, typography, fonts
Transition Between Pages Smoothly With a Single Line of Code (cit)11,270
css, transitions
Top Tips From a Web Accessibility Evaluator at WebAIM (web)11,269
accessibility, webaim, auditing, tips-and-tricks
Tips for Upgrading Your Techstack for Faster Frontend Development11,268
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
The Novel Engines: Servo (bka+/iga)11,267
podcasts, browser-engines, servo, browsers
Qwik Introduction—a Framework That Goes Fast11,266
videos, introductions, qwik
Mapping Typography (sco/9el)11,265
videos, typography, css
Magnification and Zoom Accessibility Guide—Everything You Need to Know11,264
guides, accessibility, screen-magnification, zooming
Live Regions in React11,263
react, aria, live-regions, accessibility
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)11,262
how-tos, colors, css
Going Beyond Constants With Custom Properties (uti/iod)11,261
css, custom-properties
AI Is Killing the Old Web, and the New Web Struggles to Be Born (ver)11,260
ai, web
A Beginner’s Guide to Laravel: Introduction and Key Features11,259
guides, introductions, laravel
Understanding Space-Based Architecture11,258
architecture
Mixing Colors With CSS (mrt)11,257
colors, css
An Introduction to Parser Combinators11,256
introductions, parsing
Introduction to Cloud Computing11,255
introductions, cloud-computing
XML Is the Future11,254
web, processes
WebSockets 101 (thi)11,253
introductions, protocols, websockets
Using BEM for Design System Tokens11,252
css, bem, design-tokens, conventions
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript11,251
introductions, security, vulnerabilities, nodejs, javascript
Choosing a Color Palette (nng)11,250
videos, design, colors, color-palettes
Understanding Authorization Before Authentication: Enhancing Web API Security11,249
authorization, authentication, apis, security, comparisons
The Case for Variables11,248
sass, css, variables, custom-properties, json, figma
Text Wrap Pretty Is Coming to CSS (ami)11,247
css, typography
Debugging INP (scr)11,246
videos, performance, debugging, web-vitals
Converting [a] JavaScript Codebase to TypeScript11,245
javascript, typescript, migrating, refactoring
All You Need to Know About CORS and CORS Errors11,244
security, cors, errors
Component Driven User Interface Testing (CDUIT)11,243
components, testing
The Unlikely Story of UTF-8: The Text Encoding of the Web11,242
unicode, history
The Cost of JavaScript 2023 (add)11,241
videos, javascript, performance
Introducing the MDN Playground: Bring Your Code to Life (mdn)11,240
introductions, mozilla, mdn, documentation, testing
Future CSS: State Container Queries (sha)11,239
css, container-queries
Announcing Svelte 4 (sve)11,238
release-notes, svelte
Debugging Commands Every Linux Administrator Should Know11,237
debugging, command-line, unix-like
How Designers Can Beat AI at Design (uxd)11,236
design, ai
Designing for Inclusion (uxd)11,235
design, dei, accessibility
Using Multiple Selectors With JavaScript Selector Methods (cfe)11,234
javascript, selectors, methods
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)11,233
videos, css, selectors
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (deq)11,232
wcag, accessibility, testing, tooling
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)11,231
javascript, web-platform, performance
The 5 Pillars of Every HTTP Request11,230
http
Design Systems Directory11,229
websites, design-systems
CSS in Micro Frontends11,228
css, micro-frontends
Cascade Layers Are Useless * (mat)11,227
css, cascade
Creating a Flexible Design Token Taxonomy for Intuit’s Design System11,226
design-tokens, design-systems
W3C Launch Their New Website (sim/stu)11,225
w3c
Top 6 AI Coding Assistants in 202311,224
ai, tooling
Three Key Principles for an Accessible Website11,223
principles, accessibility
Thoughts From “Meet Safari for Spatial Computing” (jim)11,222
apple, safari, spatial-web, accessibility, responsive-design
Style Your RSS Feed (dar)11,221
css, syndication, rss, atom
State of CSS 2023 (sac/dev)11,220
surveys, css
Making Your Design Tokens Future-Proof (and)11,219
design-tokens
Continuous Accessibility (a11)11,218
websites, accessibility, processes
Authentication vs. Authorization11,217
authentication, authorization, comparisons
ExtJS for Beginners11,216
extjs
Why UX Testing Is Critical to Your Web Site’s Success (uxm)11,215
user-experience, testing
Radix UI Component With Next.js and Tailwind CSS11,214
videos, components, radix, nextjs, tailwind
Packaging and Selling a Node.js App11,213
nodejs
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)11,212
gatsby, internationalization
Can Web Developers Be Held Liable?11,211
accessibility, legal
Button Types (ada)11,210
html, buttons
Balancing Users’ Needs and Business Goals in UX Design (uxm)11,209
user-experience, design
Balancing Users’ Data Privacy and the User Experience (uxm)11,208
privacy, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)11,207
dependencies, maintenance, renovate, configuration
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)11,206
navigation, scrolling, user-experience
The New CSS (mat)11,205
css, design, web-platform
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)11,204
javascript, import-maps
How to Clean Up Your Local Repository With Git Commands (thi)11,203
how-tos, git, command-line, maintenance
It’s Time for Dimensional Thinking in Design (uxd)11,202
design, ai
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples11,201
tutorials, guides, databases, indexeddb, examples
Git Concepts Everyone Should Know (fra)11,200
git, concepts
Wolvic 1.4 Released (wol)11,199
release-notes, wolvic, igalia, browsers
TypeScript 5.2’s New Keyword: “using” (mat)11,198
typescript
The Five Types of People Who Produce Inaccessible Code (eri)11,197
accessibility, community
Standardising Design Tokens (oll)11,196
design-tokens, conventions
Scoping (mat)11,195
css, scope
Create React UI Lib: Component Library Speedrun11,194
typescript, react, components, npm
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)11,193
css, animations, transitions, scrolling, custom-properties, style-queries
What’s UnAI-Able11,192
ai
What Are Deceptive Patterns?11,191
user-experience, dark-patterns
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers11,190
tips-and-tricks, programming
The Next Phase of Eleventy: Return of the Side Project (zac)11,189
eleventy
HTML Imports (w3c)11,188
html
How to Add a CSS Reveal Animation to Your Images (css)11,187
how-tos, css, animations, images
Django: A Security Improvement Coming to “format_html()” (ada)11,186
django, security, html
An Explosion in Software Engineers Using AI Coding Tools? (ger)11,185
ai, code-completion, productivity
A Guide to Coding Standards to Improve Code Quality11,184
guides, conventions, formatting, consistency, quality
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)11,183
accessibility, testing, forms
Simplify Email Development With MJML: A Beginner’s Guide11,182
email, mjml, guides
How (and Should?) We Stop the Infinite Scroll (uxd)11,181
user-experience, scrolling
Using Color Wheel Combinations in Your Designs (web)11,180
colors, design
Puppeteer in Node.js: More Antipatterns to Avoid (app)11,179
nodejs, scraping, testing, anti-patterns, puppeteer
npm Won’t Publish Packages Containing the Word “keygen”11,178
discussions, npm, dependencies
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)11,177
how-tos, svelte, sveltekit, web-apps, server-side-rendering
End-to-End Tracing11,176
observability, tracing, case-studies
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)11,175
design, accessibility, css, comparisons
Cyclic Dependency Space Toggles (kiz)11,174
toggles, css, custom-properties
When and Why to Use a Click Test11,173
usability, testing
Tuesday, June 20, 2023 Security Releases (raf/nod)11,172
release-notes, nodejs, security
The Gotchas of CSS Nesting (kil)11,171
css, nesting
Rebuilding a Comment Component With Modern CSS (sha)11,170
functionality, components, css
Nuxt in 100 Seconds (fir)11,169
videos, introductions, nuxt
Naming Components11,168
design-systems, components, naming
Positioning Anchored Popovers (hdv)11,167
pop-overs, css, positioning
“margin-trim” as a Best Practice? (chr)11,166
css, margins
Gatsby Headaches and How to Cure Them: I18N (mon/sma)11,165
gatsby, internationalization
Chrome for Testing: Reliable Downloads for Browser Automation (mat/dev)11,164
browsers, google, chrome, testing
Blur Vignette Effect in CSS11,163
css, effects
Bottom Sheets: Definition and UX Guidelines (nng)11,162
terminology, guidelines, mobile, user-experience
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)11,161
css, web-platform
How to Learn Programming11,160
how-tos, learning, programming
How to Highlight Required and Optional Form Fields (ada)11,159
how-tos, forms, mistakes, usability
CSS! CSS! CSS! (mat)11,158
css, community
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now11,157
html, viewport, metadata, accessibility, responsive-design
An Introduction to DevOps11,156
introductions, dev-ops
That’s Not How I Wrote CSS Three Years Ago (mat/css)11,155
videos, css, support
Shining Light on the Shadow DOM (cas/css)11,154
videos, shadow-dom, dom
Modern CSS for Dynamic Component-Based Architecture (5t3)11,153
css, architecture, components
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)11,152
videos, css, scrolling, animations, view-transitions
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)11,151
videos, css, browsers, microsoft, internet-explorer, support, history
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)11,150
design, strategies
CSS Containers, What Do They Know? (mia/css)11,149
videos, css, container-queries
Best Animation Libraries for React11,148
libraries, animations, react, link-lists
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)11,147
css, scrolling
Why Doesn’t CSS Have Scope? (hey/css)11,146
videos, css, scope
The Universal Focus State (eri)11,145
accessibility, focus, css
Style Recalculation Secrets They Don’t Want You to Know (pat/css)11,144
videos, css, selectors, performance
Sticky Content: Focus in View (tet)11,143
accessibility, focus, scrolling, css
State of the CSS Community (una/css)11,142
videos, css, community
No, “AI” Will Not Fix Accessibility (aar)11,141
accessibility, ai
Must Know JavaScript API—IndexedDB API11,140
databases, indexeddb, javascript, apis
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)11,139
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Designing a Scalable Backend in Node.js (app)11,138
software-design, scalability, nodejs
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)11,137
videos, dev-tools, browsers, google, chrome
Best Practices for Container Queries (zel)11,136
best-practices, container-queries, css
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)11,135
checklists, performance, compression, dependencies, accessibility, legibility, naming
Are Simple Websites Better for Business? (web)11,134
design, simplicity
48 Laws, Rules, and Principles of Web Development (j9t)11,133
programming, principles, terminology
Reducing Complexity in Front End Development (mic)11,132
complexity, performance, css, javascript
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)11,131
standards, accessibility, aria, rich-internet-apps
What’s New in CSS (jen)11,130
videos, css, apple
Tokens Are the Most Valuable Artifact a Design System Can Provide11,129
design-systems, design-tokens
The Ultimate Guide to Writing Technical Blog Posts (bla)11,128
guides, writing, blogging
Styling Scrollbars (oll)11,127
scrolling, css
RSC From Scratch: Server Components11,126
videos, react, components
Modern CSS in Real Life (chr)11,125
css
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)11,124
information-design, user-experience, tables, grids
Be Careful With “ch” Units (cit)11,123
css, units
Assume the Position—a Labeling Story (llo/tpg)11,122
accessibility, forms, labels, html
Angular at Google I/O 2023 (ang)11,121
release-notes, angular, google
Accessibility and Artificial Intelligence (joe)11,120
accessibility, ai
What Is Open Graph? How to Use It for Your WordPress Website?11,119
how-tos, open-graph, html, social-media, wordpress
Primitive Objects in JavaScript: When to Use Them (sma)11,118
javascript, objects
One More Thing—Apple’s Push on Web Apps on macOS11,117
apple, web-apps
Is React Having An AngularJS Moment?11,116
react, angularjs
An Introduction to Debugging in Node.js (cra)11,115
introductions, debugging, nodejs
Accessibility Testing—Pay Attention to the Details11,114
accessibility, testing
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)11,113
user-experience, accessibility, focus, forms
test262.fyi11,112
websites, javascript, ecmascript, javascript-engines, v8, spidermonkey
New Job? Negotiate as if Your Life Depends on It11,111
career
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance11,110
how-tos, rendering, dom, performance, debugging, angular
How We Created an Accessible, Scalable Color Palette11,109
colors, color-palettes, accessibility, scalability, case-studies