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