Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

News and Tools for Web Developers, 1990s to Now (19)

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

Entry (Sources) and TopicsDate#
Implementing Design Tokens: Colors12,265
design-tokens, colors
Things You Forgot (or Never Knew) Because of React (col)12,264
react, frameworks, learning
The Next Generation of Web Layouts (zel)12,263
web-platform, design, layout
The Easy Intro to the APCA Contrast Method (myn)12,262
introductions, accessibility, colors, contrast, apca
Route-Based Code Splitting With React12,261
code-splitting, routing, react
Insertion Sort: A Deep Dive12,260
algorithms, sorting, deep-dives
How Google Measures Developer Productivity12,259
interviews, google, productivity, developer-experience, metrics
Finding My Blogging Path: Lessons From My Journey12,258
lessons, blogging, writing, career, community
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma)12,257
accessibility, content, images, best-practices, techniques
An Overview of CSS Sizing Units (web)12,256
overviews, css, units
New DOJ Web Accessibility Regulation Is a Disaster12,255
accessibility, legal
Prepare to Spy on a Method Added Dynamically (bah)12,254
videos, javascript, cypress, testing, debugging
How We Optimized Performance to Serve a Global Audience (sma)12,253
case-studies, performance, optimization
How Does Reflowing Content Affect People With Screen Magnification? (tpg)12,252
accessibility, reflow, assistive-tech, screen-magnification
Contextual Form Errors and ARIA (mar)12,251
accessibility, forms, html, aria
A Blog Post With Every HTML Element (pat)12,250
html, semantics
No Exit—Every Feed Is a Traffic Jam (mus)12,249
social-media, scrolling, user-experience
How to Use the CSS Grid “repeat()” Function12,248
how-tos, css, grids, functions, layout
Why Isn’t “z-index” Working? (una+)12,247
videos, css, positioning
PHP Isn’t That Bad, So Why the Hate? (pur)12,246
php, frameworks, myths
Understanding React Server Components12,245
react, components
What’s New in Svelte: August 2023 (sve)12,244
release-notes, svelte, sveltekit
Splitting the Web (plo)12,243
web
Mixing Colors to Create Variants in CSS (ami)12,242
colors, css
Midori Browser Will Change Its Engine to Gecko12,241
browsers, gecko, browser-engines
I’m Betting on HTML12,240
html, semantics
Evading JavaScript Anti-Debugging Techniques (voi)12,239
javascript, debugging
CSS and Accessibility: Inclusion Through User Choice (car/sma)12,238
css, accessibility, dei, user-experience
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)12,237
css, functions, animations
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)12,236
accessibility, buttons, processes
Why I No Longer Believe in Content Design12,235
content, design, writing
New to the Web Platform in July (rac)12,234
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
SECURITY.md: Should I Have It? (mry/ecl)12,233
security, documentation
What Happens When Developers Are Liable for Accessibility?12,232
accessibility, legal
Tuesday, August 8, 2023 Security Releases (raf/nod)12,231
release-notes, nodejs, security
The Virtual Keyboard API (sha)12,230
apis
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)12,229
screen-readers, accessibility, pronunciation
Start by Writing Messy Code12,228
processes, learning
Randomness in CSS Using Trigonometry12,227
css, randomness
How to Earn High-Authority Links That Drive Rankings (moz)12,226
how-tos, seo, links
Front End Practice: Top 25+ JavaScript Code Best Practices for Development12,225
javascript, best-practices
Contrast Checker Bookmarklet (web)12,224
bookmarklets, accessibility, colors, contrast
Accessibility Represents Maturity (tem)12,223
accessibility, culture
A Future of Themes With CSS Container Style Queries (chr)12,222
css, style-queries, theming
Should New Developers Use AI Coding Tools?12,221
ai, productivity, tooling, career, learning
Resume and Pause Animations in CSS (ami)12,220
css, animations
An Update on Site Names12,219
domains, google, search
Toggles Suck!12,218
toggles, design, usability, user-experience
Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey12,217
javascript, webassembly, python, spidermonkey
Mastering Git Shortcuts: A Guide to Git Aliases12,216
guides, git, aliases, productivity
If Web Components Are So Great, Why Am I Not Using Them? (dav)12,215
web-components
How to Define an Array of Colors With CSS (css/sma)12,214
how-tos, css, arrays, colors
How “position: absolute” Works in CSS Grid (zor/css)12,213
videos, css, grids, layout
Do We Need WCAG 3 (Now)? (yat)12,212
accessibility, wcag, standards
Design Systems Management From Bottom–Up12,211
design-systems, processes
Adapting Typography to User Preferences With CSS (arg)12,210
typography, css, customization
Speeding Up V8 Heap Snapshots (jda)12,209
javascript, javascript-engines, v8, performance, memory
Complete Guide to Human–Computer Interaction (HCI)12,208
guides, hci
You Probably Don’t Need “http-equiv” Meta Tags (rvi)12,207
html, metadata, http, performance
What Is Platform Engineering (and What Is It Not)?12,206
platform-engineering
The Web Development Glossary 3K (j9t/fro)12,205
books, frontend-dogma, learning, training, concepts, terminology
The Future of Design Systems Is Semantic (fig)12,204
design-systems, design-tokens, processes
Release Notes for Safari Technology Preview 175 (jon/web)12,203
release-notes, browsers, apple, safari
How to Make Your Captions and Audio Descriptions WCAG-Compliant12,202
how-tos, multimedia, captions, compliance, wcag, accessibility
How to Use CSS “aspect-ratio”12,201
how-tos, css, aspect-ratio
Publishing With npm Provenance From Private Source Repositories Is No Longer Supported12,200
github, npm, provenance, security, foss
How I Name and Arrange My Color Variables in Figma12,199
colors, variables, figma, conventions
Be an Active Ally for Those Living With Disabilities (wom)12,198
accessibility, dei
CrBug Release Indicator (bra)12,197
browsers, chromium, tooling
The Joy of Simplicity in Web Development (cfe)12,196
simplicity, processes
Testing a Component’s Accessibility12,195
videos, accessibility, testing, components
Tailwind, and the Death of Web Craftsmanship12,194
tailwind, craft, quality
Is Jamstack Officially Finished? (rem)12,193
tech-stacks, jamstack, community
Help Design the Inaugural “State of HTML” Survey (lea)12,192
html, community
Solving the Accessibility Palette Riddle12,191
accessibility, colors, color-palettes
Fetching Data From an HTTP API With Python (sil)12,190
data-fetching, apis, python
Application State Management With Angular Signals12,189
state-management, angular, signals
What to Do When Your Developers Don’t Collaborate12,188
processes, collaboration
Web Accessibility in High-Risk Segments (kar)12,187
accessibility, compliance, legal
Vision for W3C (cdu/w3c)12,186
outlooks, web, web-platform, standards, w3c
The Rise of Minimalism in Web Design: Less Is More12,185
minimalism, design
The Excellent Arc Browser Is Now Available for Anyone to Download (dav/ver)12,184
browsers, arc, the-browser-company
Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (soc)12,183
security, malware, npm
Promises Training12,182
javascript, promises, training, courses
Microservices vs. Micro Frontends: What’s the Difference?12,181
microservices, micro-frontends, comparisons
Combining Data With Multiple Fetch Requests (ste)12,180
javascript, arrays, data-fetching
Blockquotes in Screen Readers (aar)12,179
accessibility, screen-readers, support, html
10 Simple CSS and JavaScript Micro-Interactions for Buttons12,178
css, javascript, buttons, effects
WebKit Features in Safari 16.6 (jen/web)12,177
release-notes, browsers, apple, safari, webkit
Understanding the WCAG 3 Working Draft Update12,176
accessibility, wcag
The Problem With Auto-Generated Alternative Texts for Images (dni)12,175
accessibility, ai, writing
The New “X” Button Doesn’t Close the Website12,174
user-experience, community, social-media
SVG Gradients: Solving Curved Challenges12,173
svg, images, gradients
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)12,172
security, web, surveys
I Blame the W3C’s HTML Standard for Ordered Lists (sid)12,171
html, lists, semantics
Getting Started With Pico CSS (log)12,170
introductions, pico
Eleventy SMACSS (jus)12,169
eleventy, smacss, css
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)12,168
performance, web-vitals, seo
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)12,167
user-experience, strategies
6 Ways ChatGPT Can Improve Your SEO (moz)12,166
ai, chatgpt, seo, metadata, code-generation
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons12,165
comparisons, bootstrap, tailwind, unocss
Using Imagery in Visual Design (nng)12,164
design, images, content
Good Code Is— (j9t)12,163
quality, terminology
Effective Code Reviews (add)12,162
code-reviews, processes, learning, career
Installing Multiple Versions of Node.js Using nvm12,161
nodejs, nvm
Enable Hover Conditionally in CSS (ami)12,160
css, hover
Why Learning to Program Is Easier Now, but Also Way Harder Than Before12,159
programming, learning, productivity, developer-experience
The Art of Looking Back: A Critical Reflection for Individual Contributors (sma)12,158
processes, career, productivity
How SEOs and UX Designers Can Work Better Together (moz)12,157
seo, user-experience, design, collaboration
CSP Testing Using Cypress (bah)12,156
csp, testing, cypress
Accessible Animated GIF Alternatives (tyl/clo)12,155
accessibility, animations, gif, multimedia, comparisons
How to Use CSS “object-fit” and “object-position”12,154
how-tos, css, images
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec)12,153
videos, dev-tools, browsers, google, chrome, network, webassembly, release-notes
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)12,152
accessibility, guidelines, wcag, standards
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why12,151
accessibility, quality, maintenance
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)12,150
programming, quality, maintainability, communication
From Mid to Senior: Time Management and Prioritization12,149
career, productivity, prioritization
Ember JS Essentials: A Beginner’s Guide12,148
fundamentals, guides, emberjs
DX in the Frontend Developer Ecosystem (ste)12,147
videos, developer-experience
Design Systems: Avoiding Common Pitfalls (vig)12,146
design-systems
CSS Cascade Layers (odd)12,145
videos, css, cascade
A Guide to Perfecting Pull Requests12,144
git, code-reviews, collaboration, foss
Encoding: A Brief History and Its Role in Cybersecurity12,143
encoding, unicode, security, history
SvelteKit in 100 Seconds (fir)12,142
videos, introductions, sveltekit
What Is the Bento UI Trend, and How Can You Get Started? (web)12,141
design, trends
Visually Hidden Links With 0 Dimensions (mat)12,140
hiding, accessibility, links, focus, apple, safari
User Input Sanitization and Validation: Securing Your App12,139
security, sanitization, validation, conformance
How to Build and Deploy a Modern Day Next.js Application12,138
how-tos, nextjs, building, deploying
How Platform Teams Get Stuff Done (ph1/mfo)12,137
productivity, processes, platform-engineering
11ty: Index All The Things! (lea)12,136
eleventy, pagination
Figma Now Supports “rem” Units: Understanding the Use and Benefits12,135
figma, css, units, support
An Introduction to LangChain, Python, and OpenAI12,134
introductions, langchain, python, openai, ai
Signals Make Angular Much Easier12,133
angular, signals
Getting Started With CSS Nesting (kev)12,132
videos, introductions, css, nesting
Getting Instant Return From Your Accessibility Testing (kar)12,131
accessibility, testing
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?12,130
discussions, javascript, frameworks
Upgrading an Ancient React Application12,129
react, maintenance
The Power of Git: A Guide to Collaborative Version Control (bek/ope)12,128
guides, git, collaboration
The 10 Commitments of an Agile Leader12,127
agile, processes, collaboration, leadership, engineering-management
O “dialog” Focus, Where Art Thou? (mat)12,126
accessibility, modals, html, focus
Node.js Security Progress Report—17 Reports Closed (ope)12,125
nodejs, security
Fluid vs. Responsive Typography With CSS Clamp (its/log)12,124
css, functions, typography, responsive-design
Advanced Positioning in CSS Grid (zor/css)12,123
videos, css, grids, positioning, layout
5 Inconvenient Truths About TypeScript (dea)12,122
typescript, javascript, complexity
Using Emoji on the Web (oll)12,121
emoji, fonts, support, unicode
What Is TanStack12,120
tanstack, vercel
It’s All About Complexity (max)12,119
complexity
Stick to Boring Architecture for as Long as Possible (add)12,118
architecture
How I Structured My Design System Using Figma’s New Variables12,117
design-systems, design-tokens, figma, variables
Lightweight JavaScript Framework Review (for Django Developers)12,116
javascript, frameworks, comparisons, link-lists, django
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use12,115
accessibility, forms, react, testing
WordPress 6.3 to Introduce a Development Mode (sar)12,114
wordpress
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)12,113
css
Scroll Progress Animations in CSS (mic/mdn)12,112
css, scrolling, animations, progress-indicators
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)12,111
accessibility, interoperability, screen-readers, assistive-tech, jaws
Figma Typography Secrets—Seven Pro Tips Revealed (pim)12,110
typography, figma
Down-and-Across Highlighting (mey)12,109
code-pens, css, tables, effects
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management12,108
guides, npm, dependencies
15 Advanced TypeScript Tips for Development12,107
typescript, tips-and-tricks
Why Design Systems Fail12,106
design-systems, lessons
[WebKit] Standards Positions (web)12,105
webkit, standards, support
Useful Functions for [an] HTTP Server12,104
deno, servers, http, functions
Mock JSON API Endpoints for Testing (ami)12,103
json, apis, testing
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide12,102
guides, tailwind, responsive-design, grids, layout
Getting Started With Tailwind CSS: A Quick-Start Guide12,101
introductions, guides, tailwind
CSS Findings From the Threads App (sha)12,100
css, case-studies, facebook+meta
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide12,099
guides, tables, tailwind
Better Roadmaps12,098
project-management, processes
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)12,097
leadership, dei, accessibility
How to Use Your Intuition in Your Product Design Process12,096
how-tos, design, product-management, processes
A Case Study on Scroll-Driven Animations Performance12,095
animations, scrolling, performance, css, javascript
3 Common Types of Test Automation12,094
testing, automation
Preload vs. Early Hints vs. Fetch Priority12,093
videos, performance, html, http, hints, comparisons, preloading
Top 20 Must-Know Tips for Web Accessibility12,092
accessibility, tips-and-tricks
The Magic of Empty Git Commit12,091
git, command-line
The alt-text.org Project Is Moving Forward (han)12,090
accessibility, writing
Release Notes for Safari Technology Preview 174 (mar/web)12,089
release-notes, browsers, apple, safari
Recent Design12,088
websites, design, link-lists
JPEG XL: How It Started, How It’s Going12,087
images, compression, jpeg-xl
How AI Is Making Web Design More Efficient (web)12,086
ai, design, efficiency
From Nunjucks to Liquid (mor)12,085
template-engines, nunjucks, liquid, migrating
Developer’s Research Process (cit)12,084
research, processes
Arrays and Tuples in TypeScript (fro)12,083
typescript, arrays
Loading and Progress Indicators12,082
performance, user-experience, design-patterns, progress-indicators
TypeScript and the Dawn of Gradual Types (rww)12,081
typescript
Organize TypeScript Types With Namespaces12,080
typescript, namespaces
A Guide to Variables in Figma12,079
guides, variables, figma
Tailwind CSS Tips and Tricks Worth Knowing (bui)12,078
tailwind, tips-and-tricks
Storing Data in Control Flow (rsc)12,077
programming
Sass Features in CSS (chr)12,076
css, sass
Permission (ada)12,075
web, seo, google
My Journey to Learning CSS (kev)12,074
videos, css, learning
Introduction to CSS Grid: A Comprehensive Guide12,073
guides, css, grids, layout
Getting Started With Vector Databases in Node.js12,072
introductions, nodejs, databases, vector-databases
Tree Shaking in JavaScript12,071
javascript, performance, tree-shaking
The Anatomy of a Perfect Landing Page That Converts (uxm)12,070
landing-pages, user-conversion
Mockups Explained (uxm)12,069
design, processes
Making Numbers in Web Content Accessible (ons/tpg)12,068
accessibility
JavaScript Debounce, Easiest Explanation (With Code)12,067
debouncing, javascript
Invisible Details of Interaction Design12,066
interaction-design, design, user-experience
How to Prevent Unnecessary React Component Re-Rendering12,065
how-tos, react, client-side-rendering, performance
Getting Started—Understanding the History of Web Accessibility12,064
videos, introductions, accessibility, history
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)12,063
memory, dev-tools, browsers, google, chrome, microsoft, edge
Developing Inclusivity Features (uxm)12,062
design, accessibility, dei
Data-Driven Design: The Rise of Big Data in UX (uxm)12,061
design, metrics, user-experience
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS12,060
caching, fingerprinting, react
React Design Patterns12,059
react, software-design-patterns
How to Improve the Release Frequency of Your Team?12,058
how-tos, releasing, processes, agile, scrum
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator12,057
introductions, jekyll
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)12,056
css, media-queries, javascript, html, dark-mode
The Decline in Design (Thinking)12,055
design, user-experience
Awesome List of Free CSS [Generators]12,054
link-lists, css, code-generation, tooling
Use Case-Driven Standards Development12,053
standards
New Viewport Units (sha)12,052
viewport, css, units, responsive-design
Deploying a Fastify and Vue 3 Static Site to Heroku12,051
deploying, fastify, vuejs, heroku
Strategic UX Research Is the Next Big Thing12,050
user-experience, research, strategies
The New “@font-face” Syntax (oll)12,049
css, fonts
htmx in 100 Seconds (fir)12,048
videos, introductions, htmx
Unleashing Lightning CSS12,047
css, tooling, lightning-css
Testing the Dark Scenarios of Your Node.js Application12,046
nodejs, testing
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)12,045
css, effects, images
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)12,044
components, css, refactoring, maintenance
Four Lenses of Productivity12,043
research, productivity
An Introduction to Native CSS Nesting (cra)12,042
introductions, css, nesting
URL Explained: The Fundamentals (itt)12,041
terminology
There’s No Such Thing as a “Normal” User (kar)12,040
accessibility
The Case Against Self-Closing Tags in HTML (jaf)12,039
html
Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (kil/pol)12,038
css, positioning, layout
Just Normal Web Things (hbu)12,037
web, user-experience
Is Lighthouse a Misleading Performance Tool?12,036
performance, google, lighthouse, web-vitals, tooling
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (dbo)12,035
leadership, dei, accessibility
When User Testing Sessions Bring Up Trauma12,034
user-experience, testing
Origin Trials and Tribulations (rvi)12,033
web-platform, browsers, origin-trials, metrics
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)12,032
youtube, twitter+x, open-graph, social-media, metadata, images
Redundancy Is Great (jun)12,031
information-design
Understanding JWTs: A Simple Guide for Beginners12,030
guides, json-web-tokens
Resources for Procurement of Accessible Digital Products and VPAT (den)12,029
accessibility, vpat-acr, conformance, tooling, link-lists
Multithreading With Worker Threads in Node.js (app)12,028
nodejs, multithreading, worker-threads
Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management12,027
introductions, guides, kanban, agile, project-management
How to Validate HTML On-Line at W3C (wie)12,026
how-tos, html, conformance, tooling
CSS Only Floating Labels12,025
css, floats, forms, labels
Creating SVG Animations Using Tailwind CSS12,024
svg, images, animations, tailwind
Can We Query the Root Container? (mia/odd)12,023
css, container-queries
Build a Simple Beginner App With Node, Bootstrap, and MongoDB12,022
web-apps, nodejs, bootstrap, mongodb
Making the Switch: From Yarn/npm to pnpm12,021
migrating, yarn, npm, pnpm
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus12,020
css, preprocessors, less, sass, stylus, comparisons
Introduction to MongoDB and NoSQL Databases12,019
introductions, databases, mongodb
See What’s New in Firefox [115.0] (moz)12,018
release-notes, browsers, mozilla, firefox
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)12,017
performance, user-experience, user-conversion, metrics, economics
The Trick to Smoothly Animating Shadows in CSS (kev)12,016
videos, css, animations, shadows
The “article” Element and Screen Readers (mat)12,015
html, screen-readers, accessibility, support
Design for the Web Without Figma12,014
design, tooling
Are We There Yet? (svg)12,013
css, colors, history
90s Websites—Key Characteristics and Examples12,012
design, history, trends, navigation, colors, typography
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)12,011
accessibility, browsers, screen-readers, assistive-tech
Understanding SVG Paths12,010
svg, images
HTML Form Validation Using Cypress12,009
forms, validation, cypress
How I Am Blogging the IndieWeb Way (liz)12,008
blogging, indieweb, automation
Differences Between vi and Vim Text Editors Explained12,007
vi+vim, code-editors, comparisons
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)12,006
how-tos, accessibility, aria, auditing
And 4 More HTML Concepts You Didn’t Know (j9t)12,005
html, concepts, web-components
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide12,004
how-tos, guides, nodejs, command-line, servers, ssh
AI and the Automation of Work12,003
ai, automation, processes
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)12,002
design, principles, user-experience, dei
How to Measure the Impact of a Design System?12,001
how-tos, design-systems, metrics
The Big Problem With Variables in Figma12,000
figma, variables
In Defence of “DOMContentLoaded” (css)11,999
javascript, dom, performance
How to Tackle Docker and Kubernetes for Frontend11,998
how-tos, containerization, docker, kubernetes
Setting Expectations for the Node.js Test Runner (cji)11,997
nodejs, testing
State of the Web: Deno11,996
deno
Observing Node.js Processes With eBPF11,995
monitoring, nodejs
Identify Unused npm Packages in Your Project (ami)11,994
npm, dependencies, maintenance
Designers Who Code, What Is It Good For? (fra)11,993
design, career
Angular Is Getting New Template Syntax (dan)11,992
angular
New to the Web Platform in June (rac)11,991
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
The “details” Element and In-Page Search (mat)11,990
html, disclosure-widgets, search, browsers, user-experience
React Developers Love Preact, Here’s Why (hac)11,989
react, preact, comparisons
Introduction to JSX11,988
introductions, jsx, react
CommonJS Is Hurting JavaScript (den)11,987
javascript, commonjs
Accessible Overlays Aren’t Accessible11,986
accessibility, overlays
An Introduction to the View Transitions API (cra)11,985
introductions, css, view-transitions, apis
The Importance of Verifying Webhook Signatures11,984
security, webhooks
WCAG 2.2, Quick and Simplified11,983
wcag, accessibility, standards
What’s the Perfect Design Process? (vit/sma)11,982
design, processes
What’s Next for Redux With Mark Erikson (ace)11,981
videos, interviews, react, redux, state-management
Understanding TypeScript Generators (log)11,980
typescript
Under-Engineered Comboboxen? (aar)11,979
forms, html, css, accessibility
Solved: Tricky Floating Image Alignment (tyl/clo)11,978
css, floats, layout, alignment, responsive-design
JavaScript Gom Jabbar11,977
javascript
Introduction to MySQL Data Types11,976
databases, mysql, types
How to Build Things People Want to Use11,975
how-tos, user-experience
Combat Accessibility Decay: How to Maintain Ongoing Accessibility11,974
how-tos, accessibility, processes
Getting Started With Native Design Tokens in Figma (luk)11,973
design-tokens, figma, introductions
How to Use CSS “background-size” and “background-position”11,972
how-tos, css, backgrounds
Feature Flags Configuration, Instrumentation, and Use (git)11,971
videos, feature-management, releasing, testing
The SOLID Principles: Writing Scalable and Maintainable Code11,970
principles, solid, scalability, maintainability
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?11,969
npm, yarn, pnpm, comparisons, performance, best-practices
JavaScript Console Methods: A Deep Dive11,968
javascript, console, methods, debugging, deep-dives
Why You Must Commit to Grounding Every DEI-Related Effort With Data11,967
interviews, dei, processes, metrics
Web and App ADA Lawsuits: 6 Trends So Far in 202311,966
accessibility, ada, legal, trends
Release Notes for Safari Technology Preview 173 (jen/web)11,965
release-notes, browsers, apple, safari
Position-Driven Styles (kiz)11,964
css, animations
On Feedback11,963
communication, collaboration, culture
Form and Search Landmarks (mat)11,962
html, aria, forms, browsers, assistive-tech, support
4 Ways to Improve Mobile Accessibility (kar)11,961
accessibility, mobile
Amplify Design Values Through Building Design System11,960
design, design-systems
The Fake Aura of Care in UX11,959
user-experience
Demystifying JavaScript Operators: What Does That Symbol Mean?11,958
javascript, operators
Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams11,957
feature-management, experiments, testing, metrics
The Massive Bug at the Heart of the npm Ecosystem11,956
npm, dependencies, security, bugs
What’s Next for JavaScript: New Features to Look Forward To (mar)11,955
javascript
Screen Magnification: Digital Accessibilitiy11,954
videos, accessibility, assistive-tech, screen-magnification
Popular DevTools Tips (pat/sma)11,953
browsers, dev-tools, tips-and-tricks
Building Sliding Cards With “position: sticky;” (sar)11,952
css
Tips for Upgrading Your Techstack for Faster Frontend Development11,951
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
What Does the Image “decoding” Attribute Actually Do? (tun)11,950
html, attributes, images, performance
Faking a “:snapped” Selector With Scroll-Driven Animations (bra)11,949
css, selectors, animations, scrolling
What’s Your Type? Try These Tests to Pick the Perfect Font for You (was)11,948
design, typography, fonts
Transition Between Pages Smoothly With a Single Line of Code (cit)11,947
css, transitions
Top Tips From a Web Accessibility Evaluator at WebAIM (web)11,946
accessibility, webaim, auditing, tips-and-tricks
The Novel Engines: Servo (bka+/iga)11,945
podcasts, browser-engines, servo, browsers
Qwik Introduction—a Framework That Goes Fast11,944
videos, introductions, qwik
Mapping Typography (sco/9el)11,943
videos, typography, css
Magnification and Zoom Accessibility Guide—Everything You Need to Know11,942
guides, accessibility, screen-magnification, zooming
Live Regions in React11,941
react, aria, live-regions, accessibility
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)11,940
how-tos, colors, css
Going Beyond Constants With Custom Properties (uti/iod)11,939
css, custom-properties
AI Is Killing the Old Web, and the New Web Struggles to Be Born (ver)11,938
ai, web
A Beginner’s Guide to Laravel: Introduction and Key Features11,937
guides, introductions, laravel
Understanding Space-Based Architecture11,936
architecture
Mixing Colors With CSS (mrt)11,935
colors, css
An Introduction to Parser Combinators11,934
introductions, parsing
Introduction to Cloud Computing11,933
introductions, cloud-computing
XML Is the Future11,932
web, processes
WebSockets 101 (thi)11,931
introductions, protocols, websockets
Using BEM for Design System Tokens11,930
css, bem, design-tokens, conventions
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript11,929
introductions, security, vulnerabilities, nodejs, javascript
Choosing a Color Palette (nng)11,928
videos, design, colors, color-palettes
Understanding Authorization Before Authentication: Enhancing Web API Security11,927
authorization, authentication, apis, security, comparisons
The Case for Variables11,926
sass, css, variables, custom-properties, json, figma
Text Wrap Pretty Is Coming to CSS (ami)11,925
css, typography
Debugging INP (scr)11,924
videos, performance, debugging, web-vitals
Converting [a] JavaScript Codebase to TypeScript11,923
javascript, typescript, migrating, refactoring
All You Need to Know About CORS and CORS Errors11,922
security, cors, errors
Component Driven User Interface Testing (CDUIT)11,921
components, testing
The Unlikely Story of UTF-8: The Text Encoding of the Web11,920
unicode, history
The Cost of JavaScript 2023 (add)11,919
videos, javascript, performance
Introducing the MDN Playground: Bring Your Code to Life (mdn)11,918
introductions, mozilla, mdn, documentation, testing
Future CSS: State Container Queries (sha)11,917
css, container-queries
Announcing Svelte 4 (sve)11,916
release-notes, svelte
Designing for Inclusion11,915
design, dei, accessibility
How Designers Can Beat AI at Design11,914
design, ai
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (deq)11,913
wcag, accessibility, testing, axe
Debugging Commands Every Linux Administrator Should Know11,912
debugging, command-line, unix-like
Using Multiple Selectors With JavaScript Selector Methods (cfe)11,911
javascript, selectors, methods
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)11,910
videos, css, selectors
Too Much JavaScript? Why the Frontend Needs to Build Better (low)11,909
javascript, web-platform, performance
The 5 Pillars of Every HTTP Request11,908
http
Design Systems Directory11,907
websites, design-systems
CSS in Micro Frontends11,906
css, micro-frontends
Cascade Layers Are Useless * (mat)11,905
css, cascade
Top 6 AI Coding Assistants in 202311,904
ai, tooling
Creating a Flexible Design Token Taxonomy for Intuit’s Design System11,903
design-tokens, design-systems
W3C Launch Their New Website (sim/stu)11,902
w3c
Three Key Principles for an Accessible Website11,901
principles, accessibility
Thoughts From “Meet Safari for Spatial Computing” (jim)11,900
apple, safari, spatial-web, accessibility, responsive-design
Style Your RSS Feed (dar)11,899
css, syndication, rss, atom
State of CSS 2023 (sac/dev)11,898
surveys, css
Making Your Design Tokens Future-Proof (and)11,897
design-tokens
Continuous Accessibility (a11)11,896
websites, accessibility, processes
Authentication vs. Authorization11,895
authentication, authorization, comparisons
Can Web Developers Be Held Liable?11,894
accessibility, legal
ExtJS for Beginners11,893
extjs
Why UX Testing Is Critical to Your Web Site’s Success (uxm)11,892
user-experience, testing
Radix UI Component With Next.js and Tailwind CSS11,891
videos, components, radix, nextjs, tailwind
Packaging and Selling a Node.js App11,890
nodejs
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)11,889
gatsby, internationalization
Button Types (ada)11,888
html, buttons
Balancing Users’ Needs and Business Goals in UX Design (uxm)11,887
user-experience, design
Balancing Users’ Data Privacy and the User Experience (uxm)11,886
privacy, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)11,885
dependencies, maintenance, renovate, configuration
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)11,884
navigation, scrolling, user-experience
The New CSS (mat)11,883
css, design, web-platform
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)11,882
javascript, import-maps
How to Clean Up Your Local Repository With Git Commands (thi)11,881
how-tos, git, command-line, maintenance
It’s Time for Dimensional Thinking in Design11,880
design, ai
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples11,879
tutorials, guides, databases, indexeddb, examples
Git Concepts Everyone Should Know (fra)11,878
git, concepts
Standardising Design Tokens (oll)11,877
design-tokens, conventions
Wolvic 1.4 Released (wol)11,876
release-notes, wolvic, igalia, browsers
TypeScript 5.2’s New Keyword: “using” (mat)11,875
typescript
The Five Types of People Who Produce Inaccessible Code (eri)11,874
accessibility, community
Scoping (mat)11,873
css, scope
Create React UI Lib: Component Library Speedrun11,872
typescript, react, components, npm
How to Add a CSS Reveal Animation to Your Images (css)11,871
how-tos, css, animations, images
What Are Deceptive Patterns?11,870
user-experience, dark-patterns
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)11,869
css, animations, transitions, scrolling, custom-properties, style-queries
What’s UnAI-Able11,868
ai
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers11,867
tips-and-tricks, programming
The Next Phase of Eleventy: Return of the Side Project (zac)11,866
eleventy
HTML Imports (w3c)11,865
html
Django: A Security Improvement Coming to “format_html()” (ada)11,864
django, security, html
An Explosion in Software Engineers Using AI Coding Tools? (ger)11,863
ai, code-completion, productivity
A Guide to Coding Standards to Improve Code Quality11,862
guides, conventions, formatting, consistency, quality
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)11,861
accessibility, testing, forms
How (and Should?) We Stop the Infinite Scroll11,860
user-experience, scrolling
Simplify Email Development With MJML: A Beginner’s Guide11,859
email, mjml, guides
Using Color Wheel Combinations in Your Designs (web)11,858
colors, design
Puppeteer in Node.js: More Antipatterns to Avoid (app)11,857
nodejs, scraping, testing, anti-patterns, puppeteer
npm Won’t Publish Packages Containing the Word “keygen”11,856
discussions, npm, dependencies
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)11,855
how-tos, svelte, sveltekit, web-apps, server-side-rendering
End-to-End Tracing11,854
observability, tracing, case-studies
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)11,853
design, accessibility, css, comparisons
Cyclic Dependency Space Toggles (kiz)11,852
toggles, css, custom-properties
Nuxt in 100 Seconds (fir)11,851
videos, introductions, nuxt
When and Why to Use a Click Test11,850
usability, testing
Tuesday, June 20, 2023 Security Releases (raf/nod)11,849
release-notes, nodejs, security
The Gotchas of CSS Nesting (kil)11,848
css, nesting
Rebuilding a Comment Component With Modern CSS (sha)11,847
functionality, components, css
Chrome for Testing: Reliable Downloads for Browser Automation (mat)11,846
browsers, google, chrome, testing
Naming Components11,845
design-systems, components, naming
Positioning Anchored Popovers (hdv)11,844
pop-overs, css, positioning
“margin-trim” as a Best Practice? (chr)11,843
css, margins
Gatsby Headaches and How to Cure Them: I18N (mon/sma)11,842
gatsby, internationalization
Blur Vignette Effect in CSS11,841
css, effects
Bottom Sheets: Definition and UX Guidelines (nng)11,840
terminology, guidelines, mobile, user-experience
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)11,839
css, web-platform
How to Learn Programming11,838
how-tos, learning, programming
How to Highlight Required and Optional Form Fields (ada)11,837
how-tos, forms, mistakes, usability
CSS! CSS! CSS! (mat)11,836
css, community
TypeScript Book11,835
books, typescript
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now11,834
html, viewport, metadata, accessibility, responsive-design
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)11,833
videos, css, scrolling, animations, view-transitions
CSS Containers, What Do They Know? (mia/css)11,832
videos, css, container-queries
That’s Not How I Wrote CSS Three Years Ago (mat/css)11,831
videos, css, support
Shining Light on the Shadow DOM (cas/css)11,830
videos, shadow-dom, dom
An Introduction to DevOps11,829
introductions, dev-ops
Modern CSS for Dynamic Component-Based Architecture (5t3)11,828
css, architecture, components
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)11,827
videos, css, browsers, microsoft, internet-explorer, support, history
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)11,826
design, strategies
Best Animation Libraries for React11,825
libraries, animations, react, link-lists
Must Know JavaScript API—IndexedDB API11,824
databases, indexeddb, javascript, apis
State of the CSS Community (una/css)11,823
videos, css, community
Why Doesn’t CSS Have Scope? (hey/css)11,822
videos, css, scope
Style Recalculation Secrets They Don’t Want You to Know (pat/css)11,821
videos, css, selectors, performance
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)11,820
css, scrolling
The Universal Focus State (eri)11,819
accessibility, focus, css
Sticky Content: Focus in View (tet)11,818
accessibility, focus, scrolling, css
No, “AI” Will Not Fix Accessibility (aar)11,817
accessibility, ai
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)11,816
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Designing a Scalable Backend in Node.js (app)11,815
software-design, scalability, nodejs
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)11,814
videos, dev-tools, browsers, google, chrome
Best Practices for Container Queries (zel)11,813
best-practices, container-queries, css
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)11,812
checklists, performance, compression, dependencies, accessibility, legibility, naming
Are Simple Websites Better for Business? (web)11,811
design, simplicity
48 Laws, Rules, and Principles of Web Development (j9t)11,810
programming, principles, terminology
Styling Scrollbars (oll)11,809
scrolling, css
Reducing Complexity in Front End Development (mic)11,808
complexity, performance, css, javascript
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)11,807
standards, accessibility, aria, rich-internet-apps
What’s New in CSS (jen)11,806
videos, css, apple
Tokens Are the Most Valuable Artifact a Design System Can Provide11,805
design-systems, design-tokens
The Ultimate Guide to Writing Technical Blog Posts (bla)11,804
guides, writing, blogging
RSC From Scratch: Server Components11,803
videos, react, components
Modern CSS in Real Life (chr)11,802
css
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)11,801
information-design, user-experience, tables, grids
Be Careful With “ch” Units (cit)11,800
css, units
Assume the Position—a Labeling Story (llo/tpg)11,799
accessibility, forms, labels, html
Angular at Google I/O 2023 (ang)11,798
release-notes, angular, google
Accessibility and Artificial Intelligence (joe)11,797
accessibility, ai
How Photoshop Solved Working With Files Larger Than Can Fit Into Memory (tom)11,796
adobe, memory
An Introduction to Debugging in Node.js (cra)11,795
introductions, debugging, nodejs
Accessibility Testing—Pay Attention to the Details11,794
accessibility, testing
What Is Open Graph? How to Use It for Your WordPress Website?11,793
how-tos, open-graph, html, social-media, wordpress
Primitive Objects in JavaScript: When to Use Them (sma)11,792
javascript, objects
One More Thing—Apple’s Push on Web Apps on macOS11,791
apple, web-apps
Is React Having An AngularJS Moment?11,790
react, angularjs
New Job? Negotiate as if Your Life Depends on It11,789
career
test262.fyi11,788
websites, javascript, ecmascript, javascript-engines, v8, javascriptcore, spidermonkey, quickjs, chakracore
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)11,787
user-experience, accessibility, focus, forms
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance11,786
how-tos, rendering, dom, performance, debugging, angular
Every Design Team Needs Writers11,785
design, writing
An Introduction to “@scope” in CSS (oll)11,784
introductions, scope, css
How Chrome Achieved High Scores on Three Browser Benchmarks11,783
browsers, google, chrome, performance
New CSS Color Spaces and Functions in All Major Engines (rac)11,782
css, colors, functions, browsers, support
How We Created an Accessible, Scalable Color Palette11,781
colors, color-palettes, accessibility, scalability, case-studies
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)11,780
accessibility, focus, wcag, standards
wasmati: You Should Write Your WebAssembly in TypeScript11,779
webassembly, typescript, libraries
The Many Ways to Select the n-th Character From a String (cod)11,778
javascript, strings
No Single Metric Captures Productivity11,777
productivity, metrics
How AI Can Make Software More Intuitive11,776
ai, usability
Do Not Drop Sass for CSS11,775
css, sass, preprocessors
Presentational Colors (luk)11,774
colors, design-tokens
Quick Tip: Shipping Resilient CSS Components (5t3)11,773
css, components, maintainability, resilience, tips-and-tricks
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)11,772
videos, javascript
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)11,771
google, domains, ai
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)11,770
transitions, dev-tools, browsers, google, chrome
The Context Dilemma11,769
design-systems, design-tokens
Some Things I Learnt From Working on Big Frontend Codebases11,768
complexity, lessons
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)11,767
html, semantics
Performance Is Not a Checklist (tka)11,766
performance, user-experience