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#
Style Recalculation Secrets They Don’t Want You to Know (pat/css)11,202
videos, css, selectors, performance
Sticky Content: Focus in View (tet)11,201
accessibility, focus, scrolling, css
State of the CSS Community (una/css)11,200
videos, css, community
No, “AI” Will Not Fix Accessibility (aar)11,199
accessibility, ai
Must Know JavaScript API—IndexedDB API11,198
databases, indexeddb, javascript, apis
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)11,197
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Designing a Scalable Backend in Node.js (app)11,196
software-design, scalability, nodejs
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)11,195
videos, dev-tools, browsers, google, chrome
Best Practices for Container Queries (zel)11,194
best-practices, container-queries, css
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)11,193
checklists, performance, compression, dependencies, accessibility, legibility, naming
Are Simple Websites Better for Business? (web)11,192
design, simplicity
48 Laws, Rules, and Principles of Web Development (j9t)11,191
programming, principles, terminology
Reducing Complexity in Front End Development (mic)11,190
complexity, performance, css, javascript
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)11,189
standards, accessibility, aria, rich-internet-apps
What’s New in CSS (jen)11,188
videos, css, apple
Tokens Are the Most Valuable Artifact a Design System Can Provide11,187
design-systems, design-tokens
The Ultimate Guide to Writing Technical Blog Posts (bla)11,186
guides, writing, blogging
Styling Scrollbars (oll)11,185
scrolling, css
RSC From Scratch: Server Components11,184
videos, react, components
Modern CSS in Real Life (chr)11,183
css
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)11,182
information-design, user-experience, tables, grids
Be Careful With “ch” Units (cit)11,181
css, units
Assume the Position—a Labeling Story (llo/tpg)11,180
accessibility, forms, labels, html
Angular at Google I/O 2023 (ang)11,179
release-notes, angular, google
Accessibility and Artificial Intelligence (joe)11,178
accessibility, ai
What Is Open Graph? How to Use It for Your WordPress Website?11,177
how-tos, open-graph, html, social-media, wordpress
Primitive Objects in JavaScript: When to Use Them (sma)11,176
javascript, objects
One More Thing—Apple’s Push on Web Apps on macOS11,175
apple, web-apps
Is React Having An AngularJS Moment?11,174
react, angularjs
An Introduction to Debugging in Node.js (cra)11,173
introductions, debugging, nodejs
Accessibility Testing—Pay Attention to the Details11,172
accessibility, testing
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)11,171
user-experience, accessibility, focus, forms
test262.fyi11,170
websites, javascript, ecmascript, javascript-engines, v8, spidermonkey
New Job? Negotiate as if Your Life Depends on It11,169
career
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance11,168
how-tos, rendering, dom, performance, debugging, angular
How We Created an Accessible, Scalable Color Palette11,167
colors, color-palettes, accessibility, scalability, case-studies
Every Design Team Needs Writers (uxd)11,166
design, writing
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)11,165
accessibility, focus, wcag, standards
wasmati: You Should Write Your WebAssembly in TypeScript11,164
webassembly, typescript, libraries
The Many Ways to Select the n-th Character From a String (cod)11,163
javascript, strings
No Single Metric Captures Productivity11,162
productivity, metrics
New CSS Color Spaces and Functions in All Major Engines (rac/dev)11,161
css, colors, functions, browsers, support
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)11,160
browsers, google, chrome, performance
How AI Can Make Software More Intuitive11,159
ai, usability
Do Not Drop Sass for CSS11,158
css, sass, preprocessors
An Introduction to “@ scope” in CSS (oll)11,157
introductions, scope, css
Presentational Colors (luk/uxd)11,156
colors, design-tokens
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)11,155
google, domains, ai
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)11,154
videos, javascript
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)11,153
transitions, dev-tools, browsers, google, chrome
The Context Dilemma11,152
design-systems, design-tokens
Some Things I Learnt From Working on Big Frontend Codebases11,151
complexity, lessons
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)11,150
html, semantics
Quick Tip: Shipping Resilient CSS Components (5t3)11,149
css, components, maintainability, resilience, tips-and-tricks
Performance Is Not a Checklist (tka)11,148
performance, user-experience
Asynchronous JavaScript for Beginners11,147
javascript, asynchronicity
Announcing TypeScript 5.1 (dan/typ)11,146
release-notes, typescript
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)11,145
forms, apis, css
Accessible Components: The Hamburger Menu11,144
accessibility, components, navigation
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS11,143
guides, deploying, complexity, architecture, aws
How to Format a Date With JavaScript—Date Formatting in JS (fre)11,142
how-tos, javascript, time
Watch Out for Layout Shifts With “ch” Units (pau/clo)11,141
performance, css, units
Token Operations (don)11,140
design-tokens
security.txt Now Mandatory for Dutch Government Websites11,139
security, legal
Release Notes for Safari Technology Preview 171 (jon/web)11,138
release-notes, browsers, apple, safari
Re-Evaluating “px” vs. “em” in Media Queries (kei)11,137
css, units, media-queries, comparisons
New to the Web Platform in May (rac/dev)11,136
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
Linting Defensive and Logical CSS With Stylelint Plugins (log)11,135
css, logical-properties, linting, stylelint, plugins
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)11,134
images, gif
How to Add Custom Meta Boxes in WordPress Without a Plugin11,133
how-tos, wordpress, customization
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)11,132
browsers, browser-engines, rendering, blink, css, selectors
Design Systems: A Curated List for Today’s UI/UX Designers (sta)11,131
design-systems, design, tooling, link-lists
Accessibility Audits for All (ada)11,130
accessibility, auditing, testing
What Is Personalization?11,129
personalization, concepts
The Art of Code Review11,128
code-reviews, processes, collaboration
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity11,127
productivity, metrics, engineering-management, culture, communication, collaboration, efficiency
I Think I Finally “Get” JS Objects11,126
javascript, objects
Hands on With the Node.js Test Runner (phi)11,125
nodejs, testing
Cracking the Theme Switcher and Dark Mode11,124
css, javascript, dark-mode
Announcing the Second Compute Pressure Origin Trial (dev)11,123
apis, browsers, google, chrome
An Introduction to JavaScript Proxies (cra)11,122
introductions, javascript
21 Awesome Web Features You’re Not Using Yet (fir)11,121
videos, html, css, javascript
The Double-Edged Sword of Design Systems (uxd)11,120
design-systems, design
Simple Things Make Things Simple (pjo)11,119
simplicity, case-studies
Don’t Meddle With User Input (tem)11,118
accessibility, forms
10 Incident Management Best Practices11,117
incident-response, best-practices, processes
Improving the Quality of the Software With Qodana and GitHub Actions11,116
jetbrains, qodana, quality, optimization, github, ci-cd
How Screen-Reader Users Type on and Control Mobile Devices (nng)11,115
accessibility, usability, screen-readers, mobile
The Problem With Nested Fieldsets and How to Avoid Them (ada)11,114
accessibility, forms, assistive-tech, support
The Optimization Sinkhole11,113
productivity, optimization
Sass-Like Nesting in Native CSS (ami)11,112
css, sass, nesting
Mastering CSS Blend Modes11,111
css, blend-modes
When to Use Plain Text or Images Instead of MathML11,110
mathml, math, accessibility
Understanding the Importance of Encoding11,109
encoding
WordPress Turns 20 (sar)11,108
wordpress
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript?11,107
javascript, unicode
Plain Old JavaScript and the DOM (dou)11,106
javascript, dom
We Need to Talk About How We Talk About Accessibility11,105
accessibility, communication, dei
Supper Club × Bramus Van Damme on CSS (bra+/syn)11,104
podcasts, interviews, css
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)11,103
how-tos, javascript, functions
Designing a Better Design Handoff File in Figma (sma)11,102
design, processes, figma
Brief Note on Popovers With Dialogs (aar)11,101
html, support, accessibility, pop-overs, modals
A Practical Overview on Architecture Decision Records (ADR)11,100
overviews, documentation, processes
Two Things That Are Not Great About OKLCH (chr)11,099
colors, oklch
Seven Lessons From 7 Years Designing Systems11,098
lessons, design-systems
Levelling Up Accessibility Skills in Your Organisation (int)11,097
videos, accessibility
“display: contents” Considered Harmful (eri)11,096
accessibility, css
The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra)11,095
css, transitions, techniques
WebKit and web-platform-tests (ann)11,094
webkit
Single Line Comments in CSS (jim)11,093
css, comments
Responsive CSS Layout Grids Without Media Queries (5t3)11,092
css, grids, layout, responsive-design
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)11,091
css, custom-properties
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)11,090
accessibility, vpat-acr, documentation
Querying Parsed HTML in BigQuery (rvi)11,089
html
Deploying AVIF for More Responsive Websites (dev)11,088
images, avif, performance
A Complete Guide to Using IndexedDB (log)11,087
guides, databases, indexeddb
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)11,086
html, best-practices, forms
You Don’t Need a Modal Window (dz4)11,085
websites, modals
Where to Put Your Types in Application Code (mat)11,084
typescript
Two Simple Layouts That Work Better With Grid (kev)11,083
videos, css, grids, layout
Introducing the Popover API (una/dev)11,082
introductions, apis, html, pop-overs
I Created 100+ Unique CSS Patterns (css)11,081
css, backgrounds, effects
Graph Slider11,080
sliders, css
Future of CSS: Popover API11,079
css, apis, pop-overs
File Upload Security and Malware Protection (aus)11,078
security, malware, file-handling, edge-computing
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design11,077
accessibility, dei, modals, time
Building a Modern Design System in Layers11,076
design-systems
Working With URLs With Vanilla JavaScript (cfe)11,075
javascript, urls
Why We’re Bad at CSS (per)11,074
css
Visual-Design Principles and UX Design Best Practices (uxm)11,073
design, user-experience, principles, best-practices
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)11,072
videos, css, selectors, maintenance
Be Careful Using “Menu” (aar)11,071
html, aria, design, terminology
10 Ways to Boost Your Landing Page Conversion Rates (uxm)11,070
landing-pages, user-conversion, metrics
Beyond Design Systems for Interfaces: A Mega System of Design Systems11,069
design-systems
Building Offline-First Web Applications With Service Workers and IndexedDB11,068
offline, web-apps, web-workers, databases, indexeddb, javascript
A Web Component Intro With Example11,067
introductions, web-components, examples
Server-Sent Events With Node.js11,066
nodejs, events
A Beginners Guide to Digital Accessibility (fra)11,065
guides, accessibility
Website Issues: On the Relevance of Audience Size and Impact (j9t)11,064
processes, quality
Using “linear()” for Better Animation (oll)11,063
animations, css, javascript
Measuring Design System “Adoption” (pjo)11,062
design-systems, metrics
How to Build Lean Efficient Websites in 2023 (cfe)11,061
how-tos, html, progressive-enhancement, minimalism
Creating a Shine Effect on a Card With Tailwind CSS11,060
tailwind, effects
A New Approach to Measuring Developer Productivity11,059
research, productivity, metrics
Write Better Code by Following These JavaScript Best Practices11,058
javascript, best-practices
What Devs Can Do on Global Accessibility Awareness Day11,057
accessibility, awareness-days
How to Create a Custom Range Slider Using CSS (css)11,056
how-tos, sliders, css, forms
Getting Started With View Transitions on Multi-Page Apps (dav)11,055
css, view-transitions, multi-page-apps, introductions
Core Principles of SEO11,054
seo, principles, overviews
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)11,053
accessibility, wcag, standards
Accessible Numbers11,052
websites, accessibility
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)11,051
videos, usability, internationalization, localization, ecommerce, tips-and-tricks
Thinking on Ways to Solve Color Palettes (arg/dev)11,050
videos, css, colors, color-palettes
Release Notes for Safari Technology Preview 170 (jon/web)11,049
release-notes, browsers, apple, safari
Jekyll Tutorial: How to Create a Static Website (kin)11,048
tutorials, how-tos, jekyll
ESLint Guide: How to Use It With Confidence11,047
guides, eslint, linting, consistency, maintainability
A History of Metaphors for the Internet (ver)11,046
history, web, terminology
Comparing Version Control Systems: Git, SVN, CVS, and More11,045
comparisons, version-control, git, svn, cvs
Why Your Design Language System Needs a Product Manager11,044
design-systems, product-management
Why Is Web Accessibility Important? (tpg)11,043
videos, accessibility
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)11,042
css, units
State of Node.js Performance 2023 (raf)11,041
nodejs
Semantics and the “popover” Attribute: What to Use When? (hdv)11,040
html, attributes, semantics, accessibility, pop-overs
Python Developers Survey 2022 Results (jet)11,039
surveys, python
It’ll Soon Be (Too) Easy to Develop a Website in A Day11,038
ai, processes, productivity, creativity
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)11,037
career, interviewing
GitHub Copilot and ChatGPT Alternatives (ger)11,036
github-copilot, chatgpt, ai, comparisons
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)11,035
javascript, arrays
Fieldsets, Legends, and Screen Readers Again (ste/tpg)11,034
accessibility, html, forms, screen-readers
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)11,033
design-patterns, design-systems, collaboration
Conditional CSS With “:has” and “:nth-last-child” (sha)11,032
css, selectors
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)11,031
accessibility, html
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)11,030
css, floats
Let’s Share Our Salaries, Title, Location, XP11,029
discussions, career
HTML Landmark Roles Screen Reader Demo (sch/mdn)11,028
videos, accessibility, html, screen-readers, voiceover, apple
How to Handle Production Support When Using Scrum11,027
how-tos, agile, scrum, processes
Get Full Type Support With Plain JavaScript11,026
javascript
CSS Art: Drawing a Coffee Stain (alv)11,025
css, art
10 Books to Improve Coding Skill in 202311,024
books, programming, link-lists
Error Message Guidelines (nng)11,023
guidelines, usability, errors, writing
The Problem With Disabled Buttons and What to Do Instead (ada)11,022
buttons, user-experience, accessibility
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)11,021
html, accessibility, screen-readers, support
ES2023 Features11,020
ecmascript
7 Secret TypeScript Tricks Pros Use11,019
typescript, tips-and-tricks
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies11,018
frameworks, reactivity, dependencies
What Is “Fake Door” Testing in UX? (uxd)11,017
testing, user-experience
Respect Your Children (ste/tpg)11,016
accessibility, html, aria
Keeping Up With an Ever Changing Web (joh)11,015
web-platform, learning
Building a Greener Web (mic)11,014
videos, web, sustainability
Add Opacity to an Existing Color (chr)11,013
colors, css
What’s New in CSS and UI: I/O 2023 Edition (una+/dev)11,012
css, retrospectives
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)11,011
javascript
Regular Expressions in JavaScript (hon)11,010
javascript, regex, examples
Introduction to Screen‐Readers: VoiceOver macOS Edition11,009
introductions, screen-readers, voiceover, apple
Introduction to Screen‐Readers: NVDA Edition11,008
introductions, screen-readers, nvda
Introduction to Screen‐Readers: JAWS Edition11,007
introductions, screen-readers, jaws
Best Practices for All Developers11,006
best-practices
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)11,005
performance, web-vitals, shopify
An Introduction to the Bun JavaScript Runtime (cra)11,004
javascript, runtimes, bun
Introducing INP to Core Web Vitals11,003
introductions, performance, web-vitals, google, search, seo
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)11,002
videos, performance, web-vitals
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas/uxd)11,001
agile, user-experience, processes, comparisons
Why an Engineering Manager Should Not Review Code (mul)11,000
engineering-management, code-reviews
What’s New in Web (dev)10,999
videos, browsers, support, web-platform
What’s New in Web Animations (bra/dev)10,998
videos, animations
Slow Design10,997
websites, design
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)10,996
sustainability, network
Introducing Baseline (rac/dev)10,995
introductions, browsers, support, web-platform
Introducing Baseline: A Unified View of Stable Web Features (mdn)10,994
introductions, browsers, support, web-platform
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)10,993
videos, how-tos, performance, web-vitals
ES2023 Introduces New Array Copying Methods to JavaScript (phi)10,992
javascript, ecmascript, standards, arrays
Developer Tools That Shouldn’t Be Secrets (cod)10,991
videos, browsers, dev-tools
Crafting a Modern Spotlight Effect With React and CSS10,990
css, react, effects
Baseline Features You Can Use Today (dev)10,989
browsers, support, web-platform
Advancing Interaction to Next Paint (rvi+/dev)10,988
performance, web-vitals
API Design Practice10,987
apis, documentation, link-lists
See What’s New in Firefox [113.0] (moz)10,986
release-notes, browsers, mozilla, firefox
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)10,985
css, grids, layout, view-transitions, apis
The Ongoing Defence of Frontend as a Full-Time Job (cod)10,984
career
Script Evaluation and Long Tasks (mal/dev)10,983
performance, javascript, web-vitals
Optimize Input Delay (mal/dev)10,982
performance, web-vitals, optimization
How to Handle Emojis in Node.js10,981
how-tos, nodejs, emoji, unicode
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)10,980
performance, dom, html, optimization
Find Slow Interactions in the Field (mal/dev)10,979
performance, web-vitals, auditing
Diagnose Slow Interactions in the Lab (mal/dev)10,978
performance, web-vitals
Design Systems [Are] a Mindset Not a Library10,977
design-systems
Client-Side Rendering of HTML and Interactivity (mal/dev)10,976
performance, html, client-side-rendering
An Introduction to Container Queries in CSS (5t3)10,975
introductions, css, container-queries
How “x-default” Can Help You (met)10,974
internationalization, urls, html, attributes, search, google
Proportional Design Systems With Proportio.app (uxd)10,973
design-systems
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications10,972
guides, langchain, google, gcp, functions, ai
Speed Trap (dav/ver)10,971
google, amp, web-platform
ShatGPT (ste)10,970
accessibility, ai
Pay Attention to Web Performance Metrics to Improve the UX (uxm)10,969
performance, metrics, user-experience, web-vitals, optimization
Improving Web-Site Conversion Rates Through Better UX Design (uxm)10,968
user-conversion, metrics, optimization, user-experience
Dithering (chr)10,967
images, dithering
A Complete Guide to Usability Testing (uxm)10,966
guides, usability, testing
The Problem With Sticky Menus and What to Do Instead (ada)10,965
navigation, usability, user-experience
How to Configure Path Aliases in Frontend Projects in the Native Way10,964
how-tos, aliases, javascript, configuration
How Far Back in Time Can I Take My Website’s Design10,963
web, design, history, html, css
Should the Confirmation Button Come First or Last? (uxd)10,962
buttons, interaction-design
The Image Sorting Experiment (uxd)10,961
images, information-design, sorting, experiments
Scaling Node.js Web Apps With Docker10,960
scalability, nodejs, web-apps, docker
Cron Job: A Comprehensive Guide for Beginners10,959
guides, cron
Complete Guide on Playwright Visual Regression Testing10,958
guides, playwright, design, testing, regressions
Design Tokens: Beginner’s Guide10,957
guides, design-tokens, design-systems
Speed Up or Slow Down a Video (pat/dev)10,956
browsers, dev-tools, multimedia
Scroll-Driven Animations (bra)10,955
websites, scrolling, animations
I’m Done With React10,954
videos, react
HTTP/1 vs. HTTP/2 vs. HTTP/310,953
http, protocols, comparisons
htmx Is the Future10,952
htmx, outlooks
How “:not()” Chains Multiple Selectors (mdn)10,951
css, selectors
CSS Logical Properties: A Good Use Case (wes)10,950
videos, css, logical-properties
New Features in the Orion Browser (kag)10,949
release-notes, orion, kagi, browsers
The Frontend Cloud Advantage10,948
cloud-computing
Using Go for Front End Development10,947
go
React Testing Library and Accessibility10,946
react, testing, libraries, accessibility, automation
How Do You Declare Namespace in JavaScript?10,945
javascript, namespaces
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (git)10,944
github, github-actions, automation, nodejs
Code Coverage vs. Test Coverage10,943
code-coverage, testing, quality, comparisons
An Introduction to the “:has()” Selector in CSS (5t3)10,942
introductions, css, selectors
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)10,941
performance, web-vitals, best-practices
Security Implications of HTTP Response Headers10,940
security, http, http-headers
How to Make a CSS-Only Hamburger Menu10,939
how-tos, css, navigation
Where Would You Take the W3C? (rob)10,938
discussions, w3c
The Latest Innovations in Drupal10,937
drupal
The Intersectionality of Web Performance (ada)10,936
performance, sustainability, dei
Release Notes for Safari Technology Preview 169 (jon/web)10,935
release-notes, browsers, apple, safari
Make Your Website Load Fast by Optimizing Request Priorities (deb)10,934
performance, optimization, network
How to Write More Efficient JavaScript Conditions (fre)10,933
how-tos, javascript, efficiency
Don’t Use Custom CSS Scrollbars (eri)10,932
css, scrolling
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It10,931
accessibility, training
DevEx: What Actually Drives Productivity (acm)10,930
developer-experience, productivity, metrics
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)10,929
events, javascript
Angular v16 Is Here (mge/ang)10,928
angular, release-notes
7 Practical CSS Typography Tips and Tricks (zor/css)10,927
videos, css, typography, tips-and-tricks
Things Considered Harmful (bre)10,926
php, laravel
A/B Testing: A Primer10,925
introductions, testing, metrics, optimization
The Native Way to Configure Path Aliases in Frontend Projects10,924
javascript, nodejs, esm, commonjs, tooling, aliases
Why “font-size” Must Never Be in Pixels10,923
css, units, accessibility, responsive-design
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)10,922
videos, css, transitions, tips-and-tricks
SupportsCSS (5t3)10,921
websites, tooling, css, support
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)10,920
accessibility, focus, aria, html
Load Websites Faster With Code Splitting10,919
performance, code-splitting, react
How to Get Started With NodeJS—a Handbook for Beginners (fre)10,918
introductions, guides, nodejs
Do Logical Properties Make CSS Easier to Learn? (chr)10,917
css, logical-properties, learning
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?10,916
foss, community, github
CSS Naked Day and the Missing Wikipedia Page (j9t)10,915
css, awareness-days
Creating an Animated Gradient Border With CSS10,914
css, animations, gradients, borders
An Update on the Lock Icon (ser+/dev)10,913
browsers, google, chrome
A Radical Proposal: Put UX Research in Charge10,912
user-experience, research, product-management, strategies
A Complete Guide to Performance Budgets (spe)10,911
guides, performance, performance-budgets, metrics
3 Engineering Mistakes That Kill Startups10,910
mistakes, architecture
7 Things to Remove From Your Job Postings to Be More Inclusive (wom)10,909
hiring, dei
What’s New in Svelte: May 2023 (sve)10,908
release-notes, svelte, sveltekit
This Blog Is Hosted on My Android Phone10,907
websites, hosting, mobile
Testing Feature Support for Modern CSS (5t3)10,906
css, feature-detection, support
Tailwind CSS vs. UnoCSS10,905
tailwind, unocss, css, frameworks, comparisons
“:root” Isn’t Global (kil)10,904
css
Qwik Reaches v1.0 (bui)10,903
release-notes, qwik
Practical Guide to Not Blocking the Event Loop10,902
guides, javascript, event-loop, events, performance
CSS Wishlist 2023 (ell)10,901
css, wish-lists
Configuring ESLint, Prettier, and TypeScript Together (jos)10,900
eslint, prettier, linting, formatting, tooling, typescript, configuration
CDNs: Speed Up Performance by Reducing Latency (aus)10,899
content-delivery, performance
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)10,898
foss, content, career
Two Underused Arguments for Writing Documentation (j9t)10,897
writing, documentation, career
My Favorite Free Courses to Learn JavaScript in Depth10,896
courses, javascript, training, link-lists
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)10,895
web, web-platform, standards, foss, history, anniversaries
The Popover API Is Exciting, Sort Of (mrt)10,894
apis, pop-overs
Dark Mode in 3 Lines of CSS and Other Adventures (sto)10,893
css, dark-mode
Information Architecture (IA) and Sitemap: Simple and Easy to Understand10,892
information-architecture, sitemaps, best-practices
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)10,891
css, javascript, functions, quality
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)10,890
css, refactoring, maintenance, optimization
New to the Web Platform in April (rac/dev)10,889
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
JS Private Class Fields Considered Harmful (lea)10,888
javascript
Everything You Need to Know About Webpack’s Bundle Analyzer10,887
webpack, bundling, tooling
Animating the Impossible (btc)10,886
videos, animations, transitions
A Beginner’s Introduction to the Most Common Data Types in Programming10,885
introductions, types, programming
Writing Unit Tests in Node.js Using Jest10,884
testing, nodejs, jest
What Is the Value of a Design System? (zer)10,883
design-systems
Typography for Everyone (tob/btc)10,882
videos, fonts, typography
The Most Underrated Section of Design Portfolios10,881
design, career
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)10,880
accessibility, communication, advocacy, processes
Modern CSS Layout Is Awesome! (mic/btc)10,879
videos, css, layout
How to Manage Design Tokens10,878
how-tos, design-tokens, maintenance
How to Deep Merge Arrays and Objects With JavaScript (cfe)10,877
how-tos, javascript, arrays, objects
Accessible Target Sizes Cheatsheet (vit/sma)10,876
accessibility, user-experience
Structure and Interpretation of Flutter (win)10,875
flutter, dart
The Most Important Thing Productivity Tools Are Missing About AI (uxd)10,874
tooling, productivity, ai
What Is the QUIC Protocol?10,873
protocols, quic
The Interactive Guide to Rendering in React10,872
guides, client-side-rendering, react
Discovering the Power of JavaScript Proxy After All This Time10,871
javascript
Adding Motion to the Next Decade of Atomic Design (uxd)10,870
design, atomic-design
Transition To and From “display: none” With Upcoming CSS Capabilities (una)10,869
videos, css, transitions
The Best Way to Get nvm Working in CI/CD Systems10,868
nvm, ci-cd
Reducing the Cost of String Serialization in Node.js Core10,867
nodejs, strings, performance
Crafting the Next.js Website10,866
nextjs
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf10,865
nodejs, npm, nvm
Organizing a Web Design System for Scalability in Figma (uxd)10,864
design-systems, scalability, figma
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (uxd)10,863
design-debt, user-experience, metrics, economics
Figma, I Love You but You’re Bringing Me Down (uxd)10,862
figma
What’s New in Node.js 20 (cra)10,861
nodejs
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)10,860
accessibility, cookies, legal, privacy, user-experience
The “const” Deception (jos)10,859
javascript
Scoped CSS Is Back (kei)10,858
css, scope
npm vs. Yarn vs. pnpm10,857
npm, yarn, pnpm, comparisons
Goodbye “create-react-app”: A New Approach10,856
react
Frontend Web Performance Checklist10,855
performance, checklists
CSS Blend Modes10,854
css, blend-modes
Avoiding Dark Patterns in Web Design (boa/fro)10,853
dark-patterns, design
Automating Dependency Updates: The Big Debate10,852
dependencies, automation, ci-cd, security
The Case Against Automatic Dependency Updates (ben)10,851
dependencies, automation, ci-cd, maintenance, security
Transitioning to Height Auto (Two Ways) (kei)10,850
css
“The Secret List of Websites” (chr)10,849
ai, web, content
The Effects of Technical Debt on Morale10,848
research, technical-debt, productivity
Meeting WCAG Level AAA (pat/tet)10,847
accessibility, wcag, conformance, standards
How to Write Comments in React: The Good, the Bad, and the Ugly10,846
how-tos, react, comments
Exploring the Potential of Web Workers for Multithreading on the Web (sma)10,845
web-workers, multithreading, performance, javascript
“details”/“summary” Inconsistencies (mat)10,844
html, disclosure-widgets, browsers, assistive-tech, support
Dark Mode Toggle and “prefers-color-scheme”10,843
dark-mode, toggles, css
Considering Content Warnings in HTML (aar)10,842
html, content, dei
Designing and Coding for Voice10,841
accessibility, voice
System Design Blueprint: The Ultimate Guide (zon)10,840
guides, cheat-sheets, architecture, system-design, principles
Upgrading Our CSS Habits: “aspect-ratio” (cod)10,839
css, aspect-ratio
This Website Is Under Construction, a Love Letter to the Personal Website (btc)10,838
videos, web, web-platform
Spinning Diagrams With CSS (har)10,837
css, animations
Read-Only Web Apps (ada)10,836
javascript, progressive-enhancement
CSS Custom Properties Beyond the “:root” (mat)10,835
css, custom-properties, semantics
5 Topics You Should Touch on During the Recruitment Process10,834
interviewing, career, processes
It’s Time for the Tech Industry to Live Up to Its Ideals (uxd)10,833
career, outlooks
Visually Accessible Data Visualization10,832
accessibility, information-design
Why Is Scrum the Most Popular Agile Framework?10,831
scrum, agile, processes
Using HTML Elements as CSS Masks10,830
css
Release Notes for Safari Technology Preview 168 (jon/web)10,829
release-notes, browsers, apple, safari
Productivity and Well-Being: A Summary of What Works10,828
productivity, career
Introduction to Web Animations With GSAP10,827
introductions, animations, javascript, gsap
Introducing npm Package Provenance (git)10,826
introductions, github, npm, provenance, security, foss
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)10,825
videos, introductions, performance, dev-tools, browsers, google, chrome
Generating Provenance Statements10,824
npm, provenance, security
Browser Rendering: What Happens Behind the Scenes (fro)10,823
browsers, rendering, browser-engines, parsing, painting, dom, cssom
5 Code Refactoring Techniques to Improve Your Code10,822
refactoring, maintenance, techniques
Container Query Units and Fluid Typography (5t3)10,821
css, container-queries, typography, liquid-design
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)10,820
accessibility, multimedia, experiments
10 Common Mistakes in Angular Development10,819
angular, mistakes, best-practices
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?10,818
how-tos, aws, cloudfront, caching
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store10,817
liquid, shopify, customization, tips-and-tricks
What’s New in ECMAScript 2023 (paw)10,816
ecmascript, standards
The Three Browser Storage Mechanisms10,815
browser-storage, cookies, comparisons
Signals: Fine-Grained Reactivity for JavaScript Frameworks10,814
javascript, reactivity, signals, frameworks
Node.js 20 Is Now Available! (nod)10,813
nodejs, release-notes
Kubernetes Quick Tutorial10,812
tutorials, kubernetes
How to Create an SEO Strategy (moz)10,811
how-tos, seo, strategies
DevTools: A Better Way to Visualize Your JavaScript10,810
dev-tools, visualization, browsers, performance, lighthouse, google, chrome, microsoft, edge
8 Best Tools for Cryptography and Encryption (sta)10,809
link-lists, tooling, comparisons, security, cryptography, encryption, privacy
Building a Static Site With Eleventy and Tailwind10,808
eleventy, tailwind
You Are What You Measure10,807
videos, metrics
What Is Design Thinking? (sma)10,806
design
Using a Muted Color Palette in Web Design (uxm)10,805
design, colors, color-palettes
It’s Very Likely That… (mat)10,804
html, semantics, buttons, modals
Firefox May Soon Reject Cookie Prompts Automatically10,803
cookies, legal, user-experience, mozilla, firefox
Deno vs. Node: No One Is Ready for the Move10,802
deno, nodejs, dependencies, comparisons
Business Impacts of UI Design and UX Design (uxm)10,801
design, economics
Answering “What ARIA Can I Use?” (w3c)10,800
accessibility, aria, browsers, screen-readers, assistive-tech, support
All About the Semantic Web10,799
semantic-web, concepts
A List of Programming Playgrounds (b0r)10,798
programming, link-lists, testing
Exploring “:has()” Again (mic)10,797
css, selectors
How to Name Design Tokens in a Design System (uxd)10,796
how-tos, design-tokens, design-systems, naming
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)10,795
information-architecture, information-scent, usability, mistakes
The Acronyms of Rendering on the Web (whi)10,794
rendering, server-side-rendering, client-side-rendering, terminology
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)10,793
javascript, performance, plugins
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)10,792
css, media-queries, performance, sustainability
My Favorite Courses to Learn Microservices in Depth10,791
courses, training, microservices, link-lists
Angular 16 Is Huge10,790
angular
Lessons of Design (fab/uxd)10,789
lessons, design
Dissecting npm Malware: Five Packages and Their Evil Install Scripts10,788
npm, security, malware
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)10,787
design, user-experience, research
What Are User Permissions? Concepts, Examples, and Maintenance10,786
permissions, authorization, concepts, examples
Web Accessibility: A Reference to Creating Inclusive Websites (sta)10,785
accessibility
The “details” Element Is Amazing (fon)10,784
html, disclosure-widgets
Ping Animation With Minimal CSS (ami)10,783
css, animations
Consume Web Streams From OpenAI Using Vanilla JavaScript10,782
videos, data-fetching, streaming, ai, openai, javascript
4 Ways to Create an Enum in JavaScript10,781
javascript
Embracing AI as a Material for Design (uxd)10,780
design, ai, content
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec/dev)10,779
videos, dev-tools, browsers, google, chrome, debugging, testing, css, release-notes
The Pros and Cons of Different UI Automation Test Tools—Puppeteer10,778
automation, testing, puppeteer
Memory Allocation (sam)10,777
memory, programming, visualization
Costly CSS Properties and How to Optimize Them10,776
css, performance, optimization
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers10,775
accessibility, assistive-tech, screen-magnification
A History of the World Wide Web From 1989 to the Present Day10,774
history, web
11ty and Lit, a Match Made in Heaven for Simple Sites10,773
eleventy, web-components, lit
10 Best Sorting Algorithms Explained10,772
sorting, algorithms
Transparent Video for the Web in 2023 (cla)10,771
multimedia, transparency
Solving the CSS Layout and Source Order Disconnect (rac/dev)10,770
css, layout, source-order
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)10,769
videos, slides, accessibility, processes
Passkeys: What the Heck and Why? (css)10,768
security, passkeys
How to Work With Dates and Times in Vanilla JavaScript (cfe)10,767
how-tos, javascript
CSS: Tricks for Targeting Elements With CSS10,766
css, selectors, tips-and-tricks
Angular Is Back With a Vengeance (fir)10,765
videos, angular
Advanced Figma Components Tips and Tricks: Little Gems We Love (uxd)10,764
figma, components, design, tips-and-tricks
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)10,763
browsers, mozilla, firefox, cookies, privacy
Understanding CSS Preload and Other Resource Hints (log)10,762
css, performance, hints, preloading
Shallow vs. Deep Copying in JavaScript10,761
javascript, comparisons
HTML Dark Mode (bt)10,760
html, dark-mode
HTML Accessibility API Mappings 1.0 (ste+/w3c)10,759
html, accessibility, apis
Expanding Grid Cards With View Transitions (chr)10,758
css, grids, view-transitions
Don’t Override Screen Reader Pronunciation (aar)10,757
accessibility, screen-readers, pronunciation
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience10,756
videos, accessibility, design-systems, dei, user-experience
A Designers Guide to the Principles of Web Design10,755
guides, design, principles, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Formulating Your Product Design North Star (aka Design Principles) (uxd)10,754
design, principles, processes
What’s a Basic Use Case for Cascade Layers in CSS? (chr)10,753
css, cascade, maintainability
Trying Node.js Test Runner (bah)10,752
nodejs, testing
The Performance Golden Rule Revisited (tka)10,751
performance, metrics
Temporal Intervals Are Handy in MySQL (ami)10,750
databases, mysql, time
React, Visualized10,749
introductions, react, visualization
New HTML Element: “search” (alv)10,748
html, semantics
Load Balancing (sam)10,747
load-balancing, performance, visualization, architecture
Document or Die: The Importance of Writing Things Down in Tech10,746
documentation, maintainability, link-lists
Building Pagination in React With React Paginate10,745
react, navigation, pagination
The Real Difference Between “useMemo” and “Memo” in React10,744
react, hooks, performance, examples
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup10,743
bundling, tooling, webpack, parcel, rollup, comparisons
Why Astro Is My Favorite Framework (mrt)10,742
astro, frameworks
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)10,741
css, dark-mode
CSS Text Balancing With “text-wrap: balance” (sha)10,740
css, typography
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide10,739
guides, career, learning
Choosing Humanity Over Automation (uxd)10,738
ai, design, automation
What’s New in CSS? (bra)10,737
slides, css
Understanding Apache Web Server Configuration10,736
servers, apache, configuration
Mastering Yarn’s Lifecycle With Hooks10,735
yarn, hooks
Boost Your JavaScript With JSDoc Typing10,734
javascript, typescript, documentation, jsdoc
Stream File Uploads to S3 Object Storage and Save Money (aus)10,733
aws, s3, streaming, storage, economics
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting10,732
zx, shell, command-line
Advancing Your Tech Skills (wom)10,731
career, learning
The Pattern to Make Your Frontend Tests 10× Better10,730
testing
Programming-Language Popularity by GitHub Pull Requests (lem)10,729
studies, research, programming, comparisons, github, javascript, typescript
It’s Time to Learn OKLCH Color (kei)10,728
colors, oklch, css
DevTools: A Clever Overview of All Your CSS Code10,727
browsers, dev-tools, auditing, css, google, chrome
Chasing Rainbows (ver)10,726
accessibility, colors, color-blindness, user-experience
Unlocking the Power of Design Tokens to Create Dark Mode UI10,725
design-tokens, dark-mode
Frontend Developer Tries Tailwind for the First Time (zor/css)10,724
videos, tailwind, css
Establishing Metrics for Accessibility ROI (kar)10,723
accessibility, metrics, economics
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)10,722
web-components, css, scope, dom, shadow-dom, support
10 CSS Animation Tips and Tricks (kev)10,721
videos, css, animations, tips-and-tricks
Foundations: Accessible Names and Descriptions (ihe/tet)10,720
accessibility, fundamentals, naming, writing, aria
What’s New in WCAG 2.2?10,719
accessibility, wcag, standards
The Death of JPEG-XL10,718
jpeg-xl, images
The Alt Text War—SEO vs. Accessibility10,717
accessibility, seo, images, writing, alt-text, comparisons
Release Notes for Safari Technology Preview 167 (jon/web)10,716
release-notes, browsers, apple, safari
Observing CSS10,715
css, javascript, monitoring
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript10,714
guides, javascript, memory, garbage-collection
Designing for Reduced Motion10,713
accessibility, animations, reduced-motion, css, media-queries, javascript
Choosing a Name for Your Design System (bra)10,712
design-systems, naming
Can You Create Beautiful Stroked Text in CSS? (log)10,711
css, effects
7 Tips for Getting Started With Vue.js10,710
videos, vuejs, tips-and-tricks
What Makes a Good Screenshot? (llo/tpg)10,709
accessibility, images
What Is Semantic HTML?10,708
html, semantics
Understanding npm Versioning10,707
npm, dependencies, versioning, semver
The Revenge of the Pop-Up (ver)10,706
user-experience, anti-patterns, pop-ups
Testing Localhost on Multiple Devices (cit)10,705
testing, environments
New in Chrome 112 (tro/dev)10,704
release-notes, browsers, google, chrome
Code Explanation Using GitHub Copilot (ami)10,703
github-copilot, ai, learning