Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

News and Tools for Web Developers (16)

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

Entry (Sources) and TopicsDate#
Design Systems Directory11,066
websites, design-systems
CSS in Micro Frontends11,065
css, micro-frontends
Cascade Layers Are Useless * (mat)11,064
css, cascade
Creating a Flexible Design Token Taxonomy for Intuit’s Design System11,063
design-tokens, design-systems
W3C Launch Their New Website (sim/stu)11,062
w3c
Top 6 AI Coding Assistants in 202311,061
ai, tooling
Three Key Principles for an Accessible Website11,060
principles, accessibility
Thoughts From “Meet Safari for Spatial Computing” (jim)11,059
apple, safari, spatial-web, accessibility, responsive-design
Style Your RSS Feed (dar)11,058
css, syndication, rss, atom
State of CSS 2023 (sac/dev)11,057
surveys, css
Making Your Design Tokens Future-Proof (and)11,056
design-tokens
Continuous Accessibility (a11)11,055
websites, accessibility, processes
Authentication vs. Authorization11,054
authentication, authorization, comparisons
ExtJS for Beginners11,053
extjs
Why UX Testing Is Critical to Your Web Site’s Success (uxm)11,052
user-experience, testing
Radix UI Component With Next.js and Tailwind CSS11,051
videos, components, radix, nextjs, tailwind
Packaging and Selling a Node.js App11,050
nodejs
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)11,049
gatsby, internationalization
Can Web Developers Be Held Liable?11,048
accessibility, legal
Button Types (ada)11,047
html, buttons
Balancing Users’ Needs and Business Goals in UX Design (uxm)11,046
user-experience, design
Balancing Users’ Data Privacy and the User Experience (uxm)11,045
privacy, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)11,044
dependencies, maintenance, renovate, configuration
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)11,043
navigation, scrolling, user-experience
The New CSS (mat)11,042
css, design, web-platform
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)11,041
javascript, import-maps
How to Clean Up Your Local Repository With Git Commands (thi)11,040
how-tos, git, command-line, maintenance
It’s Time for Dimensional Thinking in Design (uxd)11,039
design, ai
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples11,038
tutorials, guides, databases, indexeddb, examples
Git Concepts Everyone Should Know (fra)11,037
git, concepts
Wolvic 1.4 Released (wol)11,036
release-notes, wolvic, igalia, browsers
TypeScript 5.2’s New Keyword: “using” (mat)11,035
typescript
The Five Types of People Who Produce Inaccessible Code (eri)11,034
accessibility, community
Standardising Design Tokens (oll)11,033
design-tokens, conventions
Scoping (mat)11,032
css, scope
Create React UI Lib: Component Library Speedrun11,031
typescript, react, components, npm
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)11,030
css, animations, transitions, scrolling, custom-properties, container-queries
What’s UnAI-Able11,029
ai
What Are Deceptive Patterns?11,028
user-experience, dark-patterns
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers11,027
tips-and-tricks, programming
The Next Phase of Eleventy: Return of the Side Project (zac)11,026
eleventy
HTML Imports (w3c)11,025
html
How to Add a CSS Reveal Animation to Your Images (css)11,024
how-tos, css, animations, images
Django: A Security Improvement Coming to “format_html()” (ada)11,023
django, security, html
An Explosion in Software Engineers Using AI Coding Tools? (ger)11,022
ai, code-completion, productivity
A Guide to Coding Standards to Improve Code Quality11,021
guides, conventions, formatting, consistency, quality
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)11,020
accessibility, testing, forms
Simplify Email Development With MJML: A Beginner’s Guide11,019
email, mjml, guides
How (and Should?) We Stop the Infinite Scroll (uxd)11,018
user-experience, scrolling
Using Color Wheel Combinations in Your Designs (web)11,017
colors, design
Puppeteer in Node.js: More Antipatterns to Avoid (app)11,016
nodejs, scraping, testing, anti-patterns, puppeteer
npm Won’t Publish Packages Containing the Word “keygen”11,015
discussions, npm, dependencies
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)11,014
how-tos, svelte, sveltekit, web-apps, server-side-rendering
End-to-End Tracing11,013
observability, tracing, case-studies
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)11,012
design, accessibility, css, comparisons
Cyclic Dependency Space Toggles (kiz)11,011
toggles, css, custom-properties
When and Why to Use a Click Test11,010
usability, testing
Tuesday, June 20, 2023 Security Releases (raf/nod)11,009
release-notes, nodejs, security
The Gotchas of CSS Nesting (kil)11,008
css, nesting
Rebuilding a Comment Component With Modern CSS (sha)11,007
functionality, components, css
Nuxt in 100 Seconds (fir)11,006
videos, introductions, nuxt
Naming Components11,005
design-systems, components, naming
Positioning Anchored Popovers (hdv)11,004
pop-overs, css, positioning
“margin-trim” as a Best Practice? (chr)11,003
css, margins
Gatsby Headaches and How to Cure Them: I18N (mon/sma)11,002
gatsby, internationalization
Chrome for Testing: Reliable Downloads for Browser Automation (mat/dev)11,001
browsers, google, chrome, testing
Blur Vignette Effect in CSS11,000
css, effects
Bottom Sheets: Definition and UX Guidelines (nng)10,999
terminology, guidelines, mobile, user-experience
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)10,998
css, web-platform
How to Learn Programming10,997
how-tos, learning, programming
How to Highlight Required and Optional Form Fields (ada)10,996
how-tos, forms, mistakes, usability
CSS! CSS! CSS! (mat)10,995
css, community
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now10,994
html, viewport, metadata, accessibility, responsive-design
An Introduction to DevOps10,993
introductions, dev-ops
That’s Not How I Wrote CSS Three Years Ago (mat/css)10,992
videos, css, support
Shining Light on the Shadow DOM (cas/css)10,991
videos, shadow-dom, dom
Modern CSS for Dynamic Component-Based Architecture (5t3)10,990
css, architecture, components
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)10,989
videos, css, scrolling, animations, view-transitions
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)10,988
videos, css, browsers, microsoft, internet-explorer, support, history
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)10,987
design, strategies
CSS Containers, What Do They Know? (mia/css)10,986
videos, css, container-queries
Best Animation Libraries for React10,985
libraries, animations, react, link-lists
Why Doesn’t CSS Have Scope? (hey/css)10,984
videos, css, scope
The Universal Focus State (eri)10,983
accessibility, focus, css
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)10,982
css, scrolling
Style Recalculation Secrets They Don’t Want You to Know (pat/css)10,981
videos, css, selectors, performance
Sticky Content: Focus in View (tet)10,980
accessibility, focus, scrolling, css
State of the CSS Community (una/css)10,979
videos, css, community
No, “AI” Will Not Fix Accessibility (aar)10,978
accessibility, ai
Must Know JavaScript API—IndexedDB API10,977
databases, indexeddb, javascript, apis
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)10,976
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Designing a Scalable Backend in Node.js (app)10,975
software-design, scalability, nodejs
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)10,974
videos, dev-tools, browsers, google, chrome
Best Practices for Container Queries (zel)10,973
best-practices, container-queries, css
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)10,972
checklists, performance, compression, dependencies, accessibility, legibility, naming
Are Simple Websites Better for Business? (web)10,971
design, simplicity
48 Laws, Rules, and Principles of Web Development (j9t)10,970
programming, principles, terminology
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)10,969
standards, accessibility, aria, rich-internet-apps
What’s New in CSS (jen)10,968
videos, css, apple
Tokens Are the Most Valuable Artifact a Design System Can Provide10,967
design-systems, design-tokens
The Ultimate Guide to Writing Technical Blog Posts (bla)10,966
guides, writing, blogging
Styling Scrollbars (oll)10,965
scrolling, css
RSC From Scratch: Server Components10,964
videos, react, components
Reducing Complexity in Front End Development (mic)10,963
complexity, performance, css, javascript
Modern CSS in Real Life (chr)10,962
css
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)10,961
information-design, user-experience, tables, grids
Be Careful With “ch” Units (cit)10,960
css, units
Assume the Position—a Labeling Story (llo/tpg)10,959
accessibility, forms, labels, html
Angular at Google I/O 2023 (ang)10,958
release-notes, angular, google
Accessibility and Artificial Intelligence (joe)10,957
accessibility, ai
What Is Open Graph? How to Use It for Your WordPress Website?10,956
how-tos, open-graph, html, social-media, wordpress
Primitive Objects in JavaScript: When to Use Them (sma)10,955
javascript, objects
One More Thing—Apple’s Push on Web Apps on macOS10,954
apple, web-apps
Is React Having An AngularJS Moment?10,953
react, angularjs
An Introduction to Debugging in Node.js (cra)10,952
introductions, debugging, nodejs
Accessibility Testing—Pay Attention to the Details10,951
accessibility, testing
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)10,950
user-experience, accessibility, focus, forms
test262.fyi10,949
websites, javascript, ecmascript, javascript-engines, v8, spidermonkey
New Job? Negotiate as if Your Life Depends on It10,948
career
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance10,947
how-tos, rendering, dom, performance, debugging, angular
How We Created an Accessible, Scalable Color Palette10,946
colors, color-palettes, accessibility, scalability, case-studies
Every Design Team Needs Writers (uxd)10,945
design, writing
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)10,944
accessibility, focus, wcag, standards
wasmati: You Should Write Your WebAssembly in TypeScript10,943
webassembly, typescript, libraries
The Many Ways to Select the n-th Character From a String (cod)10,942
javascript, strings
No Single Metric Captures Productivity10,941
productivity, metrics
New CSS Color Spaces and Functions in All Major Engines (rac/dev)10,940
css, colors, functions, browsers, support
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)10,939
browsers, google, chrome, performance
How AI Can Make Software More Intuitive10,938
ai, usability
Do Not Drop Sass for CSS10,937
css, sass, preprocessors
An Introduction to “@ scope” in CSS (oll)10,936
introductions, scope, css
Presentational Colors (luk/uxd)10,935
colors, design-tokens
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)10,934
google, domains, ai
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)10,933
videos, javascript
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)10,932
transitions, dev-tools, browsers, google, chrome
The Context Dilemma10,931
design-systems, design-tokens
Some Things I Learnt From Working on Big Frontend Codebases10,930
complexity, lessons
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)10,929
html, semantics
Quick Tip: Shipping Resilient CSS Components (5t3)10,928
css, components, maintainability, resilience, tips-and-tricks
Performance Is Not a Checklist (tka)10,927
performance, user-experience
Asynchronous JavaScript for Beginners10,926
javascript, asynchronicity
Announcing TypeScript 5.1 (dan/typ)10,925
release-notes, typescript
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)10,924
forms, apis, css
Accessible Components: The Hamburger Menu10,923
accessibility, components, navigation
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS10,922
guides, deploying, complexity, architecture, aws
How to Format a Date With JavaScript—Date Formatting in JS (fre)10,921
how-tos, javascript, time
Watch Out for Layout Shifts With “ch” Units (pau/clo)10,920
performance, css, units
Token Operations (don)10,919
design-tokens
security.txt Now Mandatory for Dutch Government Websites10,918
security, legal
Release Notes for Safari Technology Preview 171 (jon/web)10,917
release-notes, browsers, apple, safari
Re-Evaluating “px” vs. “em” in Media Queries (kei)10,916
css, units, media-queries, comparisons
New to the Web Platform in May (rac/dev)10,915
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
Linting Defensive and Logical CSS With Stylelint Plugins (log)10,914
css, logical-properties, linting, stylelint, plugins
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)10,913
images, gif
How to Add Custom Meta Boxes in WordPress Without a Plugin10,912
how-tos, wordpress, customization
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)10,911
browsers, browser-engines, rendering, blink, css, selectors
Design Systems: A Curated List for Today’s UI/UX Designers (sta)10,910
design-systems, design, tooling, link-lists
Accessibility Audits for All (ada)10,909
accessibility, auditing, testing
What Is Personalization?10,908
personalization, concepts
The Art of Code Review10,907
code-reviews, processes, collaboration
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity10,906
productivity, metrics, engineering-management, culture, communication, collaboration, efficiency
I Think I Finally “Get” JS Objects10,905
javascript, objects
Hands on With the Node.js Test Runner (phi)10,904
nodejs, testing
Cracking the Theme Switcher and Dark Mode10,903
css, javascript, dark-mode
Announcing the Second Compute Pressure Origin Trial (dev)10,902
apis, browsers, google, chrome
An Introduction to JavaScript Proxies (cra)10,901
introductions, javascript
21 Awesome Web Features You’re Not Using Yet (fir)10,900
videos, html, css, javascript
The Double-Edged Sword of Design Systems (uxd)10,899
design-systems, design
Simple Things Make Things Simple (pjo)10,898
simplicity, case-studies
Don’t Meddle With User Input (tem)10,897
accessibility, forms
10 Incident Management Best Practices10,896
incident-response, best-practices, processes
Improving the Quality of the Software With Qodana and GitHub Actions10,895
jetbrains, qodana, quality, optimization, github, ci-cd
How Screen-Reader Users Type on and Control Mobile Devices (nng)10,894
accessibility, usability, screen-readers, mobile
The Problem With Nested Fieldsets and How to Avoid Them (ada)10,893
accessibility, forms, assistive-tech, support
The Optimization Sinkhole10,892
productivity, optimization
Sass-Like Nesting in Native CSS (ami)10,891
css, sass, nesting
Mastering CSS Blend Modes10,890
css, blend-modes
Understanding the Importance of Encoding10,889
encoding
WordPress Turns 20 (sar)10,888
wordpress
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript?10,887
javascript, unicode
When to Use Plain Text or Images Instead of MathML10,886
mathml, math, accessibility
Plain Old JavaScript and the DOM (dou)10,885
javascript, dom
We Need to Talk About How We Talk About Accessibility10,884
accessibility, communication, dei
Supper Club × Bramus Van Damme on CSS (bra+/syn)10,883
podcasts, interviews, css
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)10,882
how-tos, javascript, functions
Designing a Better Design Handoff File in Figma (sma)10,881
design, processes, figma
Brief Note on Popovers With Dialogs (aar)10,880
html, support, accessibility, pop-overs, modals
A Practical Overview on Architecture Decision Records (ADR)10,879
overviews, documentation, processes
Two Things That Are Not Great About OKLCH (chr)10,878
colors, oklch
Seven Lessons From 7 Years Designing Systems10,877
lessons, design-systems
Levelling Up Accessibility Skills in Your Organisation (int)10,876
videos, accessibility
“display: contents” Considered Harmful (eri)10,875
accessibility, css
The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra)10,874
css, transitions, techniques
WebKit and web-platform-tests (ann)10,873
webkit
Single Line Comments in CSS (jim)10,872
css, comments
Responsive CSS Layout Grids Without Media Queries (5t3)10,871
css, grids, layout, responsive-design
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)10,870
css, custom-properties
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)10,869
accessibility, vpat-acr, documentation
Querying Parsed HTML in BigQuery (rvi)10,868
html
Deploying AVIF for More Responsive Websites (dev)10,867
images, avif, performance
A Complete Guide to Using IndexedDB (log)10,866
guides, databases, indexeddb
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)10,865
html, best-practices, forms
You Don’t Need a Modal Window (dz4)10,864
websites, modals
Where to Put Your Types in Application Code (mat)10,863
typescript
Two Simple Layouts That Work Better With Grid (kev)10,862
videos, css, grids, layout
Introducing the Popover API (una/dev)10,861
introductions, apis, html, pop-overs
I Created 100+ Unique CSS Patterns (css)10,860
css, backgrounds, effects
Graph Slider10,859
sliders, css
Future of CSS: Popover API10,858
css, apis, pop-overs
File Upload Security and Malware Protection (aus)10,857
security, malware, file-handling, edge-computing
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design10,856
accessibility, dei, modals, time
Building a Modern Design System in Layers10,855
design-systems
Working With URLs With Vanilla JavaScript (cfe)10,854
javascript, urls
Why We’re Bad at CSS (per)10,853
css
Visual-Design Principles and UX Design Best Practices (uxm)10,852
design, user-experience, principles, best-practices
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)10,851
videos, css, selectors, maintenance
Be Careful Using “Menu” (aar)10,850
html, aria, design, terminology
10 Ways to Boost Your Landing Page Conversion Rates (uxm)10,849
landing-pages, user-conversion, metrics
Beyond Design Systems for Interfaces: A Mega System of Design Systems10,848
design-systems
Building Offline-First Web Applications With Service Workers and IndexedDB10,847
offline, web-apps, web-workers, databases, indexeddb, javascript
A Web Component Intro With Example10,846
introductions, web-components, examples
Server-Sent Events With Node.js10,845
nodejs, events
A Beginners Guide to Digital Accessibility (fra)10,844
guides, accessibility
Website Issues: On the Relevance of Audience Size and Impact (j9t)10,843
processes, quality
Using “linear()” for Better Animation (oll)10,842
animations, css, javascript
Measuring Design System “Adoption” (pjo)10,841
design-systems, metrics
How to Build Lean Efficient Websites in 2023 (cfe)10,840
how-tos, html, progressive-enhancement, minimalism
Creating a Shine Effect on a Card With Tailwind CSS10,839
tailwind, effects
A New Approach to Measuring Developer Productivity10,838
research, productivity, metrics
Write Better Code by Following These JavaScript Best Practices10,837
javascript, best-practices
What Devs Can Do on Global Accessibility Awareness Day10,836
accessibility, awareness-days
How to Create a Custom Range Slider Using CSS (css)10,835
how-tos, sliders, css, forms
Getting Started With View Transitions on Multi-Page Apps (dav)10,834
css, view-transitions, multi-page-apps, introductions
Core Principles of SEO10,833
seo, principles, overviews
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)10,832
accessibility, wcag, standards
Accessible Numbers10,831
websites, accessibility
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)10,830
videos, usability, internationalization, localization, ecommerce, tips-and-tricks
Thinking on Ways to Solve Color Palettes (arg/dev)10,829
videos, css, colors, color-palettes
Release Notes for Safari Technology Preview 170 (jon/web)10,828
release-notes, browsers, apple, safari
Jekyll Tutorial: How to Create a Static Website (kin)10,827
tutorials, how-tos, jekyll
ESLint Guide: How to Use It With Confidence10,826
guides, eslint, linting, consistency, maintainability
A History of Metaphors for the Internet (ver)10,825
history, web, terminology
Comparing Version Control Systems: Git, SVN, CVS, and More10,824
comparisons, version-control, git, svn, cvs
Why Your Design Language System Needs a Product Manager10,823
design-systems, product-management
Why Is Web Accessibility Important? (tpg)10,822
videos, accessibility
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)10,821
css, units
State of Node.js Performance 2023 (raf)10,820
nodejs
Semantics and the “popover” Attribute: What to Use When? (hdv)10,819
html, attributes, semantics, accessibility, pop-overs
Python Developers Survey 2022 Results (jet)10,818
surveys, python
It’ll Soon Be (Too) Easy to Develop a Website in A Day10,817
ai, processes, productivity, creativity
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)10,816
career, interviewing
GitHub Copilot and ChatGPT Alternatives (ger)10,815
github-copilot, chatgpt, ai, comparisons
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)10,814
javascript, arrays
Fieldsets, Legends, and Screen Readers Again (ste/tpg)10,813
accessibility, html, forms, screen-readers
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)10,812
design-patterns, design-systems, collaboration
Conditional CSS With “:has” and “:nth-last-child” (sha)10,811
css, selectors
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)10,810
accessibility, html
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)10,809
css, floats
Let’s Share Our Salaries, Title, Location, XP10,808
discussions, career
HTML Landmark Roles Screen Reader Demo (sch/mdn)10,807
videos, accessibility, html, screen-readers, voiceover, apple
How to Handle Production Support When Using Scrum10,806
how-tos, agile, scrum, processes
Get Full Type Support With Plain JavaScript10,805
javascript
CSS Art: Drawing a Coffee Stain (alv)10,804
css, art
10 Books to Improve Coding Skill in 202310,803
books, programming, link-lists
Error Message Guidelines (nng)10,802
guidelines, usability, errors, writing
The Problem With Disabled Buttons and What to Do Instead (ada)10,801
buttons, user-experience, accessibility
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)10,800
html, accessibility, screen-readers, support
ES2023 Features10,799
ecmascript
7 Secret TypeScript Tricks Pros Use10,798
typescript, tips-and-tricks
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies10,797
frameworks, reactivity, dependencies
What Is “Fake Door” Testing in UX? (uxd)10,796
testing, user-experience
Respect Your Children (ste/tpg)10,795
accessibility, html, aria
Keeping Up With an Ever Changing Web (joh)10,794
web-platform, learning
Building a Greener Web (mic)10,793
videos, web, sustainability
Add Opacity to an Existing Color (chr)10,792
colors, css
What’s New in CSS and UI: I/O 2023 Edition (una+/dev)10,791
css, retrospectives
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)10,790
javascript
Regular Expressions in JavaScript (hon)10,789
javascript, regex, examples
Introduction to Screen‐Readers: VoiceOver macOS Edition10,788
introductions, screen-readers, voiceover, apple
Introduction to Screen‐Readers: NVDA Edition10,787
introductions, screen-readers, nvda
Introduction to Screen‐Readers: JAWS Edition10,786
introductions, screen-readers, jaws
Best Practices for All Developers10,785
best-practices
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)10,784
performance, web-vitals, shopify
An Introduction to the Bun JavaScript Runtime (cra)10,783
javascript, runtimes, bun
Introducing INP to Core Web Vitals10,782
introductions, performance, web-vitals, seo
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)10,781
videos, performance, web-vitals
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas/uxd)10,780
agile, user-experience, processes, comparisons
Why an Engineering Manager Should Not Review Code (mul)10,779
engineering-management, code-reviews
What’s New in Web (dev)10,778
videos, browsers, support, web-platform
What’s New in Web Animations (bra/dev)10,777
videos, animations
Slow Design10,776
websites, design
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)10,775
sustainability, network
Introducing Baseline (rac/dev)10,774
introductions, browsers, support, web-platform
Introducing Baseline: A Unified View of Stable Web Features (mdn)10,773
introductions, browsers, support, web-platform
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)10,772
videos, how-tos, performance, web-vitals
ES2023 Introduces New Array Copying Methods to JavaScript (phi)10,771
javascript, ecmascript, standards, arrays
Developer Tools That Shouldn’t Be Secrets (cod)10,770
videos, browsers, dev-tools
Crafting a Modern Spotlight Effect With React and CSS10,769
css, react, effects
Baseline Features You Can Use Today (dev)10,768
browsers, support, web-platform
Advancing Interaction to Next Paint (rvi+/dev)10,767
performance, web-vitals
API Design Practice10,766
apis, documentation, link-lists
See What’s New in Firefox [113.0] (moz)10,765
release-notes, browsers, mozilla, firefox
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)10,764
css, grids, layout, view-transitions, apis
The Ongoing Defence of Frontend as a Full-Time Job (cod)10,763
career
Script Evaluation and Long Tasks (mal/dev)10,762
performance, javascript, web-vitals
Optimize Input Delay (mal/dev)10,761
performance, web-vitals, optimization
How to Handle Emojis in Node.js10,760
how-tos, nodejs, emoji, unicode
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)10,759
performance, dom, html, optimization
Find Slow Interactions in the Field (mal/dev)10,758
performance, web-vitals, auditing
Diagnose Slow Interactions in the Lab (mal/dev)10,757
performance, web-vitals
Design Systems [Are] a Mindset Not a Library10,756
design-systems
Client-Side Rendering of HTML and Interactivity (mal/dev)10,755
performance, html, client-side-rendering
An Introduction to Container Queries in CSS (5t3)10,754
introductions, css, container-queries
Proportional Design Systems With Proportio.app (uxd)10,753
design-systems
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications10,752
guides, langchain, google, gcp, functions, ai
Speed Trap (dav/ver)10,751
google, amp, web-platform
ShatGPT (ste)10,750
accessibility, ai
Pay Attention to Web Performance Metrics to Improve the UX (uxm)10,749
performance, metrics, user-experience, web-vitals, optimization
Improving Web-Site Conversion Rates Through Better UX Design (uxm)10,748
user-conversion, metrics, optimization, user-experience
Dithering (chr)10,747
images, dithering
A Complete Guide to Usability Testing (uxm)10,746
guides, usability, testing
The Problem With Sticky Menus and What to Do Instead (ada)10,745
navigation, usability, user-experience
How to Configure Path Aliases in Frontend Projects in the Native Way10,744
how-tos, aliases, javascript, configuration
How Far Back in Time Can I Take My Website’s Design10,743
web, design, history, html, css
Should the Confirmation Button Come First or Last? (uxd)10,742
buttons, interaction-design
The Image Sorting Experiment (uxd)10,741
images, information-design, sorting, experiments
Scaling Node.js Web Apps With Docker10,740
scalability, nodejs, web-apps, docker
Cron Job: A Comprehensive Guide for Beginners10,739
guides, cron
Complete Guide on Playwright Visual Regression Testing10,738
guides, playwright, design, testing, regressions
Design Tokens: Beginner’s Guide10,737
guides, design-tokens, design-systems
Speed Up or Slow Down a Video (pat/dev)10,736
browsers, dev-tools, multimedia
Scroll-Driven Animations (bra)10,735
websites, scrolling, animations
I’m Done With React10,734
videos, react
HTTP/1 vs. HTTP/2 vs. HTTP/310,733
http, protocols, comparisons
htmx Is the Future10,732
htmx, outlooks
How “:not()” Chains Multiple Selectors (mdn)10,731
css, selectors
CSS Logical Properties: A Good Use Case (wes)10,730
videos, css, logical-properties
The Frontend Cloud Advantage10,729
cloud-computing
Using Go for Front End Development10,728
go
React Testing Library and Accessibility10,727
react, testing, libraries, accessibility, automation
How Do You Declare Namespace in JavaScript?10,726
javascript, namespaces
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (git)10,725
github, github-actions, automation, nodejs
Code Coverage vs. Test Coverage10,724
code-coverage, testing, quality, comparisons
An Introduction to the “:has()” Selector in CSS (5t3)10,723
introductions, css, selectors
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)10,722
performance, web-vitals, best-practices
How to Make a CSS-Only Hamburger Menu10,721
how-tos, css, navigation
Where Would You Take the W3C? (rob)10,720
discussions, w3c
The Latest Innovations in Drupal10,719
drupal
The Intersectionality of Web Performance (ada)10,718
performance, sustainability, dei
Security Implications of HTTP Response Headers (sny)10,717
security, http, http-headers
Release Notes for Safari Technology Preview 169 (jon/web)10,716
release-notes, browsers, apple, safari
Make Your Website Load Fast by Optimizing Request Priorities (deb)10,715
performance, optimization, network
How to Write More Efficient JavaScript Conditions (fre)10,714
how-tos, javascript, efficiency
Don’t Use Custom CSS Scrollbars (eri)10,713
css, scrolling
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It10,712
accessibility, training
DevEx: What Actually Drives Productivity (acm)10,711
developer-experience, productivity, metrics
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)10,710
events, javascript
Angular v16 Is Here (mge/ang)10,709
angular, release-notes
7 Practical CSS Typography Tips and Tricks (zor/css)10,708
videos, css, typography, tips-and-tricks
Things Considered Harmful (bre)10,707
php, laravel
A/B Testing: A Primer10,706
introductions, testing, metrics, optimization
The Native Way to Configure Path Aliases in Frontend Projects10,705
javascript, nodejs, esm, commonjs, tooling, aliases
Why “font-size” Must Never Be in Pixels10,704
css, units, accessibility, responsive-design
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)10,703
videos, css, transitions, tips-and-tricks
SupportsCSS (5t3)10,702
websites, tooling, css, support
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)10,701
accessibility, focus, aria, html
Load Websites Faster With Code Splitting10,700
performance, code-splitting, react
How to Get Started With NodeJS—a Handbook for Beginners (fre)10,699
introductions, guides, nodejs
Do Logical Properties Make CSS Easier to Learn? (chr)10,698
css, logical-properties, learning
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?10,697
foss, community, github
CSS Naked Day and the Missing Wikipedia Page (j9t)10,696
css, awareness-days
Creating an Animated Gradient Border With CSS10,695
css, animations, gradients, borders
An Update on the Lock Icon (ser+/dev)10,694
browsers, google, chrome
A Radical Proposal: Put UX Research in Charge10,693
user-experience, research, product-management, strategies
A Complete Guide to Performance Budgets (spe)10,692
guides, performance, performance-budgets, metrics
3 Engineering Mistakes That Kill Startups10,691
mistakes, architecture
7 Things to Remove From Your Job Postings to Be More Inclusive (wom)10,690
hiring, dei
What’s New in Svelte: May 2023 (sve)10,689
release-notes, svelte, sveltekit
This Blog Is Hosted on My Android Phone10,688
websites, hosting, mobile
Testing Feature Support for Modern CSS (5t3)10,687
css, feature-detection, support
Tailwind CSS vs. UnoCSS10,686
tailwind, unocss, css, frameworks, comparisons
“:root” Isn’t Global (kil)10,685
css
Qwik Reaches v1.0 (bui)10,684
release-notes, qwik
Practical Guide to Not Blocking the Event Loop10,683
guides, javascript, event-loop, events, performance
CSS Wishlist 2023 (ell)10,682
css, wish-lists
Configuring ESLint, Prettier, and TypeScript Together (jos)10,681
eslint, prettier, linting, formatting, tooling, typescript, configuration
CDNs: Speed Up Performance by Reducing Latency (aus)10,680
content-delivery, performance
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)10,679
foss, content, career
Two Underused Arguments for Writing Documentation (j9t)10,678
writing, documentation, career
My Favorite Free Courses to Learn JavaScript in Depth10,677
courses, javascript, training, link-lists
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)10,676
web, web-platform, standards, foss, history, anniversaries
The Popover API Is Exciting, Sort Of (mrt)10,675
apis, pop-overs
Dark Mode in 3 Lines of CSS and Other Adventures (sto)10,674
css, dark-mode
Information Architecture (IA) and Sitemap: Simple and Easy to Understand10,673
information-architecture, sitemaps, best-practices
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)10,672
css, javascript, functions, quality
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)10,671
css, refactoring, maintenance, optimization
New to the Web Platform in April (rac/dev)10,670
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
JS Private Class Fields Considered Harmful (lea)10,669
javascript
Everything You Need to Know About Webpack’s Bundle Analyzer10,668
webpack, bundling, tooling
Animating the Impossible (btc)10,667
videos, animations, transitions
A Beginner’s Introduction to the Most Common Data Types in Programming10,666
introductions, types, programming
Writing Unit Tests in Node.js Using Jest10,665
testing, nodejs, jest
What Is the Value of a Design System? (zer)10,664
design-systems
Typography for Everyone (tob/btc)10,663
videos, fonts, typography
The Most Underrated Section of Design Portfolios10,662
design, career
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)10,661
accessibility, communication, advocacy, processes
Modern CSS Layout Is Awesome! (mic/btc)10,660
videos, css, layout
How to Manage Design Tokens10,659
how-tos, design-tokens, maintenance
How to Deep Merge Arrays and Objects With JavaScript (cfe)10,658
how-tos, javascript, arrays, objects
Accessible Target Sizes Cheatsheet (vit/sma)10,657
accessibility, user-experience
Structure and Interpretation of Flutter (win)10,656
flutter, dart
The Most Important Thing Productivity Tools Are Missing About AI (uxd)10,655
tooling, productivity, ai
What Is the QUIC Protocol?10,654
protocols, quic
The Interactive Guide to Rendering in React10,653
guides, client-side-rendering, react
Discovering the Power of JavaScript Proxy After All This Time10,652
javascript
Adding Motion to the Next Decade of Atomic Design (uxd)10,651
design, atomic-design
Transition To and From “display: none” With Upcoming CSS Capabilities (una)10,650
videos, css, transitions
The Best Way to Get nvm Working in CI/CD Systems10,649
nvm, ci-cd
Reducing the Cost of String Serialization in Node.js Core10,648
nodejs, strings, performance
Crafting the Next.js Website10,647
nextjs
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf10,646
nodejs, npm, nvm
Organizing a Web Design System for Scalability in Figma (uxd)10,645
design-systems, scalability, figma
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (uxd)10,644
design-debt, user-experience, metrics, economics
Figma, I Love You but You’re Bringing Me Down (uxd)10,643
figma
What’s New in Node.js 20 (cra)10,642
nodejs
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)10,641
accessibility, cookies, legal, privacy, user-experience
The “const” Deception (jos)10,640
javascript
Scoped CSS Is Back (kei)10,639
css, scope
npm vs. Yarn vs. pnpm10,638
npm, yarn, pnpm, comparisons
Goodbye “create-react-app”: A New Approach10,637
react
Frontend Web Performance Checklist10,636
performance, checklists
CSS Blend Modes10,635
css, blend-modes
Avoiding Dark Patterns in Web Design (boa/fro)10,634
dark-patterns, design
Automating Dependency Updates: The Big Debate10,633
dependencies, automation, ci-cd, security
The Case Against Automatic Dependency Updates (ben)10,632
dependencies, automation, ci-cd, maintenance, security
Transitioning to Height Auto (Two Ways) (kei)10,631
css
“The Secret List of Websites” (chr)10,630
ai, web, content
The Effects of Technical Debt on Morale10,629
research, technical-debt, productivity
Meeting WCAG Level AAA (pat/tet)10,628
accessibility, wcag, conformance, standards
How to Write Comments in React: The Good, the Bad, and the Ugly10,627
how-tos, react, comments
Exploring the Potential of Web Workers for Multithreading on the Web (sma)10,626
web-workers, multithreading, performance, javascript
“details”/“summary” Inconsistencies (mat)10,625
html, disclosure-widgets, browsers, assistive-tech, support
Dark Mode Toggle and “prefers-color-scheme”10,624
dark-mode, toggles, css
Considering Content Warnings in HTML (aar)10,623
html, content, dei
System Design Blueprint: The Ultimate Guide (zon)10,622
guides, cheat-sheets, architecture, system-design, principles
Upgrading Our CSS Habits: “aspect-ratio” (cod)10,621
css, aspect-ratio
This Website Is Under Construction, a Love Letter to the Personal Website (btc)10,620
videos, web, web-platform
Spinning Diagrams With CSS (har)10,619
css, animations
Read-Only Web Apps (ada)10,618
javascript, progressive-enhancement
Designing and Coding for Voice10,617
accessibility, voice
CSS Custom Properties Beyond the “:root” (mat)10,616
css, custom-properties, semantics
5 Topics You Should Touch on During the Recruitment Process10,615
interviewing, career, processes
It’s Time for the Tech Industry to Live Up to Its Ideals (uxd)10,614
career, outlooks
Visually Accessible Data Visualization10,613
accessibility, information-design
Why Is Scrum the Most Popular Agile Framework?10,612
scrum, agile, processes
Using HTML Elements as CSS Masks10,611
css
Release Notes for Safari Technology Preview 168 (jon/web)10,610
release-notes, browsers, apple, safari
Productivity and Well-Being: A Summary of What Works10,609
productivity, career
Introduction to Web Animations With GSAP10,608
introductions, animations, javascript, gsap
Introducing npm Package Provenance (git)10,607
introductions, github, npm, provenance, security, foss
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)10,606
videos, introductions, performance, dev-tools, browsers, google, chrome
Generating Provenance Statements10,605
npm, provenance, security
Browser Rendering: What Happens Behind the Scenes (fro)10,604
browsers, rendering, browser-engines, parsing, painting, dom, cssom
5 Code Refactoring Techniques to Improve Your Code10,603
refactoring, maintenance, techniques
Container Query Units and Fluid Typography (5t3)10,602
css, container-queries, typography, liquid-design
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)10,601
accessibility, multimedia, experiments
10 Common Mistakes in Angular Development10,600
angular, mistakes, best-practices
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?10,599
how-tos, aws, cloudfront, caching
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store10,598
liquid, shopify, customization, tips-and-tricks
What’s New in ECMAScript 2023 (paw)10,597
ecmascript, standards
The Three Browser Storage Mechanisms10,596
browser-storage, cookies, comparisons
Signals: Fine-Grained Reactivity for JavaScript Frameworks10,595
javascript, reactivity, signals, frameworks
Node.js 20 Is Now Available! (nod)10,594
nodejs, release-notes
Kubernetes Quick Tutorial10,593
tutorials, kubernetes
How to Create an SEO Strategy (moz)10,592
how-tos, seo, strategies
DevTools: A Better Way to Visualize Your JavaScript10,591
dev-tools, visualization, browsers, performance, lighthouse, google, chrome, microsoft, edge
8 Best Tools for Cryptography and Encryption (sta)10,590
link-lists, tooling, comparisons, security, cryptography, encryption, privacy
Building a Static Site With Eleventy and Tailwind10,589
eleventy, tailwind
You Are What You Measure10,588
videos, metrics
What Is Design Thinking? (sma)10,587
design
Using a Muted Color Palette in Web Design (uxm)10,586
design, colors, color-palettes
It’s Very Likely That… (mat)10,585
html, semantics, buttons, modals
Firefox May Soon Reject Cookie Prompts Automatically10,584
cookies, legal, user-experience, mozilla, firefox
Deno vs. Node: No One Is Ready for the Move10,583
deno, nodejs, dependencies, comparisons
Business Impacts of UI Design and UX Design (uxm)10,582
design, economics
Answering “What ARIA Can I Use?” (w3c)10,581
accessibility, aria, browsers, screen-readers, assistive-tech, support
All About the Semantic Web10,580
semantic-web, concepts
A List of Programming Playgrounds (b0r)10,579
programming, link-lists, testing
How to Name Design Tokens in a Design System (uxd)10,578
how-tos, design-tokens, design-systems, naming
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)10,577
information-architecture, information-scent, usability, mistakes
The Acronyms of Rendering on the Web (whi)10,576
rendering, server-side-rendering, client-side-rendering, terminology
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)10,575
javascript, performance, plugins
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)10,574
css, media-queries, performance, sustainability
My Favorite Courses to Learn Microservices in Depth10,573
courses, training, microservices, link-lists
Exploring “:has()” Again (mic)10,572
css, selectors
Angular 16 Is Huge10,571
angular
Lessons of Design (fab/uxd)10,570
lessons, design
Dissecting npm Malware: Five Packages and Their Evil Install Scripts10,569
npm, security, malware
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)10,568
design, user-experience, research
What Are User Permissions? Concepts, Examples, and Maintenance10,567
permissions, authorization, concepts, examples