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