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