Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

News and Tools for Web Developers, 1990s to Now (19)

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

Entry (Sources) and TopicsDate#
Must Know JavaScript API—IndexedDB API11,796
databases, indexeddb, javascript, apis
State of the CSS Community (una/css)11,795
videos, css, community
Why Doesn’t CSS Have Scope? (hey/css)11,794
videos, css, scope
Style Recalculation Secrets They Don’t Want You to Know (pat/css)11,793
videos, css, selectors, performance
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)11,792
css, scrolling
The Universal Focus State (eri)11,791
accessibility, focus, css
Sticky Content: Focus in View (tet)11,790
accessibility, focus, scrolling, css
No, “AI” Will Not Fix Accessibility (aar)11,789
accessibility, ai
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)11,788
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Designing a Scalable Backend in Node.js (app)11,787
software-design, scalability, nodejs
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)11,786
videos, dev-tools, browsers, google, chrome
Best Practices for Container Queries (zel)11,785
best-practices, container-queries, css
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)11,784
checklists, performance, compression, dependencies, accessibility, legibility, naming
Are Simple Websites Better for Business? (web)11,783
design, simplicity
48 Laws, Rules, and Principles of Web Development (j9t)11,782
programming, principles, terminology
Reducing Complexity in Front End Development (mic)11,781
complexity, performance, css, javascript
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)11,780
standards, accessibility, aria, rich-internet-apps
What’s New in CSS (jen)11,779
videos, css, apple
Tokens Are the Most Valuable Artifact a Design System Can Provide11,778
design-systems, design-tokens
The Ultimate Guide to Writing Technical Blog Posts (bla)11,777
guides, writing, blogging
Styling Scrollbars (oll)11,776
scrolling, css
RSC From Scratch: Server Components11,775
videos, react, components
Modern CSS in Real Life (chr)11,774
css
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)11,773
information-design, user-experience, tables, grids
Be Careful With “ch” Units (cit)11,772
css, units
Assume the Position—a Labeling Story (llo/tpg)11,771
accessibility, forms, labels, html
Angular at Google I/O 2023 (ang)11,770
release-notes, angular, google
Accessibility and Artificial Intelligence (joe)11,769
accessibility, ai
How Photoshop Solved Working With Files Larger Than Can Fit Into Memory (tom)11,768
adobe, memory
An Introduction to Debugging in Node.js (cra)11,767
introductions, debugging, nodejs
Accessibility Testing—Pay Attention to the Details11,766
accessibility, testing
What Is Open Graph? How to Use It for Your WordPress Website?11,765
how-tos, open-graph, html, social-media, wordpress
Primitive Objects in JavaScript: When to Use Them (sma)11,764
javascript, objects
One More Thing—Apple’s Push on Web Apps on macOS11,763
apple, web-apps
Is React Having An AngularJS Moment?11,762
react, angularjs
test262.fyi11,761
websites, javascript, ecmascript, javascript-engines, v8, javascriptcore, spidermonkey, quickjs, chakracore
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)11,760
user-experience, accessibility, focus, forms
New Job? Negotiate as if Your Life Depends on It11,759
career
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance11,758
how-tos, rendering, dom, performance, debugging, angular
An Introduction to “@scope” in CSS (oll)11,757
introductions, scope, css
How Chrome Achieved High Scores on Three Browser Benchmarks11,756
browsers, google, chrome, performance
New CSS Color Spaces and Functions in All Major Engines (rac)11,755
css, colors, functions, browsers, support
How We Created an Accessible, Scalable Color Palette11,754
colors, color-palettes, accessibility, scalability, case-studies
Every Design Team Needs Writers (uxd)11,753
design, writing
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)11,752
accessibility, focus, wcag, standards
wasmati: You Should Write Your WebAssembly in TypeScript11,751
webassembly, typescript, libraries
The Many Ways to Select the n-th Character From a String (cod)11,750
javascript, strings
No Single Metric Captures Productivity11,749
productivity, metrics
How AI Can Make Software More Intuitive11,748
ai, usability
Do Not Drop Sass for CSS11,747
css, sass, preprocessors
Presentational Colors (luk/uxd)11,746
colors, design-tokens
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)11,745
google, domains, ai
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)11,744
videos, javascript
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)11,743
transitions, dev-tools, browsers, google, chrome
The Context Dilemma11,742
design-systems, design-tokens
Some Things I Learnt From Working on Big Frontend Codebases11,741
complexity, lessons
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)11,740
html, semantics
Quick Tip: Shipping Resilient CSS Components (5t3)11,739
css, components, maintainability, resilience, tips-and-tricks
Performance Is Not a Checklist (tka)11,738
performance, user-experience
Asynchronous JavaScript for Beginners11,737
javascript, asynchronicity
Announcing TypeScript 5.1 (dan/typ)11,736
release-notes, typescript
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)11,735
forms, apis, css
Accessible Components: The Hamburger Menu11,734
accessibility, components, navigation
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS11,733
guides, deploying, complexity, architecture, aws
New to the Web Platform in May (rac)11,732
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
How to Format a Date With JavaScript—Date Formatting in JS (fre)11,731
how-tos, javascript, time
Watch Out for Layout Shifts With “ch” Units (pau/clo)11,730
performance, css, units
Token Operations (don)11,729
design-tokens
security.txt Now Mandatory for Dutch Government Websites11,728
security, legal
Release Notes for Safari Technology Preview 171 (jon/web)11,727
release-notes, browsers, apple, safari
Re-Evaluating “px” vs. “em” in Media Queries (kei)11,726
css, units, media-queries, comparisons
Linting Defensive and Logical CSS With Stylelint Plugins (log)11,725
css, logical-properties, linting, stylelint, plugins
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)11,724
images, gif
How to Add Custom Meta Boxes in WordPress Without a Plugin11,723
how-tos, wordpress, customization
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)11,722
browsers, browser-engines, rendering, blink, css, selectors
Design Systems: A Curated List for Today’s UI/UX Designers (sta)11,721
design-systems, design, tooling, link-lists
Accessibility Audits for All (ada)11,720
accessibility, auditing, testing
Announcing the Second Compute Pressure Origin Trial11,719
apis, browsers, google, chrome
An Introduction to JavaScript Proxies (cra)11,718
introductions, javascript
21 Awesome Web Features You’re Not Using Yet (fir)11,717
videos, html, css, javascript
What Is Personalization?11,716
personalization, concepts
The Art of Code Review11,715
code-reviews, processes, collaboration
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity11,714
productivity, metrics, engineering-management, culture, communication, collaboration, efficiency
I Think I Finally “Get” JS Objects11,713
javascript, objects
Hands on With the Node.js Test Runner (phi)11,712
nodejs, testing
Cracking the Theme Switcher and Dark Mode11,711
css, javascript, dark-mode
The Double-Edged Sword of Design Systems (uxd)11,710
design-systems, design
Simple Things Make Things Simple (pjo)11,709
simplicity, case-studies
Don’t Meddle With User Input (tem)11,708
accessibility, forms
10 Incident Management Best Practices11,707
incident-response, best-practices, processes
Improving the Quality of the Software With Qodana and GitHub Actions11,706
jetbrains, qodana, quality, optimization, github, ci-cd
How Screen-Reader Users Type on and Control Mobile Devices (nng)11,705
accessibility, usability, screen-readers, mobile
The Problem With Nested Fieldsets and How to Avoid Them (ada)11,704
accessibility, forms, assistive-tech, support
The Optimization Sinkhole11,703
productivity, optimization
Sass-Like Nesting in Native CSS (ami)11,702
css, sass, nesting
Mastering CSS Blend Modes11,701
css, blend-modes
WordPress Turns 20 (sar)11,700
wordpress
When to Use Plain Text or Images Instead of MathML11,699
mathml, math, accessibility
Understanding the Importance of Encoding11,698
encoding
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript?11,697
javascript, unicode
Plain Old JavaScript and the DOM (dou)11,696
javascript, dom
We Need to Talk About How We Talk About Accessibility11,695
accessibility, communication, dei
Supper Club × Bramus Van Damme on CSS (bra+/syn)11,694
podcasts, interviews, css
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)11,693
how-tos, javascript, functions
Designing a Better Design Handoff File in Figma (sma)11,692
design, processes, figma
Brief Note on Popovers With Dialogs (aar)11,691
html, support, accessibility, pop-overs, modals
A Practical Overview on Architecture Decision Records (ADR)11,690
overviews, documentation, processes
Two Things That Are Not Great About OKLCH (chr)11,689
colors, oklch
Seven Lessons From 7 Years Designing Systems11,688
lessons, design-systems
Levelling Up Accessibility Skills in Your Organisation (int)11,687
videos, accessibility
“display: contents” Considered Harmful (eri)11,686
accessibility, css
The Yellow Fade Technique With Modern CSS Using “@starting-style” (bra)11,685
css, transitions, techniques
Deploying AVIF for More Responsive Websites11,684
images, avif, performance
WebKit and web-platform-tests (ann)11,683
webkit
Single Line Comments in CSS (jim)11,682
css, comments
Responsive CSS Layout Grids Without Media Queries (5t3)11,681
css, grids, layout, responsive-design
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)11,680
css, custom-properties
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)11,679
accessibility, vpat-acr, documentation
Querying Parsed HTML in BigQuery (rvi)11,678
html
A Complete Guide to Using IndexedDB (log)11,677
guides, databases, indexeddb
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)11,676
html, best-practices, forms
Introducing the Popover API (una)11,675
introductions, apis, html, pop-overs
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design11,674
accessibility, dei, modals, time
You Don’t Need a Modal Window (dz4)11,673
websites, modals
Where to Put Your Types in Application Code (mat)11,672
typescript
Two Simple Layouts That Work Better With Grid (kev)11,671
videos, css, grids, layout
I Created 100+ Unique CSS Patterns (css)11,670
css, backgrounds, effects
Graph Slider11,669
sliders, css
Future of CSS: Popover API11,668
css, apis, pop-overs
File Upload Security and Malware Protection (aus)11,667
security, malware, file-handling, edge-computing
Building a Modern Design System in Layers11,666
design-systems
Working With URLs With Vanilla JavaScript (cfe)11,665
javascript, urls
Why We’re Bad at CSS (per)11,664
css
Visual-Design Principles and UX Design Best Practices (uxm)11,663
design, user-experience, principles, best-practices
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)11,662
videos, css, selectors, maintenance
Be Careful Using “Menu” (aar)11,661
html, aria, design, terminology
10 Ways to Boost Your Landing Page Conversion Rates (uxm)11,660
landing-pages, user-conversion, metrics
Beyond Design Systems for Interfaces: A Mega System of Design Systems11,659
design-systems
Building Offline-First Web Applications With Service Workers and IndexedDB11,658
offline, web-apps, web-workers, databases, indexeddb, javascript
A Web Component Intro With Example11,657
introductions, web-components, examples
Server-Sent Events With Node.js11,656
nodejs, events
A Beginners Guide to Digital Accessibility (fra)11,655
guides, accessibility
Website Issues: On the Relevance of Audience Size and Impact (j9t)11,654
processes, quality
Using “linear()” for Better Animation (oll)11,653
animations, css, javascript
Measuring Design System “Adoption” (pjo)11,652
design-systems, metrics
How to Build Lean Efficient Websites in 2023 (cfe)11,651
how-tos, html, progressive-enhancement, minimalism
Creating a Shine Effect on a Card With Tailwind CSS11,650
tailwind, effects
A New Approach to Measuring Developer Productivity11,649
research, productivity, metrics
Write Better Code by Following These JavaScript Best Practices11,648
javascript, best-practices
What Devs Can Do on Global Accessibility Awareness Day11,647
accessibility, awareness-days
How to Create a Custom Range Slider Using CSS (css)11,646
how-tos, sliders, css, forms
Getting Started With View Transitions on Multi-Page Apps (dav)11,645
css, view-transitions, multi-page-apps, introductions
Core Principles of SEO11,644
seo, principles, overviews
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)11,643
accessibility, wcag, standards
Accessible Numbers11,642
websites, accessibility
Thinking on Ways to Solve Color Palettes (arg)11,641
videos, css, colors, color-palettes
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)11,640
videos, usability, internationalization, localization, ecommerce, tips-and-tricks
Release Notes for Safari Technology Preview 170 (jon/web)11,639
release-notes, browsers, apple, safari
Jekyll Tutorial: How to Create a Static Website (kin)11,638
tutorials, how-tos, jekyll
ESLint Guide: How to Use It With Confidence11,637
guides, eslint, linting, consistency, maintainability
A History of Metaphors for the Internet (ver)11,636
history, web, terminology
Comparing Version Control Systems: Git, SVN, CVS, and More11,635
comparisons, version-control, git, svn, cvs
Why Your Design Language System Needs a Product Manager11,634
design-systems, product-management
Why Is Web Accessibility Important? (tpg)11,633
videos, accessibility
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)11,632
css, units
State of Node.js Performance 2023 (raf)11,631
nodejs
Semantics and the “popover” Attribute: What to Use When? (hdv)11,630
html, attributes, semantics, accessibility, pop-overs
Python Developers Survey 2022 Results (jet)11,629
surveys, python
It’ll Soon Be (Too) Easy to Develop a Website in A Day11,628
ai, processes, productivity, creativity
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)11,627
career, interviewing
GitHub Copilot and ChatGPT Alternatives (ger)11,626
github-copilot, chatgpt, ai, comparisons
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)11,625
javascript, arrays
Fieldsets, Legends, and Screen Readers Again (ste/tpg)11,624
accessibility, html, forms, screen-readers
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)11,623
design-patterns, design-systems, collaboration
Conditional CSS With “:has” and “:nth-last-child” (sha)11,622
css, selectors
How to Handle Production Support When Using Scrum11,621
how-tos, agile, scrum, processes
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)11,620
accessibility, html
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)11,619
css, floats
Let’s Share Our Salaries, Title, Location, XP11,618
discussions, career
HTML Landmark Roles Screen Reader Demo (sch/mdn)11,617
videos, accessibility, html, screen-readers, voiceover, apple
Get Full Type Support With Plain JavaScript11,616
javascript
CSS Art: Drawing a Coffee Stain (alv)11,615
css, art
10 Books to Improve Coding Skill in 202311,614
books, programming, link-lists
Error Message Guidelines (nng)11,613
guidelines, usability, errors, writing
7 Secret TypeScript Tricks Pros Use11,612
typescript, tips-and-tricks
The Problem With Disabled Buttons and What to Do Instead (ada)11,611
buttons, user-experience, accessibility
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)11,610
html, accessibility, screen-readers, support
ES2023 Features11,609
ecmascript
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies11,608
frameworks, reactivity, dependencies
Add Opacity to an Existing Color (chr)11,607
colors, transparency+opacity, css
What Is “Fake Door” Testing in UX? (uxd)11,606
testing, user-experience
Respect Your Children (ste/tpg)11,605
accessibility, html, aria
Keeping Up With an Ever Changing Web (joh)11,604
web-platform, learning
Building a Greener Web (mic)11,603
videos, web, sustainability
What’s New in CSS and UI: I/O 2023 Edition (una+)11,602
css, retrospectives
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)11,601
javascript
Regular Expressions in JavaScript (hon)11,600
javascript, regex, examples
Introduction to Screen‐Readers: VoiceOver macOS Edition11,599
introductions, screen-readers, voiceover, apple
Introduction to Screen‐Readers: NVDA Edition11,598
introductions, screen-readers, nvda
Introduction to Screen‐Readers: JAWS Edition11,597
introductions, screen-readers, jaws
Best Practices for All Developers11,596
best-practices
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)11,595
performance, web-vitals, shopify
An Introduction to the Bun JavaScript Runtime (cra)11,594
javascript, runtimes, bun
Baseline Features You Can Use Today11,593
browsers, support, web-platform
What’s New in Web11,592
videos, browsers, support, web-platform
Advancing Interaction to Next Paint (rvi+)11,591
performance, web-vitals
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun)11,590
videos, performance, web-vitals
How to Optimize Web Responsiveness With Interaction to Next Paint (ann)11,589
videos, how-tos, performance, web-vitals
Introducing Baseline (rac)11,588
introductions, browsers, support, web-platform
What’s New in Web Animations (bra)11,587
videos, animations
Introducing INP to Core Web Vitals11,586
introductions, performance, web-vitals, google, search, seo
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas/uxd)11,585
agile, user-experience, processes, comparisons
Why an Engineering Manager Should Not Review Code (mul)11,584
engineering-management, code-reviews
Slow Design11,583
websites, design
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)11,582
sustainability, network
Introducing Baseline: A Unified View of Stable Web Features (mdn)11,581
introductions, browsers, support, web-platform
ES2023 Introduces New Array Copying Methods to JavaScript (phi)11,580
javascript, ecmascript, standards, arrays
Developer Tools That Shouldn’t Be Secrets (cod)11,579
videos, browsers, dev-tools
Crafting a Modern Spotlight Effect With React and CSS11,578
css, react, effects
Client-Side Rendering of HTML and Interactivity (mal)11,577
performance, html, client-side-rendering
Script Evaluation and Long Tasks (mal)11,576
performance, javascript, web-vitals
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal)11,575
performance, dom, html, optimization
Find Slow Interactions in the Field (mal)11,574
performance, web-vitals, auditing
Optimize Input Delay (mal)11,573
performance, web-vitals, optimization
Diagnose Slow Interactions in the Lab (mal)11,572
performance, web-vitals
API Design Practice11,571
apis, documentation, link-lists
See What’s New in Firefox [113.0] (moz)11,570
release-notes, browsers, mozilla, firefox
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)11,569
css, grids, layout, view-transitions, apis
The Ongoing Defence of Frontend as a Full-Time Job (cod)11,568
career
How to Handle Emojis in Node.js11,567
how-tos, nodejs, emoji, unicode
Design Systems [Are] a Mindset Not a Library11,566
design-systems
An Introduction to Container Queries in CSS (5t3)11,565
introductions, css, container-queries
How “x-default” Can Help You (met)11,564
internationalization, urls, html, attributes, search, google
Proportional Design Systems With Proportio.app (uxd)11,563
design-systems
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications11,562
guides, langchain, google, gcp, functions, ai
Speed Trap (dav/ver)11,561
google, amp, web-platform
ShatGPT (ste)11,560
accessibility, ai
Pay Attention to Web Performance Metrics to Improve the UX (uxm)11,559
performance, metrics, user-experience, web-vitals, optimization
Improving Web-Site Conversion Rates Through Better UX Design (uxm)11,558
user-conversion, metrics, optimization, user-experience
Dithering (chr)11,557
images, dithering
A Complete Guide to Usability Testing (uxm)11,556
guides, usability, testing
The Problem With Sticky Menus and What to Do Instead (ada)11,555
navigation, usability, user-experience
How to Configure Path Aliases in Frontend Projects in the Native Way11,554
how-tos, aliases, javascript, configuration
How Far Back in Time Can I Take My Website’s Design11,553
web, design, history, html, css
Should the Confirmation Button Come First or Last? (uxd)11,552
buttons, interaction-design
The Image Sorting Experiment (uxd)11,551
images, information-design, sorting, experiments
Scaling Node.js Web Apps With Docker11,550
scalability, nodejs, web-apps, docker
Cron Job: A Comprehensive Guide for Beginners11,549
guides, cron
Complete Guide on Playwright Visual Regression Testing11,548
guides, playwright, design, testing, regressions
Design Tokens: Beginner’s Guide11,547
guides, design-tokens, design-systems
Speed Up or Slow Down a Video (pat/dev)11,546
browsers, dev-tools, multimedia
Scroll-Driven Animations (bra)11,545
websites, scrolling, animations
I’m Done With React11,544
videos, react
HTTP/1 vs. HTTP/2 vs. HTTP/311,543
http, protocols, comparisons
htmx Is the Future11,542
htmx, outlooks
How “:not()” Chains Multiple Selectors (mdn)11,541
css, selectors
CSS Logical Properties: A Good Use Case (wes)11,540
videos, css, logical-properties
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 1211,539
github, github-actions, automation, nodejs
Using Go for Front End Development11,538
go
New Features in the Orion Browser (kag)11,537
release-notes, orion, kagi, browsers
The Frontend Cloud Advantage11,536
cloud-computing
React Testing Library and Accessibility11,535
react, testing, libraries, accessibility, automation
How Do You Declare Namespace in JavaScript?11,534
javascript, namespaces
Code Coverage vs. Test Coverage11,533
code-coverage, testing, quality, comparisons
An Introduction to the “:has()” Selector in CSS (5t3)11,532
introductions, css, selectors
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)11,531
performance, web-vitals, best-practices
Security Implications of HTTP Response Headers11,530
security, http, http-headers
How to Make a CSS-Only Hamburger Menu11,529
how-tos, css, navigation
Where Would You Take the W3C? (rob)11,528
discussions, w3c
The Latest Innovations in Drupal11,527
drupal
The Intersectionality of Web Performance (ada)11,526
performance, sustainability, dei
Release Notes for Safari Technology Preview 169 (jon/web)11,525
release-notes, browsers, apple, safari
Make Your Website Load Fast by Optimizing Request Priorities (deb)11,524
performance, optimization, network
How to Write More Efficient JavaScript Conditions (fre)11,523
how-tos, javascript, efficiency
Don’t Use Custom CSS Scrollbars (eri)11,522
css, scrolling
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It11,521
accessibility, training
DevEx: What Actually Drives Productivity (acm)11,520
developer-experience, productivity, metrics
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)11,519
events, javascript
Angular v16 Is Here (mge/ang)11,518
angular, release-notes
7 Practical CSS Typography Tips and Tricks (zor/css)11,517
videos, css, typography, tips-and-tricks
An Update on the Lock Icon (ser+)11,516
browsers, google, chrome
Things Considered Harmful (bre)11,515
php, laravel
A/B Testing: A Primer11,514
introductions, testing, metrics, optimization
The Native Way to Configure Path Aliases in Frontend Projects11,513
javascript, nodejs, esm, commonjs, tooling, aliases
Why “font-size” Must Never Be in Pixels11,512
css, units, accessibility, responsive-design
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)11,511
videos, css, transitions, tips-and-tricks
SupportsCSS (5t3)11,510
websites, tooling, css, support
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)11,509
accessibility, focus, aria, html
Load Websites Faster With Code Splitting11,508
performance, code-splitting, react
How to Get Started With NodeJS—a Handbook for Beginners (fre)11,507
introductions, guides, nodejs
Do Logical Properties Make CSS Easier to Learn? (chr)11,506
css, logical-properties, learning
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?11,505
foss, community, github
CSS Naked Day and the Missing Wikipedia Page (j9t)11,504
css, awareness-days
Creating an Animated Gradient Border With CSS11,503
css, animations, gradients, borders
A Radical Proposal: Put UX Research in Charge11,502
user-experience, research, product-management, strategies
A Complete Guide to Performance Budgets (spe)11,501
guides, performance, performance-budgets, metrics
3 Engineering Mistakes That Kill Startups11,500
mistakes, architecture
7 Things to Remove From Your Job Postings to Be More Inclusive (wom)11,499
hiring, dei
What’s New in Svelte: May 2023 (sve)11,498
release-notes, svelte, sveltekit
This Blog Is Hosted on My Android Phone11,497
websites, hosting, mobile
Testing Feature Support for Modern CSS (5t3)11,496
css, feature-detection, support
Tailwind CSS vs. UnoCSS11,495
tailwind, unocss, css, frameworks, comparisons
“:root” Isn’t Global (kil)11,494
css
Qwik Reaches v1.0 (bui)11,493
release-notes, qwik
Practical Guide to Not Blocking the Event Loop11,492
guides, javascript, event-loop, events, performance
CSS Wishlist 2023 (ell)11,491
css, wish-lists
Configuring ESLint, Prettier, and TypeScript Together (jos)11,490
eslint, prettier, linting, formatting, tooling, typescript, configuration
CDNs: Speed Up Performance by Reducing Latency (aus)11,489
content-delivery, performance
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)11,488
foss, content, career
Two Underused Arguments for Writing Documentation (j9t)11,487
writing, documentation, career
My Favorite Free Courses to Learn JavaScript in Depth11,486
courses, javascript, training, link-lists
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)11,485
web, web-platform, standards, foss, history, anniversaries
The Popover API Is Exciting, Sort Of (mrt)11,484
apis, pop-overs
Dark Mode in 3 Lines of CSS and Other Adventures (sto)11,483
css, dark-mode
New to the Web Platform in April (rac)11,482
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
Information Architecture (IA) and Sitemap: Simple and Easy to Understand11,481
information-architecture, sitemaps, best-practices
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)11,480
css, javascript, functions, quality
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)11,479
css, refactoring, maintenance, optimization
JS Private Class Fields Considered Harmful (lea)11,478
javascript
Everything You Need to Know About Webpack’s Bundle Analyzer11,477
webpack, bundling, tooling
Animating the Impossible (btc)11,476
videos, animations, transitions
A Beginner’s Introduction to the Most Common Data Types in Programming11,475
introductions, types, programming
Writing Unit Tests in Node.js Using Jest11,474
testing, nodejs, jest
What Is the Value of a Design System? (zer)11,473
design-systems
Typography for Everyone (tob/btc)11,472
videos, fonts, typography
The Most Underrated Section of Design Portfolios11,471
design, career
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)11,470
accessibility, communication, advocacy, processes
Modern CSS Layout Is Awesome! (mic/btc)11,469
videos, css, layout
How to Manage Design Tokens11,468
how-tos, design-tokens, maintenance
How to Deep Merge Arrays and Objects With JavaScript (cfe)11,467
how-tos, javascript, arrays, objects
Accessible Target Sizes Cheatsheet (vit/sma)11,466
accessibility, user-experience
Structure and Interpretation of Flutter (win)11,465
flutter, dart
The Most Important Thing Productivity Tools Are Missing About AI (uxd)11,464
tooling, productivity, ai
What Is the QUIC Protocol?11,463
protocols, quic
The Interactive Guide to Rendering in React11,462
guides, client-side-rendering, react
Discovering the Power of JavaScript Proxy After All This Time11,461
javascript
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf11,460
nodejs, npm, nvm
Adding Motion to the Next Decade of Atomic Design (uxd)11,459
design, atomic-design
Transition To and From “display: none” With Upcoming CSS Capabilities (una)11,458
videos, css, transitions
The Best Way to Get nvm Working in CI/CD Systems11,457
nvm, ci-cd
Reducing the Cost of String Serialization in Node.js Core11,456
nodejs, strings, performance
Crafting the Next.js Website11,455
nextjs
Organizing a Web Design System for Scalability in Figma (uxd)11,454
design-systems, scalability, figma
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (uxd)11,453
design-debt, user-experience, metrics, economics
Figma, I Love You but You’re Bringing Me Down (uxd)11,452
figma
What’s New in Node.js 20 (cra)11,451
nodejs
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)11,450
accessibility, cookies, legal, privacy, user-experience
The “const” Deception (jos)11,449
javascript
Scoped CSS Is Back (kei)11,448
css, scope
npm vs. Yarn vs. pnpm11,447
npm, yarn, pnpm, comparisons
Goodbye “create-react-app”: A New Approach11,446
react
Frontend Web Performance Checklist11,445
performance, checklists
CSS Blend Modes11,444
css, blend-modes
Avoiding Dark Patterns in Web Design (boa/fro)11,443
dark-patterns, design
Automating Dependency Updates: The Big Debate11,442
dependencies, automation, ci-cd, security
The Case Against Automatic Dependency Updates (ben)11,441
dependencies, automation, ci-cd, maintenance, security
Transitioning to Height Auto (Two Ways) (kei)11,440
css
“The Secret List of Websites” (chr)11,439
ai, web, content
The Effects of Technical Debt on Morale11,438
research, technical-debt, productivity
Meeting WCAG Level AAA (pat/tet)11,437
accessibility, wcag, conformance, standards
How to Write Comments in React: The Good, the Bad, and the Ugly11,436
how-tos, react, comments
Exploring the Potential of Web Workers for Multithreading on the Web (sma)11,435
web-workers, multithreading, performance, javascript
“details”/“summary” Inconsistencies (mat)11,434
html, disclosure-widgets, browsers, assistive-tech, support
Dark Mode Toggle and “prefers-color-scheme”11,433
dark-mode, toggles, css
Considering Content Warnings in HTML (aar)11,432
html, content, dei
This Website Is Under Construction, a Love Letter to the Personal Website (btc)11,431
videos, indieweb, web-platform
Designing and Coding for Voice11,430
accessibility, voice
System Design Blueprint: The Ultimate Guide (zon)11,429
guides, cheat-sheets, architecture, system-design, principles
Upgrading Our CSS Habits: “aspect-ratio” (cod)11,428
css, aspect-ratio
Spinning Diagrams With CSS (har)11,427
css, animations
Read-Only Web Apps (ada)11,426
javascript, progressive-enhancement
CSS Custom Properties Beyond the “:root” (mat)11,425
css, custom-properties, semantics
5 Topics You Should Touch on During the Recruitment Process11,424
interviewing, career, processes
Generating Provenance Statements11,423
npm, provenance, security
Introducing npm Package Provenance11,422
introductions, github, npm, provenance, security, foss
Why Is Scrum the Most Popular Agile Framework?11,421
scrum, agile, processes
It’s Time for the Tech Industry to Live Up to Its Ideals (uxd)11,420
career, outlooks
Visually Accessible Data Visualization11,419
accessibility, information-design
Using HTML Elements as CSS Masks11,418
css
Release Notes for Safari Technology Preview 168 (jon/web)11,417
release-notes, browsers, apple, safari
Productivity and Well-Being: A Summary of What Works11,416
productivity, career
Introduction to Web Animations With GSAP11,415
introductions, animations, javascript, gsap
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)11,414
videos, introductions, performance, dev-tools, browsers, google, chrome
Browser Rendering: What Happens Behind the Scenes (fro)11,413
browsers, rendering, browser-engines, parsing, painting, dom, cssom
5 Code Refactoring Techniques to Improve Your Code11,412
refactoring, maintenance, techniques
Starting a New Kirby Project (mat)11,411
kirby
Container Query Units and Fluid Typography (5t3)11,410
css, container-queries, typography, liquid-design
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)11,409
accessibility, multimedia, experiments
10 Common Mistakes in Angular Development11,408
angular, mistakes, best-practices
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?11,407
how-tos, aws, cloudfront, caching
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store11,406
liquid, shopify, customization, tips-and-tricks
What’s New in ECMAScript 2023 (paw)11,405
ecmascript, standards
The Three Browser Storage Mechanisms11,404
browser-storage, cookies, comparisons
Signals: Fine-Grained Reactivity for JavaScript Frameworks11,403
javascript, reactivity, signals, frameworks
Node.js 20 Is Now Available! (nod)11,402
nodejs, release-notes
Kubernetes Quick Tutorial11,401
tutorials, kubernetes
How to Create an SEO Strategy (moz)11,400
how-tos, seo, strategies
DevTools: A Better Way to Visualize Your JavaScript11,399
dev-tools, visualization, browsers, performance, lighthouse, google, chrome, microsoft, edge
8 Best Tools for Cryptography and Encryption (sta)11,398
link-lists, tooling, comparisons, security, cryptography, encryption, privacy
You Are What You Measure11,397
videos, metrics
Building a Static Site With Eleventy and Tailwind11,396
eleventy, tailwind
What Is Design Thinking? (sma)11,395
design
Using a Muted Color Palette in Web Design (uxm)11,394
design, colors, color-palettes
It’s Very Likely That… (mat)11,393
html, semantics, buttons, modals
Firefox May Soon Reject Cookie Prompts Automatically11,392
cookies, legal, user-experience, mozilla, firefox
Deno vs. Node: No One Is Ready for the Move11,391
deno, nodejs, dependencies, comparisons
Business Impacts of UI Design and UX Design (uxm)11,390
design, economics
Answering “What ARIA Can I Use?” (w3c)11,389
accessibility, aria, browsers, screen-readers, assistive-tech, support
All About the Semantic Web11,388
semantic-web, concepts
A List of Programming Playgrounds (b0r)11,387
programming, link-lists, testing
Angular 16 Is Huge11,386
angular
Exploring “:has()” Again (mic)11,385
css, selectors
How to Name Design Tokens in a Design System (uxd)11,384
how-tos, design-tokens, design-systems, naming
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)11,383
information-architecture, information-scent, usability, mistakes
The Acronyms of Rendering on the Web (whi)11,382
rendering, server-side-rendering, client-side-rendering, terminology
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)11,381
javascript, performance, plugins
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)11,380
css, media-queries, performance, sustainability
My Favorite Courses to Learn Microservices in Depth11,379
courses, training, microservices, link-lists
Lessons of Design (fab/uxd)11,378
lessons, design
Dissecting npm Malware: Five Packages and Their Evil Install Scripts11,377
npm, security, malware
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)11,376
design, user-experience, research
What Are User Permissions? Concepts, Examples, and Maintenance11,375
permissions, authorization, concepts, examples
Web Accessibility: A Reference to Creating Inclusive Websites (sta)11,374
accessibility
The “details” Element Is Amazing (fon)11,373
html, disclosure-widgets
Ping Animation With Minimal CSS (ami)11,372
css, animations
Consume Web Streams From OpenAI Using Vanilla JavaScript11,371
videos, data-fetching, streaming, ai, openai, javascript
4 Ways to Create an Enum in JavaScript11,370
javascript
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec)11,369
videos, dev-tools, browsers, google, chrome, debugging, testing, css, release-notes
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers11,368
accessibility, assistive-tech, screen-magnification
Embracing AI as a Material for Design (uxd)11,367
design, ai, content
The Pros and Cons of Different UI Automation Test Tools—Puppeteer11,366
automation, testing, puppeteer
Memory Allocation (sam)11,365
memory, programming, visualization
Costly CSS Properties and How to Optimize Them11,364
css, performance, optimization
A History of the World Wide Web From 1989 to the Present Day11,363
history, web
11ty and Lit, a Match Made in Heaven for Simple Sites11,362
eleventy, web-components, lit
10 Best Sorting Algorithms Explained11,361
sorting, algorithms
Transparent Video for the Web in 2023 (cla)11,360
multimedia, transparency+opacity
Solving the CSS Layout and Source Order Disconnect (rac)11,359
css, layout, source-order
Angular Is Back With a Vengeance (fir)11,358
videos, angular
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)11,357
videos, slides, accessibility, processes
Passkeys: What the Heck and Why? (css)11,356
security, passkeys
How to Work With Dates and Times in Vanilla JavaScript (cfe)11,355
how-tos, javascript
CSS: Tricks for Targeting Elements With CSS11,354
css, selectors, tips-and-tricks
Advanced Figma Components Tips and Tricks: Little Gems We Love (uxd)11,353
figma, components, design, tips-and-tricks
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)11,352
browsers, mozilla, firefox, cookies, privacy
Understanding CSS Preload and Other Resource Hints (log)11,351
css, performance, hints, preloading
Shallow vs. Deep Copying in JavaScript11,350
javascript, comparisons
HTML Dark Mode (bt)11,349
html, dark-mode
HTML Accessibility API Mappings 1.0 (ste+/w3c)11,348
html, accessibility, apis
Expanding Grid Cards With View Transitions (chr)11,347
css, grids, view-transitions
Don’t Override Screen Reader Pronunciation (aar)11,346
accessibility, screen-readers, pronunciation
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience11,345
videos, accessibility, design-systems, dei, user-experience
A Designers Guide to the Principles of Web Design11,344
guides, design, principles, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Formulating Your Product Design North Star (aka Design Principles) (uxd)11,343
design, principles, processes
What’s a Basic Use Case for Cascade Layers in CSS? (chr)11,342
css, cascade, maintainability
Trying Node.js Test Runner (bah)11,341
nodejs, testing
The Performance Golden Rule Revisited (tka)11,340
performance, metrics
Temporal Intervals Are Handy in MySQL (ami)11,339
databases, mysql, time
React, Visualized11,338
introductions, react, visualization
New HTML Element: “search” (alv)11,337
html, semantics
Load Balancing (sam)11,336
load-balancing, performance, visualization, architecture
Document or Die: The Importance of Writing Things Down in Tech11,335
documentation, maintainability, link-lists
Building Pagination in React With React Paginate11,334
react, navigation, pagination
The Real Difference Between “useMemo” and “Memo” in React11,333
react, hooks, performance, examples
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup11,332
bundling, tooling, webpack, parcel, rollup, comparisons
Why Astro Is My Favorite Framework (mrt)11,331
astro, frameworks
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)11,330
css, dark-mode
CSS Text Balancing With “text-wrap: balance” (sha)11,329
css, typography
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide11,328
guides, career, learning
TIL: API for Saving Webpages in the Wayback Machine11,327
apis, internet-archive
Choosing Humanity Over Automation (uxd)11,326
ai, design, automation
What’s New in CSS? (bra)11,325
slides, css
Understanding Apache Web Server Configuration11,324
servers, apache, configuration
Mastering Yarn’s Lifecycle With Hooks11,323
yarn, hooks
Boost Your JavaScript With JSDoc Typing11,322
javascript, typescript, documentation, jsdoc
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting11,321
zx, shells, command-line
Stream File Uploads to S3 Object Storage and Save Money (aus)11,320
aws, s3, streaming, storage, economics
Advancing Your Tech Skills (wom)11,319
career, learning
The Pattern to Make Your Frontend Tests 10× Better11,318
testing
Programming-Language Popularity by GitHub Pull Requests (lem)11,317
studies, research, programming, comparisons, github, javascript, typescript
It’s Time to Learn OKLCH Color (kei)11,316
colors, oklch, css
DevTools: A Clever Overview of All Your CSS Code11,315
browsers, dev-tools, auditing, css, google, chrome
Chasing Rainbows (ver)11,314
accessibility, colors, color-blindness, user-experience
Unlocking the Power of Design Tokens to Create Dark Mode UI11,313
design-tokens, dark-mode
Frontend Developer Tries Tailwind for the First Time (zor/css)11,312
videos, tailwind, css
Establishing Metrics for Accessibility ROI (kar)11,311
accessibility, metrics, economics
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)11,310
web-components, css, scope, dom, shadow-dom, support
10 CSS Animation Tips and Tricks (kev)11,309
videos, css, animations, tips-and-tricks
The Alt Text War—SEO vs. Accessibility11,308
accessibility, seo, images, writing, alt-text, comparisons
Foundations: Accessible Names and Descriptions (ihe/tet)11,307
accessibility, fundamentals, naming, writing, aria
What’s New in WCAG 2.2?11,306
accessibility, wcag, standards
The Death of JPEG-XL11,305
jpeg-xl, images
Release Notes for Safari Technology Preview 167 (jon/web)11,304
release-notes, browsers, apple, safari
Observing CSS11,303
css, javascript, monitoring
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript11,302
guides, javascript, memory, garbage-collection
Designing for Reduced Motion11,301
accessibility, animations, reduced-motion, css, media-queries, javascript
Choosing a Name for Your Design System (bra)11,300
design-systems, naming
Can You Create Beautiful Stroked Text in CSS? (log)11,299
css, effects
7 Tips for Getting Started With Vue.js11,298
videos, vuejs, tips-and-tricks
New in Chrome 112 (tro)11,297
release-notes, browsers, google, chrome