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 (16)

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

Entry (Sources) and TopicsDate#
Loading and Progress Indicators (uxd)11,317
performance, user-experience, design-patterns, progress-indicators
A Guide to Variables in Figma11,316
guides, variables, figma
TypeScript and the Dawn of Gradual Types (rww/git)11,315
typescript
Tailwind CSS Tips and Tricks Worth Knowing (bui)11,314
tailwind, tips-and-tricks
Storing Data in Control Flow (rsc)11,313
programming
Sass Features in CSS (chr)11,312
css, sass
Permission (ada)11,311
web, seo, google
Organize TypeScript Types With Namespaces11,310
typescript, namespaces
My Journey to Learning CSS (kev)11,309
videos, css, learning
Introduction to CSS Grid: A Comprehensive Guide11,308
guides, css, grids, layout
Tree Shaking in JavaScript11,307
javascript, performance, tree-shaking
Getting Started With Vector Databases in Node.js11,306
introductions, nodejs, databases, vector-databases
The Anatomy of a Perfect Landing Page That Converts (uxm)11,305
landing-pages, user-conversion
Mockups Explained (uxm)11,304
design, processes
Making Numbers in Web Content Accessible (ons/tpg)11,303
accessibility
JavaScript Debounce, Easiest Explanation (With Code)11,302
debouncing, javascript
Invisible Details of Interaction Design11,301
interaction-design, design, user-experience
How to Prevent Unnecessary React Component Re-Rendering11,300
how-tos, react, client-side-rendering, performance
Getting Started—Understanding the History of Web Accessibility11,299
videos, introductions, accessibility, history
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)11,298
memory, dev-tools, browsers, google, chrome, microsoft, edge
Developing Inclusivity Features (uxm)11,297
design, accessibility, dei
Data-Driven Design: The Rise of Big Data in UX (uxm)11,296
design, metrics, user-experience
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS11,295
caching, fingerprinting, react
React Design Patterns11,294
react, software-design-patterns
How to Improve the Release Frequency of Your Team?11,293
how-tos, releasing, processes, agile, scrum
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator11,292
introductions, jekyll
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)11,291
css, media-queries, javascript, html, dark-mode
Awesome List of Free CSS [Generators]11,290
link-lists, css, code-generation, tooling
The Decline in Design (Thinking) (uxd)11,289
design, user-experience
Use Case-Driven Standards Development11,288
standards
New Viewport Units (sha)11,287
viewport, css, units, responsive-design
Deploying a Fastify and Vue 3 Static Site to Heroku11,286
deploying, fastify, vuejs, heroku
Strategic UX Research Is the Next Big Thing (uxd)11,285
user-experience, research, strategies
Unleashing Lightning CSS11,284
css, tooling, lightning-css
The New “@ font-face” Syntax (oll)11,283
css, fonts
Testing the Dark Scenarios of Your Node.js Application11,282
nodejs, testing
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)11,281
css, effects, images
htmx in 100 Seconds (fir)11,280
videos, introductions, htmx
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)11,279
components, css, refactoring, maintenance
Four Lenses of Productivity11,278
research, productivity
URL Explained: The Fundamentals (itt)11,277
terminology
There’s No Such Thing as a “Normal” User (kar)11,276
accessibility
The Case Against Self-Closing Tags in HTML (jaf)11,275
html
Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (kil/pol)11,274
css, positioning, layout
Just Normal Web Things (hbu)11,273
web, user-experience
Is Lighthouse a Misleading Performance Tool?11,272
performance, google, lighthouse, web-vitals, tooling
An Introduction to Native CSS Nesting (cra)11,271
introductions, css, nesting
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (dbo)11,270
leadership, dei, accessibility
When User Testing Sessions Bring Up Trauma (uxd)11,269
user-experience, testing
Understanding JWTs: A Simple Guide for Beginners11,268
guides, json-web-tokens
Resources for Procurement of Accessible Digital Products and VPAT (den)11,267
accessibility, vpat-acr, conformance, tooling, link-lists
Redundancy Is Great11,266
information-design
Origin Trials and Tribulations (rvi)11,265
web-platform, browsers, metrics
Multithreading With Worker Threads in Node.js (app)11,264
nodejs, multithreading, worker-threads
Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management11,263
introductions, guides, kanban, agile, project-management
How to Validate HTML On-Line at W3C (wie)11,262
how-tos, html, conformance, tooling
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)11,261
youtube, twitter+x, open-graph, social-media, metadata, images
CSS Only Floating Labels11,260
css, floats, forms, labels
Creating SVG Animations Using Tailwind CSS11,259
svg, images, animations, tailwind
Can We Query the Root Container? (mia/odd)11,258
css, container-queries
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus11,257
css, preprocessors, less, sass, stylus, comparisons
Introduction to MongoDB and NoSQL Databases11,256
introductions, databases, mongodb
See What’s New in Firefox [115.0] (moz)11,255
release-notes, browsers, mozilla, firefox
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)11,254
performance, user-experience, user-conversion, metrics, economics
The Trick to Smoothly Animating Shadows in CSS (kev)11,253
videos, css, animations, shadows
The “article” Element and Screen Readers (mat)11,252
html, screen-readers, accessibility, support
Making the Switch: From Yarn/npm to pnpm11,251
yarn, npm, pnpm
Design for the Web Without Figma11,250
design, tooling
Build a Simple Beginner App With Node, Bootstrap, and MongoDB11,249
web-apps, nodejs, bootstrap, mongodb
Are We There Yet? (svg)11,248
css, colors, history
90s Websites—Key Characteristics and Examples11,247
design, history, trends, navigation, colors, typography
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)11,246
accessibility, browsers, screen-readers, assistive-tech
Understanding SVG Paths11,245
svg, images
HTML Form Validation Using Cypress11,244
forms, validation, cypress
How I Am Blogging the IndieWeb Way (liz)11,243
blogging, indieweb, automation
Differences Between vi and Vim Text Editors Explained11,242
vi+vim, code-editors, comparisons
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)11,241
how-tos, accessibility, aria, auditing
And 4 More HTML Concepts You Didn’t Know (j9t)11,240
html, concepts, web-components
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide11,239
how-tos, guides, nodejs, command-line, servers, ssh
AI and the Automation of Work11,238
ai, automation, processes
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)11,237
design, principles, user-experience, dei
How to Measure the Impact of a Design System? (uxd)11,236
how-tos, design-systems, metrics
The Big Problem With Variables in Figma (uxd)11,235
figma, variables
How to Tackle Docker and Kubernetes for Frontend11,234
how-tos, containerization, docker, kubernetes
Setting Expectations for the Node.js Test Runner (cji)11,233
nodejs, testing
State of the Web: Deno11,232
deno
Observing Node.js Processes With eBPF11,231
monitoring, nodejs
In Defence of “DOM­Content­Loaded” (css)11,230
javascript, dom, performance
Identify Unused npm Packages in Your Project (ami)11,229
npm, dependencies, maintenance
Designers Who Code, What Is It Good For? (fra)11,228
design, career
Angular Is Getting New Template Syntax (dan)11,227
angular
The “details” Element and In-Page Search (mat)11,226
html, disclosure-widgets, search, browsers, user-experience
React Developers Love Preact, Here’s Why (hac)11,225
react, preact, comparisons
New to the Web Platform in June (rac/dev)11,224
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Introduction to JSX11,223
introductions, jsx, react
CommonJS Is Hurting JavaScript (den)11,222
javascript, commonjs
The Importance of Verifying Webhook Signatures11,221
security, webhooks
WCAG 2.2, Quick and Simplified11,220
wcag, accessibility, standards
Accessible Overlays Aren’t Accessible (uxd)11,219
accessibility, overlays
What’s the Perfect Design Process? (vit/sma)11,218
design, processes
What’s Next for Redux With Mark Erikson (ace)11,217
videos, interviews, react, redux, state-management
Understanding TypeScript Generators (log)11,216
typescript
Under-Engineered Comboboxen? (aar)11,215
forms, html, css, accessibility
Solved: Tricky Floating Image Alignment (tyl/clo)11,214
css, floats, layout, alignment, responsive-design
JavaScript Gom Jabbar11,213
javascript
Introduction to MySQL Data Types11,212
databases, mysql, types
How to Build Things People Want to Use11,211
how-tos, user-experience
Combat Accessibility Decay: How to Maintain Ongoing Accessibility11,210
how-tos, accessibility, processes
An Introduction to the View Transitions API (cra)11,209
introductions, css, view-transitions, apis
Feature Flags Configuration, Instrumentation, and Use (git)11,208
videos, feature-management, releasing, testing
The SOLID Principles: Writing Scalable and Maintainable Code11,207
principles, solid, scalability, maintainability
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?11,206
npm, yarn, pnpm, comparisons, performance, best-practices
Getting Started With Native Design Tokens in Figma (luk/uxd)11,205
design-tokens, figma, introductions
JavaScript Console Methods: A Deep Dive11,204
javascript, console, methods, debugging, deep-dives
Why You Must Commit to Grounding Every DEI-Related Effort With Data11,203
interviews, dei, processes, metrics
Web and App ADA Lawsuits: 6 Trends So Far in 202311,202
accessibility, ada, legal, trends
Release Notes for Safari Technology Preview 173 (jen/web)11,201
release-notes, browsers, apple, safari
Position-Driven Styles (kiz)11,200
css, animations
On Feedback11,199
communication, collaboration, culture
How to Use CSS “background-size” and “background-position”11,198
how-tos, css, backgrounds
Form and Search Landmarks (mat)11,197
html, aria, forms, browsers, assistive-tech, support
4 Ways to Improve Mobile Accessibility (kar)11,196
accessibility, mobile
The Fake Aura of Care in UX (uxd)11,195
user-experience
Amplify Design Values Through Building Design System (uxd)11,194
design, design-systems
The Massive Bug at the Heart of the npm Ecosystem11,193
npm, dependencies, security
What’s Next for JavaScript: New Features to Look Forward To (mar/the)11,192
javascript
Screen Magnification: Digital Accessibilitiy11,191
videos, accessibility, assistive-tech, screen-magnification
Popular DevTools Tips (pat/sma)11,190
browsers, dev-tools, tips-and-tricks
Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams11,189
feature-management, experiments, testing, metrics
Demystifying JavaScript Operators: What Does That Symbol Mean?11,188
javascript, operators
Building Sliding Cards With “position: sticky;” (sar)11,187
css
What Does the Image “decoding” Attribute Actually Do? (tun)11,186
html, attributes, images, performance
Faking a “:snapped” Selector With Scroll-Driven Animations (bra)11,185
css, selectors, animations, scrolling
What’s Your Type? Try These Tests to Pick the Perfect Font for You (was)11,184
design, typography, fonts
Transition Between Pages Smoothly With a Single Line of Code (cit)11,183
css, transitions
Top Tips From a Web Accessibility Evaluator at WebAIM (web)11,182
accessibility, webaim, auditing, tips-and-tricks
Tips for Upgrading Your Techstack for Faster Frontend Development11,181
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
The Novel Engines: Servo (bka+/iga)11,180
podcasts, browser-engines, servo, browsers
Qwik Introduction—a Framework That Goes Fast11,179
videos, introductions, qwik
Mapping Typography (sco/9el)11,178
videos, typography, css
Magnification and Zoom Accessibility Guide—Everything You Need to Know11,177
guides, accessibility, screen-magnification, zooming
Live Regions in React11,176
react, aria, live-regions, accessibility
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)11,175
how-tos, colors, css
Going Beyond Constants With Custom Properties (uti/iod)11,174
css, custom-properties
AI Is Killing the Old Web, and the New Web Struggles to Be Born (ver)11,173
ai, web
A Beginner’s Guide to Laravel: Introduction and Key Features11,172
guides, introductions, laravel
Understanding Space-Based Architecture11,171
architecture
Mixing Colors With CSS (mrt)11,170
colors, css
An Introduction to Parser Combinators11,169
introductions, parsing
Introduction to Cloud Computing11,168
introductions, cloud-computing
XML Is the Future11,167
web, processes
WebSockets 101 (thi)11,166
introductions, protocols, websockets
Using BEM for Design System Tokens11,165
css, bem, design-tokens, conventions
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript11,164
introductions, security, vulnerabilities, nodejs, javascript
Choosing a Color Palette (nng)11,163
videos, design, colors, color-palettes
Understanding Authorization Before Authentication: Enhancing Web API Security11,162
authorization, authentication, apis, security, comparisons
The Case for Variables11,161
sass, css, variables, custom-properties, json, figma
Text Wrap Pretty Is Coming to CSS (ami)11,160
css, typography
Debugging INP (scr)11,159
videos, performance, debugging, web-vitals
Converting [a] JavaScript Codebase to TypeScript11,158
javascript, typescript, migrating, refactoring
All You Need to Know About CORS and CORS Errors11,157
security, cors, errors
Component Driven User Interface Testing (CDUIT)11,156
components, testing
The Unlikely Story of UTF-8: The Text Encoding of the Web11,155
unicode, history
The Cost of JavaScript 2023 (add)11,154
videos, javascript, performance
Introducing the MDN Playground: Bring Your Code to Life (mdn)11,153
introductions, mozilla, mdn, documentation, testing
Future CSS: State Container Queries (sha)11,152
css, container-queries
Announcing Svelte 4 (sve)11,151
release-notes, svelte
Debugging Commands Every Linux Administrator Should Know11,150
debugging, command-line, unix-like
How Designers Can Beat AI at Design (uxd)11,149
design, ai
Designing for Inclusion (uxd)11,148
design, dei, accessibility
Using Multiple Selectors With JavaScript Selector Methods (cfe)11,147
javascript, selectors, methods
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)11,146
videos, css, selectors
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (deq)11,145
wcag, accessibility, testing, tooling
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)11,144
javascript, web-platform, performance
The 5 Pillars of Every HTTP Request11,143
http
Design Systems Directory11,142
websites, design-systems
CSS in Micro Frontends11,141
css, micro-frontends
Cascade Layers Are Useless * (mat)11,140
css, cascade
Creating a Flexible Design Token Taxonomy for Intuit’s Design System11,139
design-tokens, design-systems
W3C Launch Their New Website (sim/stu)11,138
w3c
Top 6 AI Coding Assistants in 202311,137
ai, tooling
Three Key Principles for an Accessible Website11,136
principles, accessibility
Thoughts From “Meet Safari for Spatial Computing” (jim)11,135
apple, safari, spatial-web, accessibility, responsive-design
Style Your RSS Feed (dar)11,134
css, syndication, rss, atom
State of CSS 2023 (sac/dev)11,133
surveys, css
Making Your Design Tokens Future-Proof (and)11,132
design-tokens
Continuous Accessibility (a11)11,131
websites, accessibility, processes
Authentication vs. Authorization11,130
authentication, authorization, comparisons
ExtJS for Beginners11,129
extjs
Why UX Testing Is Critical to Your Web Site’s Success (uxm)11,128
user-experience, testing
Radix UI Component With Next.js and Tailwind CSS11,127
videos, components, radix, nextjs, tailwind
Packaging and Selling a Node.js App11,126
nodejs
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)11,125
gatsby, internationalization
Can Web Developers Be Held Liable?11,124
accessibility, legal
Button Types (ada)11,123
html, buttons
Balancing Users’ Needs and Business Goals in UX Design (uxm)11,122
user-experience, design
Balancing Users’ Data Privacy and the User Experience (uxm)11,121
privacy, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)11,120
dependencies, maintenance, renovate, configuration
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)11,119
navigation, scrolling, user-experience
The New CSS (mat)11,118
css, design, web-platform
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)11,117
javascript, import-maps
How to Clean Up Your Local Repository With Git Commands (thi)11,116
how-tos, git, command-line, maintenance
It’s Time for Dimensional Thinking in Design (uxd)11,115
design, ai
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples11,114
tutorials, guides, databases, indexeddb, examples
Git Concepts Everyone Should Know (fra)11,113
git, concepts
Wolvic 1.4 Released (wol)11,112
release-notes, wolvic, igalia, browsers
TypeScript 5.2’s New Keyword: “using” (mat)11,111
typescript
The Five Types of People Who Produce Inaccessible Code (eri)11,110
accessibility, community
Standardising Design Tokens (oll)11,109
design-tokens, conventions
Scoping (mat)11,108
css, scope
Create React UI Lib: Component Library Speedrun11,107
typescript, react, components, npm
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)11,106
css, animations, transitions, scrolling, custom-properties, style-queries
What’s UnAI-Able11,105
ai
What Are Deceptive Patterns?11,104
user-experience, dark-patterns
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers11,103
tips-and-tricks, programming
The Next Phase of Eleventy: Return of the Side Project (zac)11,102
eleventy
HTML Imports (w3c)11,101
html
How to Add a CSS Reveal Animation to Your Images (css)11,100
how-tos, css, animations, images
Django: A Security Improvement Coming to “format_html()” (ada)11,099
django, security, html
An Explosion in Software Engineers Using AI Coding Tools? (ger)11,098
ai, code-completion, productivity
A Guide to Coding Standards to Improve Code Quality11,097
guides, conventions, formatting, consistency, quality
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)11,096
accessibility, testing, forms
Simplify Email Development With MJML: A Beginner’s Guide11,095
email, mjml, guides
How (and Should?) We Stop the Infinite Scroll (uxd)11,094
user-experience, scrolling
Using Color Wheel Combinations in Your Designs (web)11,093
colors, design
Puppeteer in Node.js: More Antipatterns to Avoid (app)11,092
nodejs, scraping, testing, anti-patterns, puppeteer
npm Won’t Publish Packages Containing the Word “keygen”11,091
discussions, npm, dependencies
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)11,090
how-tos, svelte, sveltekit, web-apps, server-side-rendering
End-to-End Tracing11,089
observability, tracing, case-studies
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)11,088
design, accessibility, css, comparisons
Cyclic Dependency Space Toggles (kiz)11,087
toggles, css, custom-properties
When and Why to Use a Click Test11,086
usability, testing
Tuesday, June 20, 2023 Security Releases (raf/nod)11,085
release-notes, nodejs, security
The Gotchas of CSS Nesting (kil)11,084
css, nesting
Rebuilding a Comment Component With Modern CSS (sha)11,083
functionality, components, css
Nuxt in 100 Seconds (fir)11,082
videos, introductions, nuxt
Naming Components11,081
design-systems, components, naming
Positioning Anchored Popovers (hdv)11,080
pop-overs, css, positioning
“margin-trim” as a Best Practice? (chr)11,079
css, margins
Gatsby Headaches and How to Cure Them: I18N (mon/sma)11,078
gatsby, internationalization
Chrome for Testing: Reliable Downloads for Browser Automation (mat/dev)11,077
browsers, google, chrome, testing
Blur Vignette Effect in CSS11,076
css, effects
Bottom Sheets: Definition and UX Guidelines (nng)11,075
terminology, guidelines, mobile, user-experience
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)11,074
css, web-platform
How to Learn Programming11,073
how-tos, learning, programming
How to Highlight Required and Optional Form Fields (ada)11,072
how-tos, forms, mistakes, usability
CSS! CSS! CSS! (mat)11,071
css, community
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now11,070
html, viewport, metadata, accessibility, responsive-design
An Introduction to DevOps11,069
introductions, dev-ops
That’s Not How I Wrote CSS Three Years Ago (mat/css)11,068
videos, css, support
Shining Light on the Shadow DOM (cas/css)11,067
videos, shadow-dom, dom
Modern CSS for Dynamic Component-Based Architecture (5t3)11,066
css, architecture, components
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)11,065
videos, css, scrolling, animations, view-transitions
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)11,064
videos, css, browsers, microsoft, internet-explorer, support, history
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)11,063
design, strategies
CSS Containers, What Do They Know? (mia/css)11,062
videos, css, container-queries
Best Animation Libraries for React11,061
libraries, animations, react, link-lists
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)11,060
css, scrolling
Why Doesn’t CSS Have Scope? (hey/css)11,059
videos, css, scope
The Universal Focus State (eri)11,058
accessibility, focus, css
Style Recalculation Secrets They Don’t Want You to Know (pat/css)11,057
videos, css, selectors, performance
Sticky Content: Focus in View (tet)11,056
accessibility, focus, scrolling, css
State of the CSS Community (una/css)11,055
videos, css, community
No, “AI” Will Not Fix Accessibility (aar)11,054
accessibility, ai
Must Know JavaScript API—IndexedDB API11,053
databases, indexeddb, javascript, apis
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)11,052
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Designing a Scalable Backend in Node.js (app)11,051
software-design, scalability, nodejs
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)11,050
videos, dev-tools, browsers, google, chrome
Best Practices for Container Queries (zel)11,049
best-practices, container-queries, css
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)11,048
checklists, performance, compression, dependencies, accessibility, legibility, naming
Are Simple Websites Better for Business? (web)11,047
design, simplicity
48 Laws, Rules, and Principles of Web Development (j9t)11,046
programming, principles, terminology
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)11,045
standards, accessibility, aria, rich-internet-apps
What’s New in CSS (jen)11,044
videos, css, apple
Tokens Are the Most Valuable Artifact a Design System Can Provide11,043
design-systems, design-tokens
The Ultimate Guide to Writing Technical Blog Posts (bla)11,042
guides, writing, blogging
Styling Scrollbars (oll)11,041
scrolling, css
RSC From Scratch: Server Components11,040
videos, react, components
Reducing Complexity in Front End Development (mic)11,039
complexity, performance, css, javascript
Modern CSS in Real Life (chr)11,038
css
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)11,037
information-design, user-experience, tables, grids
Be Careful With “ch” Units (cit)11,036
css, units
Assume the Position—a Labeling Story (llo/tpg)11,035
accessibility, forms, labels, html
Angular at Google I/O 2023 (ang)11,034
release-notes, angular, google
Accessibility and Artificial Intelligence (joe)11,033
accessibility, ai
What Is Open Graph? How to Use It for Your WordPress Website?11,032
how-tos, open-graph, html, social-media, wordpress
Primitive Objects in JavaScript: When to Use Them (sma)11,031
javascript, objects
One More Thing—Apple’s Push on Web Apps on macOS11,030
apple, web-apps
Is React Having An AngularJS Moment?11,029
react, angularjs
An Introduction to Debugging in Node.js (cra)11,028
introductions, debugging, nodejs
Accessibility Testing—Pay Attention to the Details11,027
accessibility, testing
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)11,026
user-experience, accessibility, focus, forms
test262.fyi11,025
websites, javascript, ecmascript, javascript-engines, v8, spidermonkey
New Job? Negotiate as if Your Life Depends on It11,024
career
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance11,023
how-tos, rendering, dom, performance, debugging, angular
How We Created an Accessible, Scalable Color Palette11,022
colors, color-palettes, accessibility, scalability, case-studies
Every Design Team Needs Writers (uxd)11,021
design, writing
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)11,020
accessibility, focus, wcag, standards
wasmati: You Should Write Your WebAssembly in TypeScript11,019
webassembly, typescript, libraries
The Many Ways to Select the n-th Character From a String (cod)11,018
javascript, strings
No Single Metric Captures Productivity11,017
productivity, metrics
New CSS Color Spaces and Functions in All Major Engines (rac/dev)11,016
css, colors, functions, browsers, support
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)11,015
browsers, google, chrome, performance
How AI Can Make Software More Intuitive11,014
ai, usability
Do Not Drop Sass for CSS11,013
css, sass, preprocessors
An Introduction to “@ scope” in CSS (oll)11,012
introductions, scope, css
Presentational Colors (luk/uxd)11,011
colors, design-tokens
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)11,010
google, domains, ai
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)11,009
videos, javascript
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)11,008
transitions, dev-tools, browsers, google, chrome
The Context Dilemma11,007
design-systems, design-tokens
Some Things I Learnt From Working on Big Frontend Codebases11,006
complexity, lessons
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)11,005
html, semantics
Quick Tip: Shipping Resilient CSS Components (5t3)11,004
css, components, maintainability, resilience, tips-and-tricks
Performance Is Not a Checklist (tka)11,003
performance, user-experience
Asynchronous JavaScript for Beginners11,002
javascript, asynchronicity
Announcing TypeScript 5.1 (dan/typ)11,001
release-notes, typescript
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)11,000
forms, apis, css
Accessible Components: The Hamburger Menu10,999
accessibility, components, navigation
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS10,998
guides, deploying, complexity, architecture, aws
How to Format a Date With JavaScript—Date Formatting in JS (fre)10,997
how-tos, javascript, time
Watch Out for Layout Shifts With “ch” Units (pau/clo)10,996
performance, css, units
Token Operations (don)10,995
design-tokens
security.txt Now Mandatory for Dutch Government Websites10,994
security, legal
Release Notes for Safari Technology Preview 171 (jon/web)10,993
release-notes, browsers, apple, safari
Re-Evaluating “px” vs. “em” in Media Queries (kei)10,992
css, units, media-queries, comparisons
New to the Web Platform in May (rac/dev)10,991
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
Linting Defensive and Logical CSS With Stylelint Plugins (log)10,990
css, logical-properties, linting, stylelint, plugins
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)10,989
images, gif
How to Add Custom Meta Boxes in WordPress Without a Plugin10,988
how-tos, wordpress, customization
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)10,987
browsers, browser-engines, rendering, blink, css, selectors
Design Systems: A Curated List for Today’s UI/UX Designers (sta)10,986
design-systems, design, tooling, link-lists
Accessibility Audits for All (ada)10,985
accessibility, auditing, testing
What Is Personalization?10,984
personalization, concepts
The Art of Code Review10,983
code-reviews, processes, collaboration
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity10,982
productivity, metrics, engineering-management, culture, communication, collaboration, efficiency
I Think I Finally “Get” JS Objects10,981
javascript, objects
Hands on With the Node.js Test Runner (phi)10,980
nodejs, testing
Cracking the Theme Switcher and Dark Mode10,979
css, javascript, dark-mode
Announcing the Second Compute Pressure Origin Trial (dev)10,978
apis, browsers, google, chrome
An Introduction to JavaScript Proxies (cra)10,977
introductions, javascript
21 Awesome Web Features You’re Not Using Yet (fir)10,976
videos, html, css, javascript
The Double-Edged Sword of Design Systems (uxd)10,975
design-systems, design
Simple Things Make Things Simple (pjo)10,974
simplicity, case-studies
Don’t Meddle With User Input (tem)10,973
accessibility, forms
10 Incident Management Best Practices10,972
incident-response, best-practices, processes
Improving the Quality of the Software With Qodana and GitHub Actions10,971
jetbrains, qodana, quality, optimization, github, ci-cd
How Screen-Reader Users Type on and Control Mobile Devices (nng)10,970
accessibility, usability, screen-readers, mobile
The Problem With Nested Fieldsets and How to Avoid Them (ada)10,969
accessibility, forms, assistive-tech, support
The Optimization Sinkhole10,968
productivity, optimization
Sass-Like Nesting in Native CSS (ami)10,967
css, sass, nesting
Mastering CSS Blend Modes10,966
css, blend-modes
Understanding the Importance of Encoding10,965
encoding
WordPress Turns 20 (sar)10,964
wordpress
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript?10,963
javascript, unicode
When to Use Plain Text or Images Instead of MathML10,962
mathml, math, accessibility
Plain Old JavaScript and the DOM (dou)10,961
javascript, dom
We Need to Talk About How We Talk About Accessibility10,960
accessibility, communication, dei
Supper Club × Bramus Van Damme on CSS (bra+/syn)10,959
podcasts, interviews, css
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)10,958
how-tos, javascript, functions
Designing a Better Design Handoff File in Figma (sma)10,957
design, processes, figma
Brief Note on Popovers With Dialogs (aar)10,956
html, support, accessibility, pop-overs, modals
A Practical Overview on Architecture Decision Records (ADR)10,955
overviews, documentation, processes
Two Things That Are Not Great About OKLCH (chr)10,954
colors, oklch
Seven Lessons From 7 Years Designing Systems10,953
lessons, design-systems
Levelling Up Accessibility Skills in Your Organisation (int)10,952
videos, accessibility
“display: contents” Considered Harmful (eri)10,951
accessibility, css
The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra)10,950
css, transitions, techniques
WebKit and web-platform-tests (ann)10,949
webkit
Single Line Comments in CSS (jim)10,948
css, comments
Responsive CSS Layout Grids Without Media Queries (5t3)10,947
css, grids, layout, responsive-design
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)10,946
css, custom-properties
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)10,945
accessibility, vpat-acr, documentation
Querying Parsed HTML in BigQuery (rvi)10,944
html
Deploying AVIF for More Responsive Websites (dev)10,943
images, avif, performance
A Complete Guide to Using IndexedDB (log)10,942
guides, databases, indexeddb
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)10,941
html, best-practices, forms
You Don’t Need a Modal Window (dz4)10,940
websites, modals
Where to Put Your Types in Application Code (mat)10,939
typescript
Two Simple Layouts That Work Better With Grid (kev)10,938
videos, css, grids, layout
Introducing the Popover API (una/dev)10,937
introductions, apis, html, pop-overs
I Created 100+ Unique CSS Patterns (css)10,936
css, backgrounds, effects
Graph Slider10,935
sliders, css
Future of CSS: Popover API10,934
css, apis, pop-overs
File Upload Security and Malware Protection (aus)10,933
security, malware, file-handling, edge-computing
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design10,932
accessibility, dei, modals, time
Building a Modern Design System in Layers10,931
design-systems
Working With URLs With Vanilla JavaScript (cfe)10,930
javascript, urls
Why We’re Bad at CSS (per)10,929
css
Visual-Design Principles and UX Design Best Practices (uxm)10,928
design, user-experience, principles, best-practices
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)10,927
videos, css, selectors, maintenance
Be Careful Using “Menu” (aar)10,926
html, aria, design, terminology
10 Ways to Boost Your Landing Page Conversion Rates (uxm)10,925
landing-pages, user-conversion, metrics
Beyond Design Systems for Interfaces: A Mega System of Design Systems10,924
design-systems
Building Offline-First Web Applications With Service Workers and IndexedDB10,923
offline, web-apps, web-workers, databases, indexeddb, javascript
A Web Component Intro With Example10,922
introductions, web-components, examples
Server-Sent Events With Node.js10,921
nodejs, events
A Beginners Guide to Digital Accessibility (fra)10,920
guides, accessibility
Website Issues: On the Relevance of Audience Size and Impact (j9t)10,919
processes, quality
Using “linear()” for Better Animation (oll)10,918
animations, css, javascript
Measuring Design System “Adoption” (pjo)10,917
design-systems, metrics
How to Build Lean Efficient Websites in 2023 (cfe)10,916
how-tos, html, progressive-enhancement, minimalism
Creating a Shine Effect on a Card With Tailwind CSS10,915
tailwind, effects
A New Approach to Measuring Developer Productivity10,914
research, productivity, metrics
Write Better Code by Following These JavaScript Best Practices10,913
javascript, best-practices
What Devs Can Do on Global Accessibility Awareness Day10,912
accessibility, awareness-days
How to Create a Custom Range Slider Using CSS (css)10,911
how-tos, sliders, css, forms
Getting Started With View Transitions on Multi-Page Apps (dav)10,910
css, view-transitions, multi-page-apps, introductions
Core Principles of SEO10,909
seo, principles, overviews
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)10,908
accessibility, wcag, standards
Accessible Numbers10,907
websites, accessibility
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)10,906
videos, usability, internationalization, localization, ecommerce, tips-and-tricks
Thinking on Ways to Solve Color Palettes (arg/dev)10,905
videos, css, colors, color-palettes
Release Notes for Safari Technology Preview 170 (jon/web)10,904
release-notes, browsers, apple, safari
Jekyll Tutorial: How to Create a Static Website (kin)10,903
tutorials, how-tos, jekyll
ESLint Guide: How to Use It With Confidence10,902
guides, eslint, linting, consistency, maintainability
A History of Metaphors for the Internet (ver)10,901
history, web, terminology
Comparing Version Control Systems: Git, SVN, CVS, and More10,900
comparisons, version-control, git, svn, cvs
Why Your Design Language System Needs a Product Manager10,899
design-systems, product-management
Why Is Web Accessibility Important? (tpg)10,898
videos, accessibility
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)10,897
css, units
State of Node.js Performance 2023 (raf)10,896
nodejs
Semantics and the “popover” Attribute: What to Use When? (hdv)10,895
html, attributes, semantics, accessibility, pop-overs
Python Developers Survey 2022 Results (jet)10,894
surveys, python
It’ll Soon Be (Too) Easy to Develop a Website in A Day10,893
ai, processes, productivity, creativity
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)10,892
career, interviewing
GitHub Copilot and ChatGPT Alternatives (ger)10,891
github-copilot, chatgpt, ai, comparisons
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)10,890
javascript, arrays
Fieldsets, Legends, and Screen Readers Again (ste/tpg)10,889
accessibility, html, forms, screen-readers
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)10,888
design-patterns, design-systems, collaboration
Conditional CSS With “:has” and “:nth-last-child” (sha)10,887
css, selectors
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)10,886
accessibility, html
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)10,885
css, floats
Let’s Share Our Salaries, Title, Location, XP10,884
discussions, career
HTML Landmark Roles Screen Reader Demo (sch/mdn)10,883
videos, accessibility, html, screen-readers, voiceover, apple
How to Handle Production Support When Using Scrum10,882
how-tos, agile, scrum, processes
Get Full Type Support With Plain JavaScript10,881
javascript
CSS Art: Drawing a Coffee Stain (alv)10,880
css, art
10 Books to Improve Coding Skill in 202310,879
books, programming, link-lists
Error Message Guidelines (nng)10,878
guidelines, usability, errors, writing
The Problem With Disabled Buttons and What to Do Instead (ada)10,877
buttons, user-experience, accessibility
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)10,876
html, accessibility, screen-readers, support
ES2023 Features10,875
ecmascript
7 Secret TypeScript Tricks Pros Use10,874
typescript, tips-and-tricks
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies10,873
frameworks, reactivity, dependencies
What Is “Fake Door” Testing in UX? (uxd)10,872
testing, user-experience
Respect Your Children (ste/tpg)10,871
accessibility, html, aria
Keeping Up With an Ever Changing Web (joh)10,870
web-platform, learning
Building a Greener Web (mic)10,869
videos, web, sustainability
Add Opacity to an Existing Color (chr)10,868
colors, css
What’s New in CSS and UI: I/O 2023 Edition (una+/dev)10,867
css, retrospectives
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)10,866
javascript
Regular Expressions in JavaScript (hon)10,865
javascript, regex, examples
Introduction to Screen‐Readers: VoiceOver macOS Edition10,864
introductions, screen-readers, voiceover, apple
Introduction to Screen‐Readers: NVDA Edition10,863
introductions, screen-readers, nvda
Introduction to Screen‐Readers: JAWS Edition10,862
introductions, screen-readers, jaws
Best Practices for All Developers10,861
best-practices
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)10,860
performance, web-vitals, shopify
An Introduction to the Bun JavaScript Runtime (cra)10,859
javascript, runtimes, bun
Introducing INP to Core Web Vitals10,858
introductions, performance, web-vitals, seo
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)10,857
videos, performance, web-vitals
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas/uxd)10,856
agile, user-experience, processes, comparisons
Why an Engineering Manager Should Not Review Code (mul)10,855
engineering-management, code-reviews
What’s New in Web (dev)10,854
videos, browsers, support, web-platform
What’s New in Web Animations (bra/dev)10,853
videos, animations
Slow Design10,852
websites, design
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)10,851
sustainability, network
Introducing Baseline (rac/dev)10,850
introductions, browsers, support, web-platform
Introducing Baseline: A Unified View of Stable Web Features (mdn)10,849
introductions, browsers, support, web-platform
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)10,848
videos, how-tos, performance, web-vitals
ES2023 Introduces New Array Copying Methods to JavaScript (phi)10,847
javascript, ecmascript, standards, arrays
Developer Tools That Shouldn’t Be Secrets (cod)10,846
videos, browsers, dev-tools
Crafting a Modern Spotlight Effect With React and CSS10,845
css, react, effects
Baseline Features You Can Use Today (dev)10,844
browsers, support, web-platform
Advancing Interaction to Next Paint (rvi+/dev)10,843
performance, web-vitals
API Design Practice10,842
apis, documentation, link-lists
See What’s New in Firefox [113.0] (moz)10,841
release-notes, browsers, mozilla, firefox
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)10,840
css, grids, layout, view-transitions, apis
The Ongoing Defence of Frontend as a Full-Time Job (cod)10,839
career
Script Evaluation and Long Tasks (mal/dev)10,838
performance, javascript, web-vitals
Optimize Input Delay (mal/dev)10,837
performance, web-vitals, optimization
How to Handle Emojis in Node.js10,836
how-tos, nodejs, emoji, unicode
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)10,835
performance, dom, html, optimization
Find Slow Interactions in the Field (mal/dev)10,834
performance, web-vitals, auditing
Diagnose Slow Interactions in the Lab (mal/dev)10,833
performance, web-vitals
Design Systems [Are] a Mindset Not a Library10,832
design-systems
Client-Side Rendering of HTML and Interactivity (mal/dev)10,831
performance, html, client-side-rendering
An Introduction to Container Queries in CSS (5t3)10,830
introductions, css, container-queries
Proportional Design Systems With Proportio.app (uxd)10,829
design-systems
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications10,828
guides, langchain, google, gcp, functions, ai
Speed Trap (dav/ver)10,827
google, amp, web-platform
ShatGPT (ste)10,826
accessibility, ai
Pay Attention to Web Performance Metrics to Improve the UX (uxm)10,825
performance, metrics, user-experience, web-vitals, optimization
Improving Web-Site Conversion Rates Through Better UX Design (uxm)10,824
user-conversion, metrics, optimization, user-experience
Dithering (chr)10,823
images, dithering
A Complete Guide to Usability Testing (uxm)10,822
guides, usability, testing
The Problem With Sticky Menus and What to Do Instead (ada)10,821
navigation, usability, user-experience
How to Configure Path Aliases in Frontend Projects in the Native Way10,820
how-tos, aliases, javascript, configuration
How Far Back in Time Can I Take My Website’s Design10,819
web, design, history, html, css
Should the Confirmation Button Come First or Last? (uxd)10,818
buttons, interaction-design