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

→ 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#
An Introduction to JavaScript Proxies (cra)11,025
introductions, javascript
21 Awesome Web Features You’re Not Using Yet (fir)11,024
videos, html, css, javascript
The Double-Edged Sword of Design Systems (uxd)11,023
design-systems, design
Simple Things Make Things Simple (pjo)11,022
simplicity, case-studies
Don’t Meddle With User Input (tem)11,021
accessibility, forms
10 Incident Management Best Practices11,020
incident-response, best-practices, processes
Improving the Quality of the Software With Qodana and GitHub Actions11,019
jetbrains, qodana, quality, optimization, github, ci-cd
How Screen-Reader Users Type on and Control Mobile Devices (nng)11,018
accessibility, usability, screen-readers, mobile
The Problem With Nested Fieldsets and How to Avoid Them (ada)11,017
accessibility, forms, assistive-tech, support
The Optimization Sinkhole11,016
productivity, optimization
Sass-Like Nesting in Native CSS (ami)11,015
css, sass, nesting
Mastering CSS Blend Modes11,014
css, blend-modes
Understanding the Importance of Encoding11,013
encoding
WordPress Turns 20 (sar)11,012
wordpress
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript?11,011
javascript, unicode
When to Use Plain Text or Images Instead of MathML11,010
mathml, math, accessibility
Plain Old JavaScript and the DOM (dou)11,009
javascript, dom
We Need to Talk About How We Talk About Accessibility11,008
accessibility, communication, dei
Supper Club × Bramus Van Damme on CSS (bra+/syn)11,007
podcasts, interviews, css
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)11,006
how-tos, javascript, functions
Designing a Better Design Handoff File in Figma (sma)11,005
design, processes, figma
Brief Note on Popovers With Dialogs (aar)11,004
html, support, accessibility, pop-overs, modals
A Practical Overview on Architecture Decision Records (ADR)11,003
overviews, documentation, processes
Two Things That Are Not Great About OKLCH (chr)11,002
colors, oklch
Seven Lessons From 7 Years Designing Systems11,001
lessons, design-systems
Levelling Up Accessibility Skills in Your Organisation (int)11,000
videos, accessibility
“display: contents” Considered Harmful (eri)10,999
accessibility, css
The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra)10,998
css, transitions, techniques
WebKit and web-platform-tests (ann)10,997
webkit
Single Line Comments in CSS (jim)10,996
css, comments
Responsive CSS Layout Grids Without Media Queries (5t3)10,995
css, grids, layout, responsive-design
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)10,994
css, custom-properties
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)10,993
accessibility, vpat-acr, documentation
Querying Parsed HTML in BigQuery (rvi)10,992
html
Deploying AVIF for More Responsive Websites (dev)10,991
images, avif, performance
A Complete Guide to Using IndexedDB (log)10,990
guides, databases, indexeddb
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)10,989
html, best-practices, forms
You Don’t Need a Modal Window (dz4)10,988
websites, modals
Where to Put Your Types in Application Code (mat)10,987
typescript
Two Simple Layouts That Work Better With Grid (kev)10,986
videos, css, grids, layout
Introducing the Popover API (una/dev)10,985
introductions, apis, html, pop-overs
I Created 100+ Unique CSS Patterns (css)10,984
css, backgrounds, effects
Graph Slider10,983
sliders, css
Future of CSS: Popover API10,982
css, apis, pop-overs
File Upload Security and Malware Protection (aus)10,981
security, malware, file-handling, edge-computing
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design10,980
accessibility, dei, modals, time
Building a Modern Design System in Layers10,979
design-systems
Working With URLs With Vanilla JavaScript (cfe)10,978
javascript, urls
Why We’re Bad at CSS (per)10,977
css
Visual-Design Principles and UX Design Best Practices (uxm)10,976
design, user-experience, principles, best-practices
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)10,975
videos, css, selectors, maintenance
Be Careful Using “Menu” (aar)10,974
html, aria, design, terminology
10 Ways to Boost Your Landing Page Conversion Rates (uxm)10,973
landing-pages, user-conversion, metrics
Beyond Design Systems for Interfaces: A Mega System of Design Systems10,972
design-systems
Building Offline-First Web Applications With Service Workers and IndexedDB10,971
offline, web-apps, web-workers, databases, indexeddb, javascript
A Web Component Intro With Example10,970
introductions, web-components, examples
Server-Sent Events With Node.js10,969
nodejs, events
A Beginners Guide to Digital Accessibility (fra)10,968
guides, accessibility
Website Issues: On the Relevance of Audience Size and Impact (j9t)10,967
processes, quality
Using “linear()” for Better Animation (oll)10,966
animations, css, javascript
Measuring Design System “Adoption” (pjo)10,965
design-systems, metrics
How to Build Lean Efficient Websites in 2023 (cfe)10,964
how-tos, html, progressive-enhancement, minimalism
Creating a Shine Effect on a Card With Tailwind CSS10,963
tailwind, effects
A New Approach to Measuring Developer Productivity10,962
research, productivity, metrics
Write Better Code by Following These JavaScript Best Practices10,961
javascript, best-practices
What Devs Can Do on Global Accessibility Awareness Day10,960
accessibility, awareness-days
How to Create a Custom Range Slider Using CSS (css)10,959
how-tos, sliders, css, forms
Getting Started With View Transitions on Multi-Page Apps (dav)10,958
css, view-transitions, multi-page-apps, introductions
Core Principles of SEO10,957
seo, principles, overviews
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)10,956
accessibility, wcag, standards
Accessible Numbers10,955
websites, accessibility
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)10,954
videos, usability, internationalization, localization, ecommerce, tips-and-tricks
Thinking on Ways to Solve Color Palettes (arg/dev)10,953
videos, css, colors, color-palettes
Release Notes for Safari Technology Preview 170 (jon/web)10,952
release-notes, browsers, apple, safari
Jekyll Tutorial: How to Create a Static Website (kin)10,951
tutorials, how-tos, jekyll
ESLint Guide: How to Use It With Confidence10,950
guides, eslint, linting, consistency, maintainability
A History of Metaphors for the Internet (ver)10,949
history, web, terminology
Comparing Version Control Systems: Git, SVN, CVS, and More10,948
comparisons, version-control, git, svn, cvs
Why Your Design Language System Needs a Product Manager10,947
design-systems, product-management
Why Is Web Accessibility Important? (tpg)10,946
videos, accessibility
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)10,945
css, units
State of Node.js Performance 2023 (raf)10,944
nodejs
Semantics and the “popover” Attribute: What to Use When? (hdv)10,943
html, attributes, semantics, accessibility, pop-overs
Python Developers Survey 2022 Results (jet)10,942
surveys, python
It’ll Soon Be (Too) Easy to Develop a Website in A Day10,941
ai, processes, productivity, creativity
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)10,940
career, interviewing
GitHub Copilot and ChatGPT Alternatives (ger)10,939
github-copilot, chatgpt, ai, comparisons
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)10,938
javascript, arrays
Fieldsets, Legends, and Screen Readers Again (ste/tpg)10,937
accessibility, html, forms, screen-readers
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)10,936
design-patterns, design-systems, collaboration
Conditional CSS With “:has” and “:nth-last-child” (sha)10,935
css, selectors
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)10,934
accessibility, html
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)10,933
css, floats
Let’s Share Our Salaries, Title, Location, XP10,932
discussions, career
HTML Landmark Roles Screen Reader Demo (sch/mdn)10,931
videos, accessibility, html, screen-readers, voiceover, apple
How to Handle Production Support When Using Scrum10,930
how-tos, agile, scrum, processes
Get Full Type Support With Plain JavaScript10,929
javascript
CSS Art: Drawing a Coffee Stain (alv)10,928
css, art
10 Books to Improve Coding Skill in 202310,927
books, programming, link-lists
Error Message Guidelines (nng)10,926
guidelines, usability, errors, writing
The Problem With Disabled Buttons and What to Do Instead (ada)10,925
buttons, user-experience, accessibility
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)10,924
html, accessibility, screen-readers, support
ES2023 Features10,923
ecmascript
7 Secret TypeScript Tricks Pros Use10,922
typescript, tips-and-tricks
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies10,921
frameworks, reactivity, dependencies
What Is “Fake Door” Testing in UX? (uxd)10,920
testing, user-experience
Respect Your Children (ste/tpg)10,919
accessibility, html, aria
Keeping Up With an Ever Changing Web (joh)10,918
web-platform, learning
Building a Greener Web (mic)10,917
videos, web, sustainability
Add Opacity to an Existing Color (chr)10,916
colors, css
What’s New in CSS and UI: I/O 2023 Edition (una+/dev)10,915
css, retrospectives
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)10,914
javascript
Regular Expressions in JavaScript (hon)10,913
javascript, regex, examples
Introduction to Screen‐Readers: VoiceOver macOS Edition10,912
introductions, screen-readers, voiceover, apple
Introduction to Screen‐Readers: NVDA Edition10,911
introductions, screen-readers, nvda
Introduction to Screen‐Readers: JAWS Edition10,910
introductions, screen-readers, jaws
Best Practices for All Developers10,909
best-practices
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)10,908
performance, web-vitals, shopify
An Introduction to the Bun JavaScript Runtime (cra)10,907
javascript, runtimes, bun
Introducing INP to Core Web Vitals10,906
introductions, performance, web-vitals, google, search, seo
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)10,905
videos, performance, web-vitals
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas/uxd)10,904
agile, user-experience, processes, comparisons
Why an Engineering Manager Should Not Review Code (mul)10,903
engineering-management, code-reviews
What’s New in Web (dev)10,902
videos, browsers, support, web-platform
What’s New in Web Animations (bra/dev)10,901
videos, animations
Slow Design10,900
websites, design
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)10,899
sustainability, network
Introducing Baseline (rac/dev)10,898
introductions, browsers, support, web-platform
Introducing Baseline: A Unified View of Stable Web Features (mdn)10,897
introductions, browsers, support, web-platform
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)10,896
videos, how-tos, performance, web-vitals
ES2023 Introduces New Array Copying Methods to JavaScript (phi)10,895
javascript, ecmascript, standards, arrays
Developer Tools That Shouldn’t Be Secrets (cod)10,894
videos, browsers, dev-tools
Crafting a Modern Spotlight Effect With React and CSS10,893
css, react, effects
Baseline Features You Can Use Today (dev)10,892
browsers, support, web-platform
Advancing Interaction to Next Paint (rvi+/dev)10,891
performance, web-vitals
API Design Practice10,890
apis, documentation, link-lists
See What’s New in Firefox [113.0] (moz)10,889
release-notes, browsers, mozilla, firefox
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)10,888
css, grids, layout, view-transitions, apis
The Ongoing Defence of Frontend as a Full-Time Job (cod)10,887
career
Script Evaluation and Long Tasks (mal/dev)10,886
performance, javascript, web-vitals
Optimize Input Delay (mal/dev)10,885
performance, web-vitals, optimization
How to Handle Emojis in Node.js10,884
how-tos, nodejs, emoji, unicode
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)10,883
performance, dom, html, optimization
Find Slow Interactions in the Field (mal/dev)10,882
performance, web-vitals, auditing
Diagnose Slow Interactions in the Lab (mal/dev)10,881
performance, web-vitals
Design Systems [Are] a Mindset Not a Library10,880
design-systems
Client-Side Rendering of HTML and Interactivity (mal/dev)10,879
performance, html, client-side-rendering
An Introduction to Container Queries in CSS (5t3)10,878
introductions, css, container-queries
How “x-default” Can Help You (met)10,877
internationalization, urls, html, attributes, search, google
Proportional Design Systems With Proportio.app (uxd)10,876
design-systems
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications10,875
guides, langchain, google, gcp, functions, ai
Speed Trap (dav/ver)10,874
google, amp, web-platform
ShatGPT (ste)10,873
accessibility, ai
Pay Attention to Web Performance Metrics to Improve the UX (uxm)10,872
performance, metrics, user-experience, web-vitals, optimization
Improving Web-Site Conversion Rates Through Better UX Design (uxm)10,871
user-conversion, metrics, optimization, user-experience
Dithering (chr)10,870
images, dithering
A Complete Guide to Usability Testing (uxm)10,869
guides, usability, testing
The Problem With Sticky Menus and What to Do Instead (ada)10,868
navigation, usability, user-experience
How to Configure Path Aliases in Frontend Projects in the Native Way10,867
how-tos, aliases, javascript, configuration
How Far Back in Time Can I Take My Website’s Design10,866
web, design, history, html, css
Should the Confirmation Button Come First or Last? (uxd)10,865
buttons, interaction-design
The Image Sorting Experiment (uxd)10,864
images, information-design, sorting, experiments
Scaling Node.js Web Apps With Docker10,863
scalability, nodejs, web-apps, docker
Cron Job: A Comprehensive Guide for Beginners10,862
guides, cron
Complete Guide on Playwright Visual Regression Testing10,861
guides, playwright, design, testing, regressions
Design Tokens: Beginner’s Guide10,860
guides, design-tokens, design-systems
Speed Up or Slow Down a Video (pat/dev)10,859
browsers, dev-tools, multimedia
Scroll-Driven Animations (bra)10,858
websites, scrolling, animations
I’m Done With React10,857
videos, react
HTTP/1 vs. HTTP/2 vs. HTTP/310,856
http, protocols, comparisons
htmx Is the Future10,855
htmx, outlooks
How “:not()” Chains Multiple Selectors (mdn)10,854
css, selectors
CSS Logical Properties: A Good Use Case (wes)10,853
videos, css, logical-properties
New Features in the Orion Browser (kag)10,852
release-notes, orion, kagi, browsers
The Frontend Cloud Advantage10,851
cloud-computing
Using Go for Front End Development10,850
go
React Testing Library and Accessibility10,849
react, testing, libraries, accessibility, automation
How Do You Declare Namespace in JavaScript?10,848
javascript, namespaces
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (git)10,847
github, github-actions, automation, nodejs
Code Coverage vs. Test Coverage10,846
code-coverage, testing, quality, comparisons
An Introduction to the “:has()” Selector in CSS (5t3)10,845
introductions, css, selectors
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)10,844
performance, web-vitals, best-practices
Security Implications of HTTP Response Headers10,843
security, http, http-headers
How to Make a CSS-Only Hamburger Menu10,842
how-tos, css, navigation
Where Would You Take the W3C? (rob)10,841
discussions, w3c
The Latest Innovations in Drupal10,840
drupal
The Intersectionality of Web Performance (ada)10,839
performance, sustainability, dei
Release Notes for Safari Technology Preview 169 (jon/web)10,838
release-notes, browsers, apple, safari
Make Your Website Load Fast by Optimizing Request Priorities (deb)10,837
performance, optimization, network
How to Write More Efficient JavaScript Conditions (fre)10,836
how-tos, javascript, efficiency
Don’t Use Custom CSS Scrollbars (eri)10,835
css, scrolling
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It10,834
accessibility, training
DevEx: What Actually Drives Productivity (acm)10,833
developer-experience, productivity, metrics
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)10,832
events, javascript
Angular v16 Is Here (mge/ang)10,831
angular, release-notes
7 Practical CSS Typography Tips and Tricks (zor/css)10,830
videos, css, typography, tips-and-tricks
Things Considered Harmful (bre)10,829
php, laravel
A/B Testing: A Primer10,828
introductions, testing, metrics, optimization
The Native Way to Configure Path Aliases in Frontend Projects10,827
javascript, nodejs, esm, commonjs, tooling, aliases
Why “font-size” Must Never Be in Pixels10,826
css, units, accessibility, responsive-design
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)10,825
videos, css, transitions, tips-and-tricks
SupportsCSS (5t3)10,824
websites, tooling, css, support
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)10,823
accessibility, focus, aria, html
Load Websites Faster With Code Splitting10,822
performance, code-splitting, react
How to Get Started With NodeJS—a Handbook for Beginners (fre)10,821
introductions, guides, nodejs
Do Logical Properties Make CSS Easier to Learn? (chr)10,820
css, logical-properties, learning
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?10,819
foss, community, github
CSS Naked Day and the Missing Wikipedia Page (j9t)10,818
css, awareness-days
Creating an Animated Gradient Border With CSS10,817
css, animations, gradients, borders
An Update on the Lock Icon (ser+/dev)10,816
browsers, google, chrome
A Radical Proposal: Put UX Research in Charge10,815
user-experience, research, product-management, strategies
A Complete Guide to Performance Budgets (spe)10,814
guides, performance, performance-budgets, metrics
3 Engineering Mistakes That Kill Startups10,813
mistakes, architecture
7 Things to Remove From Your Job Postings to Be More Inclusive (wom)10,812
hiring, dei
What’s New in Svelte: May 2023 (sve)10,811
release-notes, svelte, sveltekit
This Blog Is Hosted on My Android Phone10,810
websites, hosting, mobile
Testing Feature Support for Modern CSS (5t3)10,809
css, feature-detection, support
Tailwind CSS vs. UnoCSS10,808
tailwind, unocss, css, frameworks, comparisons
“:root” Isn’t Global (kil)10,807
css
Qwik Reaches v1.0 (bui)10,806
release-notes, qwik
Practical Guide to Not Blocking the Event Loop10,805
guides, javascript, event-loop, events, performance
CSS Wishlist 2023 (ell)10,804
css, wish-lists
Configuring ESLint, Prettier, and TypeScript Together (jos)10,803
eslint, prettier, linting, formatting, tooling, typescript, configuration
CDNs: Speed Up Performance by Reducing Latency (aus)10,802
content-delivery, performance
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)10,801
foss, content, career
Two Underused Arguments for Writing Documentation (j9t)10,800
writing, documentation, career
My Favorite Free Courses to Learn JavaScript in Depth10,799
courses, javascript, training, link-lists
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)10,798
web, web-platform, standards, foss, history, anniversaries
The Popover API Is Exciting, Sort Of (mrt)10,797
apis, pop-overs
Dark Mode in 3 Lines of CSS and Other Adventures (sto)10,796
css, dark-mode
Information Architecture (IA) and Sitemap: Simple and Easy to Understand10,795
information-architecture, sitemaps, best-practices
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)10,794
css, javascript, functions, quality
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)10,793
css, refactoring, maintenance, optimization
New to the Web Platform in April (rac/dev)10,792
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
JS Private Class Fields Considered Harmful (lea)10,791
javascript
Everything You Need to Know About Webpack’s Bundle Analyzer10,790
webpack, bundling, tooling
Animating the Impossible (btc)10,789
videos, animations, transitions
A Beginner’s Introduction to the Most Common Data Types in Programming10,788
introductions, types, programming
Writing Unit Tests in Node.js Using Jest10,787
testing, nodejs, jest
What Is the Value of a Design System? (zer)10,786
design-systems
Typography for Everyone (tob/btc)10,785
videos, fonts, typography
The Most Underrated Section of Design Portfolios10,784
design, career
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)10,783
accessibility, communication, advocacy, processes
Modern CSS Layout Is Awesome! (mic/btc)10,782
videos, css, layout
How to Manage Design Tokens10,781
how-tos, design-tokens, maintenance
How to Deep Merge Arrays and Objects With JavaScript (cfe)10,780
how-tos, javascript, arrays, objects
Accessible Target Sizes Cheatsheet (vit/sma)10,779
accessibility, user-experience
Structure and Interpretation of Flutter (win)10,778
flutter, dart
The Most Important Thing Productivity Tools Are Missing About AI (uxd)10,777
tooling, productivity, ai
What Is the QUIC Protocol?10,776
protocols, quic
The Interactive Guide to Rendering in React10,775
guides, client-side-rendering, react
Discovering the Power of JavaScript Proxy After All This Time10,774
javascript
Adding Motion to the Next Decade of Atomic Design (uxd)10,773
design, atomic-design
Transition To and From “display: none” With Upcoming CSS Capabilities (una)10,772
videos, css, transitions
The Best Way to Get nvm Working in CI/CD Systems10,771
nvm, ci-cd
Reducing the Cost of String Serialization in Node.js Core10,770
nodejs, strings, performance
Crafting the Next.js Website10,769
nextjs
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf10,768
nodejs, npm, nvm
Organizing a Web Design System for Scalability in Figma (uxd)10,767
design-systems, scalability, figma
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (uxd)10,766
design-debt, user-experience, metrics, economics
Figma, I Love You but You’re Bringing Me Down (uxd)10,765
figma
What’s New in Node.js 20 (cra)10,764
nodejs
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)10,763
accessibility, cookies, legal, privacy, user-experience
The “const” Deception (jos)10,762
javascript
Scoped CSS Is Back (kei)10,761
css, scope
npm vs. Yarn vs. pnpm10,760
npm, yarn, pnpm, comparisons
Goodbye “create-react-app”: A New Approach10,759
react
Frontend Web Performance Checklist10,758
performance, checklists
CSS Blend Modes10,757
css, blend-modes
Avoiding Dark Patterns in Web Design (boa/fro)10,756
dark-patterns, design
Automating Dependency Updates: The Big Debate10,755
dependencies, automation, ci-cd, security
The Case Against Automatic Dependency Updates (ben)10,754
dependencies, automation, ci-cd, maintenance, security
Transitioning to Height Auto (Two Ways) (kei)10,753
css
“The Secret List of Websites” (chr)10,752
ai, web, content
The Effects of Technical Debt on Morale10,751
research, technical-debt, productivity
Meeting WCAG Level AAA (pat/tet)10,750
accessibility, wcag, conformance, standards
How to Write Comments in React: The Good, the Bad, and the Ugly10,749
how-tos, react, comments
Exploring the Potential of Web Workers for Multithreading on the Web (sma)10,748
web-workers, multithreading, performance, javascript
“details”/“summary” Inconsistencies (mat)10,747
html, disclosure-widgets, browsers, assistive-tech, support
Dark Mode Toggle and “prefers-color-scheme”10,746
dark-mode, toggles, css
Considering Content Warnings in HTML (aar)10,745
html, content, dei
Designing and Coding for Voice10,744
accessibility, voice
System Design Blueprint: The Ultimate Guide (zon)10,743
guides, cheat-sheets, architecture, system-design, principles
Upgrading Our CSS Habits: “aspect-ratio” (cod)10,742
css, aspect-ratio
This Website Is Under Construction, a Love Letter to the Personal Website (btc)10,741
videos, web, web-platform
Spinning Diagrams With CSS (har)10,740
css, animations
Read-Only Web Apps (ada)10,739
javascript, progressive-enhancement
CSS Custom Properties Beyond the “:root” (mat)10,738
css, custom-properties, semantics
5 Topics You Should Touch on During the Recruitment Process10,737
interviewing, career, processes
It’s Time for the Tech Industry to Live Up to Its Ideals (uxd)10,736
career, outlooks
Visually Accessible Data Visualization10,735
accessibility, information-design
Why Is Scrum the Most Popular Agile Framework?10,734
scrum, agile, processes
Using HTML Elements as CSS Masks10,733
css
Release Notes for Safari Technology Preview 168 (jon/web)10,732
release-notes, browsers, apple, safari
Productivity and Well-Being: A Summary of What Works10,731
productivity, career
Introduction to Web Animations With GSAP10,730
introductions, animations, javascript, gsap
Introducing npm Package Provenance (git)10,729
introductions, github, npm, provenance, security, foss
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)10,728
videos, introductions, performance, dev-tools, browsers, google, chrome
Generating Provenance Statements10,727
npm, provenance, security
Browser Rendering: What Happens Behind the Scenes (fro)10,726
browsers, rendering, browser-engines, parsing, painting, dom, cssom
5 Code Refactoring Techniques to Improve Your Code10,725
refactoring, maintenance, techniques
Container Query Units and Fluid Typography (5t3)10,724
css, container-queries, typography, liquid-design
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)10,723
accessibility, multimedia, experiments
10 Common Mistakes in Angular Development10,722
angular, mistakes, best-practices
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?10,721
how-tos, aws, cloudfront, caching
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store10,720
liquid, shopify, customization, tips-and-tricks
What’s New in ECMAScript 2023 (paw)10,719
ecmascript, standards
The Three Browser Storage Mechanisms10,718
browser-storage, cookies, comparisons
Signals: Fine-Grained Reactivity for JavaScript Frameworks10,717
javascript, reactivity, signals, frameworks
Node.js 20 Is Now Available! (nod)10,716
nodejs, release-notes
Kubernetes Quick Tutorial10,715
tutorials, kubernetes
How to Create an SEO Strategy (moz)10,714
how-tos, seo, strategies
DevTools: A Better Way to Visualize Your JavaScript10,713
dev-tools, visualization, browsers, performance, lighthouse, google, chrome, microsoft, edge
8 Best Tools for Cryptography and Encryption (sta)10,712
link-lists, tooling, comparisons, security, cryptography, encryption, privacy
Building a Static Site With Eleventy and Tailwind10,711
eleventy, tailwind
You Are What You Measure10,710
videos, metrics
What Is Design Thinking? (sma)10,709
design
Using a Muted Color Palette in Web Design (uxm)10,708
design, colors, color-palettes
It’s Very Likely That… (mat)10,707
html, semantics, buttons, modals
Firefox May Soon Reject Cookie Prompts Automatically10,706
cookies, legal, user-experience, mozilla, firefox
Deno vs. Node: No One Is Ready for the Move10,705
deno, nodejs, dependencies, comparisons
Business Impacts of UI Design and UX Design (uxm)10,704
design, economics
Answering “What ARIA Can I Use?” (w3c)10,703
accessibility, aria, browsers, screen-readers, assistive-tech, support
All About the Semantic Web10,702
semantic-web, concepts
A List of Programming Playgrounds (b0r)10,701
programming, link-lists, testing
Exploring “:has()” Again (mic)10,700
css, selectors
How to Name Design Tokens in a Design System (uxd)10,699
how-tos, design-tokens, design-systems, naming
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)10,698
information-architecture, information-scent, usability, mistakes
The Acronyms of Rendering on the Web (whi)10,697
rendering, server-side-rendering, client-side-rendering, terminology
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)10,696
javascript, performance, plugins
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)10,695
css, media-queries, performance, sustainability
My Favorite Courses to Learn Microservices in Depth10,694
courses, training, microservices, link-lists
Angular 16 Is Huge10,693
angular
Lessons of Design (fab/uxd)10,692
lessons, design
Dissecting npm Malware: Five Packages and Their Evil Install Scripts10,691
npm, security, malware
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)10,690
design, user-experience, research
What Are User Permissions? Concepts, Examples, and Maintenance10,689
permissions, authorization, concepts, examples
Web Accessibility: A Reference to Creating Inclusive Websites (sta)10,688
accessibility
The “details” Element Is Amazing (fon)10,687
html, disclosure-widgets
Ping Animation With Minimal CSS (ami)10,686
css, animations
Consume Web Streams From OpenAI Using Vanilla JavaScript10,685
videos, data-fetching, streaming, ai, openai, javascript
4 Ways to Create an Enum in JavaScript10,684
javascript
Embracing AI as a Material for Design (uxd)10,683
design, ai, content
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec/dev)10,682
videos, dev-tools, browsers, google, chrome, debugging, testing, css, release-notes
The Pros and Cons of Different UI Automation Test Tools—Puppeteer10,681
automation, testing, puppeteer
Memory Allocation (sam)10,680
memory, programming, visualization
Costly CSS Properties and How to Optimize Them10,679
css, performance, optimization
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers10,678
accessibility, assistive-tech, screen-magnification
A History of the World Wide Web From 1989 to the Present Day10,677
history, web
11ty and Lit, a Match Made in Heaven for Simple Sites10,676
eleventy, web-components, lit
10 Best Sorting Algorithms Explained10,675
sorting, algorithms
Transparent Video for the Web in 2023 (cla)10,674
multimedia, transparency
Solving the CSS Layout and Source Order Disconnect (rac/dev)10,673
css, layout, source-order
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)10,672
videos, slides, accessibility, processes
Passkeys: What the Heck and Why? (css)10,671
security, passkeys
How to Work With Dates and Times in Vanilla JavaScript (cfe)10,670
how-tos, javascript
CSS: Tricks for Targeting Elements With CSS10,669
css, selectors, tips-and-tricks
Angular Is Back With a Vengeance (fir)10,668
videos, angular
Advanced Figma Components Tips and Tricks: Little Gems We Love (uxd)10,667
figma, components, design, tips-and-tricks
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)10,666
browsers, mozilla, firefox, cookies, privacy
Understanding CSS Preload and Other Resource Hints (log)10,665
css, performance, hints, preloading
Shallow vs. Deep Copying in JavaScript10,664
javascript, comparisons
HTML Dark Mode (bt)10,663
html, dark-mode
HTML Accessibility API Mappings 1.0 (ste+/w3c)10,662
html, accessibility, apis
Expanding Grid Cards With View Transitions (chr)10,661
css, grids, view-transitions
Don’t Override Screen Reader Pronunciation (aar)10,660
accessibility, screen-readers, pronunciation
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience10,659
videos, accessibility, design-systems, dei, user-experience
A Designers Guide to the Principles of Web Design10,658
guides, design, principles, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Formulating Your Product Design North Star (aka Design Principles) (uxd)10,657
design, principles, processes
What’s a Basic Use Case for Cascade Layers in CSS? (chr)10,656
css, cascade, maintainability
Trying Node.js Test Runner (bah)10,655
nodejs, testing
The Performance Golden Rule Revisited (tka)10,654
performance, metrics
Temporal Intervals Are Handy in MySQL (ami)10,653
databases, mysql, time
React, Visualized10,652
introductions, react, visualization
New HTML Element: “search” (alv)10,651
html, semantics
Load Balancing (sam)10,650
load-balancing, performance, visualization, architecture
Document or Die: The Importance of Writing Things Down in Tech10,649
documentation, maintainability, link-lists
Building Pagination in React With React Paginate10,648
react, navigation, pagination
The Real Difference Between “useMemo” and “Memo” in React10,647
react, hooks, performance, examples
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup10,646
bundling, tooling, webpack, parcel, rollup, comparisons
Why Astro Is My Favorite Framework (mrt)10,645
astro, frameworks
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)10,644
css, dark-mode
CSS Text Balancing With “text-wrap: balance” (sha)10,643
css, typography
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide10,642
guides, career, learning
Choosing Humanity Over Automation (uxd)10,641
ai, design, automation
What’s New in CSS? (bra)10,640
slides, css
Understanding Apache Web Server Configuration10,639
servers, apache, configuration
Mastering Yarn’s Lifecycle With Hooks10,638
yarn, hooks
Boost Your JavaScript With JSDoc Typing10,637
javascript, typescript, documentation, jsdoc
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting10,636
zx, shell, command-line
Advancing Your Tech Skills (wom)10,635
career, learning
The Pattern to Make Your Frontend Tests 10× Better10,634
testing
Stream File Uploads to S3 Object Storage and Save Money (aus)10,633
aws, streaming, storage, economics
Programming-Language Popularity by GitHub Pull Requests (lem)10,632
studies, research, programming, comparisons, github, javascript, typescript
It’s Time to Learn OKLCH Color (kei)10,631
colors, oklch, css
DevTools: A Clever Overview of All Your CSS Code10,630
browsers, dev-tools, auditing, css, google, chrome
Chasing Rainbows (ver)10,629
accessibility, colors, color-blindness, user-experience
Unlocking the Power of Design Tokens to Create Dark Mode UI10,628
design-tokens, dark-mode
Frontend Developer Tries Tailwind for the First Time (zor/css)10,627
videos, tailwind, css
Establishing Metrics for Accessibility ROI (kar)10,626
accessibility, metrics, economics
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)10,625
web-components, css, scope, dom, shadow-dom, support
10 CSS Animation Tips and Tricks (kev)10,624
videos, css, animations, tips-and-tricks
Foundations: Accessible Names and Descriptions (ihe/tet)10,623
accessibility, fundamentals, naming, writing, aria
What’s New in WCAG 2.2?10,622
accessibility, wcag, standards
The Death of JPEG-XL10,621
jpeg-xl, images
The Alt Text War—SEO vs. Accessibility10,620
accessibility, seo, images, writing, alt-text, comparisons
Release Notes for Safari Technology Preview 167 (jon/web)10,619
release-notes, browsers, apple, safari
Observing CSS10,618
css, javascript, monitoring
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript10,617
guides, javascript, memory, garbage-collection
Designing for Reduced Motion10,616
accessibility, animations, reduced-motion, css, media-queries, javascript
Choosing a Name for Your Design System (bra)10,615
design-systems, naming
Can You Create Beautiful Stroked Text in CSS? (log)10,614
css, effects
7 Tips for Getting Started With Vue.js10,613
videos, vuejs, tips-and-tricks
What Makes a Good Screenshot? (llo/tpg)10,612
accessibility, images
What Is Semantic HTML?10,611
html, semantics
Understanding npm Versioning10,610
npm, dependencies, versioning, semver
The Revenge of the Pop-Up (ver)10,609
user-experience, anti-patterns, pop-ups
Testing Localhost on Multiple Devices (cit)10,608
testing, environments
New in Chrome 112 (tro/dev)10,607
release-notes, browsers, google, chrome
Code Explanation Using GitHub Copilot (ami)10,606
github-copilot, ai, learning
4 GitHub Alternatives for Code Repositories (sta)10,605
git, link-lists
Quick Tip: Pull Data From an API Into a Figma Layer (dxn)10,604
tips-and-tricks, apis, figma, design
So, How Can We Measure UX? (uxd)10,603
user-experience, metrics
What Is a Design System and Why Should You Use One? (uxm)10,602
design-systems
Slow Start and Congestion Control (Browser Networking)10,601
performance, protocols, tcp
Safari Releases Are Development Hell10,600
browsers, apple, safari, support
JSON vs. XML With Douglas Crockford (dou)10,599
podcasts, interviews, json, xml, comparisons, history
How WebAssembly Is Accelerating New Web Functionality (dev)10,598
webassembly, functionality
Five Pieces of Advice for More Accessible Websites (cit)10,597
accessibility, html
Exposing Field Errors (aar)10,596
accessibility, forms, aria, assistive-tech, support
Copy to Clipboard in JavaScript and React10,595
javascript, react
Accessibility for Designers: Where Do I Start? (ste)10,594
accessibility, design, link-lists
A Small JavaScript Pattern I Enjoy Using (kil)10,593
javascript
A Color Wheel With Gradient (css)10,592
css, colors, gradients, effects, tips-and-tricks
Why Do They Ignore My Awesome Design Documentation?10,591
design, documentation
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)10,590
accessibility, contrast, colors
The Future of Senior Developers in an AI-Driven World (cod)10,589
career, ai, code-completion
Syntaxonomy—a Collection of Web Languages (ale)10,588
websites, training, learning, career, link-lists
Sticky Page Header Shadow on Scroll (hex)10,587
css, scrolling, shadows
Modern HTML Email (Tables No Longer Required) (oll)10,586
html, email, tables
7 Tricks to Take the Performance of Your Website to the Moon10,585
performance, minification, tree-shaking, tips-and-tricks
10 Ways to Hide Elements in CSS (cra)10,584
hiding, css, accessibility, performance
We Need Accessibility Action (yat)10,583
accessibility, web
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps10,582
guides, accessibility, testing, automation, ci-cd, react
Folder Structure for Modern Web Applications10,581
architecture, web-apps
Convert PNG to JPG Using FFmpeg (ama)10,580
images, png, jpeg, conversion, tooling
The Pros and Cons of Different UI Automation Test Tools—Playwright10,579
automation, testing, playwright
On-Page SEO Checklist: The Complete Task List for 2023 (sem)10,578
seo, checklists, html, semantics
New to the Web Platform in March (rac/dev)10,577
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (cod)10,576
videos, ai, centering
DevTools: Getting Data From DevTools Into Your Code Editor10,575
dev-tools, browsers, code-editors
Alternative Text in the Wild: 5 Alternative Text Examples (pop)10,574
accessibility, writing, examples
A CSS Selector to Highlight Clickable Elements (seb)10,573
css, selectors
Clojure Transducers: Your Composable Data Pipelines (jan)10,572
clojure, functions
What Are Source Maps? (jec/dev)10,571
videos, debugging, javascript, source-maps
From Burnout to Balance: Why Are So Many UX Designers Fatigued? (uxd)10,570
career, productivity, user-experience, design
XUL Layout Is Gone10,569
history, xul, browsers, mozilla, firefox
Why JavaScript Is a Prototype-Based OOP10,568
javascript, oop
Why I Quit Being a Tech “Influencer”10,567
career
One in Two New npm Packages Is SEO Spam Right Now10,566
npm, seo
CSS Masking (sha)10,565
css, masking
Checkered Background Using Two Lines of Code in CSS (ami+)10,564
backgrounds, css
AWS CloudFront Tutorial: Setup and Configuration10,563
tutorials, aws, cloudfront, content-delivery, configuration
Usability Heuristics in Game Design (uxd)10,562
usability, heuristics, design
Using PHP Arrays: A Guide for Beginners10,561
guides, php, arrays
The WebAIM Million (web)10,560
studies, research, accessibility, metrics
HTML: Help Users to Download Files With the HTML “download” Attribute10,559
html, attributes
How to Use Google Fonts and “font-display”10,558
how-tos, google, fonts, css
Framework Popularity on Netlify (sel/net)10,557
frameworks, react, nextjs, gatsby, hugo, zola, comparisons
Flutter Performance Optimization Techniques and Best Practices10,556
flutter, performance, optimization, best-practices
CSS Nesting (fro)10,555
css, nesting, sass, comparisons
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd)10,554
sustainability
Accessibility vs. Emojis (uxd)10,553
accessibility, emoji, unicode, comparisons
How to Write an Accessibility Statement (ger)10,552
how-tos, accessibility, documentation, writing
TypeScript Function Types: A Beginner’s Guide10,551
guides, typescript, functions
Meet Arc, a New Innovative Browser That Challenges Chrome10,550
browsers, arc, the-browser-company, google, chrome
JavaScript Import Maps Are Now Supported Cross-Browser (tom/dev)10,549
javascript, import-maps, browsers, support
In Praise of Vite (spa/clo)10,548
vite
Improving CSS Shapes With Trigonometric Functions (dan)10,547
css, shapes, functions
How to Split an Angular App Into Micro-Frontend Apps10,546
how-tos, angular, micro-frontends, web-apps
How to Review and Refactor Code With GPT-4 (and ChatGPT)10,545
how-tos, code-reviews, refactoring, ai, chatgpt, optimization
Guardrails for Better Accessibility Support in Frontend (net)10,544
accessibility, quality, tooling
File Uploads for the Web: File Uploads in Node and Nuxt (aus)10,543
file-handling, nodejs, nuxt
Connecting Dots of an Accessibility Audit10,542
accessibility, auditing
10 AI Tools for Content Writing (sta)10,541
tooling, link-lists, content, writing, ai
Introduction to esbuild10,540
introductions, esbuild, bundling
Mastering the JavaScript “switch” Statement10,539
javascript
Getting Started With HTML Tables10,538
html, tables, introductions
Function Overloading in TypeScript10,537
typescript, functions
Fighting Inter-Component HTML Bloat (eli)10,536
components, html, semantics, quality
Defaulting on Single Page Applications (SPA) (zac)10,535
single-page-apps, javascript, performance
CSS Creator Håkon Wium Lie Interview10,534
interviews, css
AI-Enhanced Development Makes Me More Ambitious With My Projects (sim)10,533
ai, code-completion, productivity
A Quick Guide to Reviewing a VPAT ACR (kar)10,532
accessibility, vpat-acr, conformance, auditing
UX Principles for AI Products (uxd)10,531
user-experience, principles, ai
UX Basics: Study Guide (nng)10,530
guides, fundamentals, user-experience, training, link-lists
Using TypeScript Without Compilation (pas)10,529
typescript
Senior Engineering Strategies for Advanced React and TypeScript (tec)10,528
strategies, react, typescript, architecture, testing, performance, accessibility, security, maintenance
Harnessing GPT-4 for Writing Assistance and Content Creation10,527
writing, content, social-media, ai
CSS-Only Widgets Are Inaccessible (aar)10,526
accessibility, css