Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

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

→ 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#
Changes and Additions in Pointer Events Level 3 (pat/w3c)12,369
videos, standards, pointer-events
Cool Tools (mic)12,368
tooling, link-lists
Rewriting Digital Content for Brevity (nng)12,367
writing, content, refactoring, tips-and-tricks
Medium vs. DEV vs. Hashnode vs. Hackernoon12,366
writing, community, productivity, comparisons
Discover Bun—a Faster, Modern JavaScript Runtime12,365
bun, javascript, runtimes
Creating Dynamic README.md File12,364
readme, github
Why Your Design System Needs a Component Process12,363
design-systems, components, processes
URL Poetry Club12,362
websites, urls
Running a Playwright Script on AWS Lambda (mat)12,361
playwright, automation, aws, serverless, lambda
How I Approach and Structure Enterprise Frontend Applications After 4 Years of Using Next.js12,360
architecture, conventions, nextjs
Bun, JavaScript, and TCO12,359
bun, javascript, optimization
The Pros and Cons of Different Test Tools—Jest12,358
testing, jest, history
The Dangers of Deceptive Design Patterns (and How to Avoid Them) (web)12,357
user-experience, dark-patterns
JavaScript WTF: Why Does “every()” Return “true” for Empty Arrays? (nza)12,356
javascript
Bun 1.0 (jar+/bun)12,355
bun, release-notes
A New Method to Validate URLs in JavaScript (ste)12,354
javascript, validation, urls
Delay, Sleep, Pause, and Wait in JavaScript12,353
javascript
From Data-Driven to Decision-Driven (uxd)12,352
strategies, product-management, metrics
WOFF Has Left the Building (mat)12,351
fonts, woff, typography, css, support
Why Are We Not Still Using Tables-for-Layout? (rac)12,350
css, techniques, tables
Web Components Accessibility FAQ (mat)12,349
accessibility, web-components
The New Google Fonts: Find What You’re Looking For (tob)12,348
google, fonts
The “Array.prototype.every()” Method Always Returns “true” for an Empty Array (cfe)12,347
javascript, arrays, prototypes
Gulp vs. Webpack—What Is Better: Using Webpack or Gulp.js?12,346
gulp, webpack, comparisons
CSS Lobotomized Owl Selector: A Modern Guide (log)12,345
css, selectors, guides, history
CSS “display” Is a Multi-Keyword Property? (zor/css)12,344
videos, css
Building a Real-Time Chat With WebSockets, Novel, and Clerk12,343
communication, vite, react, nodejs, express, websockets
GoDaddy Retires Media Temple Brand (sar)12,342
domains, hosting
Using Labeled Loops in JavaScript12,341
javascript, loops
Turbo 8 Is Dropping TypeScript12,340
hotwire, release-notes, typescript
The Only CSS Layout Guide You’ll Ever Need12,339
videos, guides, css, layout, flexbox, grids, box-model
Release Notes for Safari Technology Preview 178 (jon/web)12,338
release-notes, browsers, apple, safari
Memories of Molly (mey)12,337
obituaries
Making Sense of React Server Components (jos)12,336
react, components
Long Live the Test Pyramid (sma)12,335
testing, quality, maintainability
Is AI the Silver Bullet of Accessibility?12,334
accessibility, ai
Four Common Types of Code Coverage (jec/dev)12,333
testing, code-coverage
Dear Molly (col)12,332
obituaries
Binary Search Algorithm in JavaScript (fro)12,331
javascript, algorithms, search
“Good Commit” vs. “Your Commit”: How to Write a Perfect Git Commit Message (vic)12,330
how-tos, commit-messages, collaboration, version-control, git
Node.js vs. Deno vs. Bun: JavaScript Runtime Comparison12,329
nodejs, deno, bun, javascript, runtimes, comparisons
8 Micro Tips for Remarkably Better Typography (uxd)12,328
typography, tips-and-tricks, readability
The Perpetual Circle of Accessibility (col)12,327
accessibility, learning
Progressively Enhanced Form Validation: Custom Validation Messages (ger/clo)12,326
forms, validation, progressive-enhancement, errors
Node.js Includes Built-In Support for .env Files (phi)12,325
nodejs, support, environments
First, Do No Harm: Mistakes to Avoid in Creating Accessible User Experiences12,324
accessibility, user-experience, mistakes
Essential Metrics for Click Testing12,323
user-experience, metrics, testing
Equivalent Experience Can Cut Both Ways (eri)12,322
accessibility, user-experience
Compact HTML12,321
chtml
Browser Video Players Review (aar)12,320
html, multimedia, accessibility, browsers, screen-readers, support
10 Things You Didn’t Know About HTML12,319
html
NODE_ENV Considered Harmful (cji)12,318
nodejs, environments
Web Components Don’t Need You (chr/cod)12,317
web-components
Understanding SSR, CSR, ISR, and SSG: A Comprehensive Guide12,316
guides, client-side-rendering, server-side-rendering, incremental-static-regeneration, static-site-generation
Node v20.6.0 (nod)12,315
release-notes, nodejs
CSS Frameworks Comparison: Bootstrap vs. Foundation vs. Materialize12,314
css, frameworks, comparisons, bootstrap, foundation, materialize
Information Architecture vs. Sitemaps: What’s the Difference? (nng)12,313
information-architecture, navigation, sitemaps, comparisons
Top Website Redesign Tips for 202312,312
redesigning, tips-and-tricks
Style Is Consistent Constraint12,311
design, consistency
On Productivity Metrics and Management Consultants (nor)12,310
productivity, metrics
A Wide View of Automated Testing in React Apps12,309
react, testing, automation
Why I Switched From Sublime Text to Visual Studio Code12,308
code-editors, sublime-text, vs-code, microsoft
Type Safe CSS Design Systems With “@ property” (arg)12,307
design-systems, css, type-safety
Three Dimensions of Developer Productivity12,306
research, developer-experience, productivity, quality
Small Details to Improve Your Website’s Experience (alv)12,305
user-experience, html, css, metadata
Selecting the Scoping Root (mat)12,304
css, scope
JetBrains Qodana Review12,303
jetbrains, qodana
Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (hdv)12,302
slides, html, pop-overs, modals, deep-dives
Clocks and Countdowns: Timing in CSS and JavaScript (sto)12,301
time, css, javascript
A Beginner’s Guide to Eleventy (dza)12,300
guides, eleventy
Things That Jakob’s Law Is Not12,299
user-experience, usability, web
An Introduction to the Laravel PHP Framework12,298
introductions, frameworks, laravel, php
Understanding Feature Flags: Improving Feature Management12,297
videos, feature-management, optimization
The Role of Cloud Computing in Web Development12,296
cloud-computing
Is Atomic Design Dead? (bra)12,295
videos, design, atomic-design
How to Make Charts and Graphs More Accessible (pop)12,294
how-tos, information-design, images, accessibility
Decoding WCAG: “Alternative for Time-Based Media” and “Media Alternative for Text” (web)12,293
wcag, accessibility, multimedia
Build a GraphQL Gateway: Combine, Stitch, or Merge Any Datasource12,292
data-fetching, graphql
Guide to Using Template Engines (Such as Twig) With PHP12,291
guides, template-engines, php, twig
Why Do I Have Layout Shift? (una+/dev)12,290
videos, performance, web-vitals
What Is the View Transitions API and How to Use It With Meta Frameworks12,289
view-transitions, apis, frameworks, support
What Is Inclusion Anyways? Lessons From the Disabled Community12,288
slides, lessons, dei, accessibility
Web Sustainability Guidelines (WSG) 1.0 (ale/w3c)12,287
guidelines, sustainability
Using “rem” Doesn’t Make Your Website Responsive—Here’s Why12,286
responsive-design, units, css
Tracking Errors in a Node.js Application (app)12,285
monitoring, errors, nodejs
Sustainable SEO: Processes and Practices12,284
seo, sustainability, processes, best-practices
Memorization and Learning to Code12,283
learning, productivity, career, programming
Let’s Make a Rubber Button With HTML, CSS, and SVG (tyl/clo)12,282
buttons, html, css, svg, images
Getting Started With htmx: A Comprehensive Guide for Beginners12,281
guides, introductions, htmx
CSS Loaders (css)12,280
websites, css, animations, effects
Connected Grid Layout Animation (cod)12,279
css, grids, layout, animations
Case Study: Rebuilding TechCrunch Layout With Modern CSS (sha)12,278
case-studies, refactoring, css
Astro 3.0 (ast)12,277
astro, release-notes
Accessibility Theater (tpg)12,276
accessibility
Hover Triangles (may)12,275
history, navigation, hover
How to Implement SSL/TLS Pinning in Node.js12,274
how-tos, security, ssl, tls, nodejs
How to Measure Developer Productivity the Right Way12,273
how-tos, productivity, processes
Why Are Websites Embarrassing? (fon)12,272
quality, craft
Web Apps Are Better Than No Apps (yur)12,271
web-apps
Measuring Developer Productivity? A Response to McKinsey (ger)12,270
productivity, metrics
Git Uncommit (ami)12,269
git, command-line
Five Optimization and Performance Tools That Enhance Website User Experience12,268
user-experience, performance, optimization, tooling, link-lists
Building Accessibility Into Your Company, Team, and Culture (swi)12,267
videos, accessibility, culture
Biome v1 (ema/bio)12,266
release-notes, biome
Benchmarks [for 24 CSV Parsing Approaches]12,265
csv, parsing, performance, comparisons
Announcing Cypress 13 With Test Replay12,264
cypress, release-notes
Code Splitting in React: Optimize Performance by Splitting Your Code12,263
code-splitting, react, performance, optimization
From User Needs to User Dreams: Find the Future of Your Product (uxd)12,262
user-experience, design, outlooks
Six Reasons Not to Use React12,261
videos, react
Single-Page Applications: Ember vs. Angular12,260
single-page-apps, emberjs, angular, comparisons
Realistic CSS Animations and the “linear()” Timing Function12,259
css, animations, functions, time
Navigating Web Accessibility Litigation: Advice From a General Counsel12,258
accessibility, legal
How I Write Alt Text for Code Snippets on Social Media (ben)12,257
accessibility, alt-text, writing, images, social-media
Falling for OKLCH: A Love Story of Color Spaces, Gamuts, and CSS (geo/sma)12,256
colors, oklch, css
An Overview of Feature Flags (log)12,255
overviews, feature-management, releasing, testing, product-management
8 Habits That Hold Back Your Developer Potential12,254
career, productivity
State of CSS 2023 [Results] (sac+/dev)12,253
surveys, metrics, css
Biases in Design: Hiding in Plain Sight in a World Full of Visuals (uxd)12,252
design
Package-Based Architecture—Let’s Deliver the Packages12,251
architecture, modules, flutter
Web UX: Study Guide (nng)12,250
guides, user-experience, training, link-lists
Dark Mode: How Users Think About It and Issues to Avoid (nng)12,249
dark-mode, user-experience, accessibility, best-practices
Co-Authoring Git Commits (cas)12,248
git, collaboration, documentation
Accessible Navigation12,247
accessibility, navigation
Visualizing Recursion With the Sierpinski Triangle12,246
algorithms, visualization, javascript
Browser Automation With Puppeteer12,245
puppeteer, automation, testing
Introducing the 100-Year Plan: Secure Your Online Legacy for a Century (pho/wor)12,244
introductions, wordpress, domains, outlooks
WTF Is a Vector Database: A Beginner’s Guide12,243
guides, databases, vector-databases
Where to Put Focus When Deleting a Thing (aar)12,242
accessibility, focus
Scope vs. Shadow DOM (kei)12,241
shadow-dom, dom, scope, css, javascript, comparisons
Catching Errors Thrown From “connectedCallback” (nol)12,240
javascript, web-components, errors
The Comedy of Errors (met)12,239
google, search, tooling, errors
Stakeholder Management for Design Systems (luk/uxd)12,238
design-systems, engineering-management, processes
What Is Alt Text and How to Write It (tpg)12,237
accessibility, images, alt-text, writing
What Are Exceptions to Section 508 Accessibility Requirements?12,236
accessibility, legal, section-508
TypeScript 5.3 First Look (mat)12,235
typescript
Main-ly Speaking (col)12,234
accessibility, html
European Accessibility Act: Article 32, and Why It Sucks (cra)12,233
accessibility, legal, eaa
Announcing TypeScript 5.2 (dan/typ)12,232
release-notes, typescript
A More Intelligent and Secure Web (ple/w3c)12,231
videos, w3c, standards, web, web-platform, security
Use Web Components for What They’re Good At (nol)12,230
web-components
To Test or Not to Test, a Technical Perspective (dev)12,229
testing, automation, best-practices
The Art of UX Writing (web)12,228
user-experience, writing, craft
Pros and Cons of Using Shadow DOM and Style Encapsulation (mat)12,227
web-components, dom, shadow-dom
How to Get 12% More LinkedIn Followers, Impressions, and Clicks—Practical Accessibility Tips and Tricks (mni)12,226
how-tos, accessibility, tips-and-tricks, social-media, best-practices
How Organisations Respond to Accessibility Monitoring12,225
accessibility, monitoring
Headless Architecture: What Is It, and Why Is It the Future?12,224
headless, architecture
Google August 2023 Broad Core Update Is Live—What We Are Seeing Now (rus/ser)12,223
google, seo
Block the Bots That Feed “AI” Models by Scraping Your Website (cla)12,222
robotstxt, scraping, ai
A Few Interesting Ways to Use CSS Shadows for More Than Depth (pre/sma)12,221
css, shadows, effects
Debugging Speculation Rules (tun/dev)12,220
performance, speculation, debugging
A Quick Introduction to CSS “@ scope” (bra)12,219
introductions, css, scope, cascade
WebGlossary.info (j9t)12,218
websites, learning, training, concepts, terminology
View Transitions Break Incremental Rendering (eee)12,217
view-transitions, apis, rendering
Release Notes for Safari Technology Preview 177 (jon/web)12,216
release-notes, browsers, apple, safari
No One Actually Wants Simplicity12,215
complexity, simplicity
A Guide to Migrating From Webpack to Vite12,214
guides, migrating, webpack, vite
Can We Truly “Create” Value? (uxd)12,213
user-experience, economics
Migrating From Color Styles to Local Variables in Figma (uxd)12,212
figma, colors, variables, migrating
Writing Component Specs12,211
components, documentation, writing
Two Important New Roles for UX Designers in the Era of AI (uxm)12,210
user-experience, design, career, ai
The Ideal Viewport Doesn’t Exist (bel+)12,209
viewport, responsive-design, user-experience
Progressively Enhanced Form Validation: Validating a Checkbox Group (ger/clo)12,208
forms, validation, progressive-enhancement
Please Size Your Inline SVGs (aar)12,207
svg, images
Patterns for Reactivity With Modern Vanilla JavaScript (fro)12,206
reactivity, javascript
Changes Over the Last 25 Years of UX Research (uxm)12,205
user-experience, research, history
Bézier Curves12,204
animations
All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 202412,203
videos, react, hooks, mistakes
10 Essential VS Code Tips and Tricks for Greater Productivity12,202
vs-code, microsoft, code-editors, tips-and-tricks, productivity
“We’re All Just Temporarily Abled” (jim)12,201
accessibility
The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know12,200
guides, personalization, strategies
How to Make an Impact as a Developer Advocate (bla)12,199
how-tos, developer-relations, advocacy, career
7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (ada)12,198
design, usability, user-experience, searching
Why htmx Does Not Have a Build Step (htm)12,197
htmx, building
Styling Links and Buttons (aar)12,196
links, buttons, css, usability
Let’s Build a Website Using XML (ede)12,195
xml, css
Getting Started With SCSS—the CSS Preprocessor With Superpowers12,194
introductions, preprocessors, sass
Combining “:placeholder-shown” and “:has” (cri)12,193
css, selectors, forms
Scroll Shadows With “animation-timeline” (dav)12,192
scrolling, shadows, css
React Props: A Visual Guide12,191
guides, react, props
React JSX12,190
react, jsx
Identifying, Fixing, and Preventing Cannibalization (moz)12,189
seo
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)12,188
how-tos, headless, serverless, functions, browsers, google, chrome
Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works12,187
security, cors, javascript
Being “Polite” Does Not Ensure Access12,186
accessibility, legal
Adding a “Share to Mastodon” Link to Any Web Site (cod)12,185
social-media, links, mastodon, community, javascript
A Beginner’s Guide to Using Pico CSS12,184
guides, pico
Why Do Users Prefer Certain Design? Insights From the Landscape Theory12,183
design
System Design Introduction12,182
introductions, system-design, architecture
XUL and HTML (moz)12,181
xul, html, comparisons
The New CSS Math: “round()” (dan)12,180
css, math
Tabs Are Objectively Better Than Spaces (cfe)12,179
formatting, developer-experience, accessibility
How to Use the CSS “gap” Property12,178
how-tos, css, layout
“aria-haspopup” and Screen Readers (mat)12,177
aria, support, screen-readers
A Deep Dive Into CSS “color-mix()” (kev)12,176
videos, css, colors, deep-dives
Towards HTTPS by Default (jde/dev)12,175
browsers, google, chrome, http, tls, security
Thinking on Ways to Solve Adaptive Typography (arg/dev)12,174
videos, typography, css, fonts
Getting Started in a New Codebase12,173
onboarding, career, processes
Four New CSS Features for Smooth Entry and Exit Animations (una/dev)12,172
css, animations, browsers, google, chrome, support
CSS-Only Syntax Highlighting… With a Single Element and Gradients12,171
css, gradients, syntax-highlighting
BEM Methodology Is Not About CSS (vit)12,170
css, bem, conventions
Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (yat)12,169
accessibility, dei, legal
A Better “setTimeout()” in JavaScript (ami)12,168
javascript, time
New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (tro/dev)12,167
videos, release-notes, browsers, google, chrome
How Layout Position Impacts Three Big Web Performance Levers (sia)12,166
performance, web-vitals
CSS Selectors: A Visual Guide12,165
guides, css, selectors
An Intro to the “dialog” Element (cfe)12,164
introductions, modals, html, semantics
A Guide to Optimizing JavaScript Files12,163
guides, javascript, performance, optimization, minification, compression
A Beginner’s Guide to SvelteKit12,162
guides, sveltekit
WebAssembly: Byte-Code of the Future12,161
webassembly
Useable12,160
accessibility, community
Progressively Enhanced Form Validation: Layering in JavaScript (ger/clo)12,159
forms, validation, progressive-enhancement, javascript
How to Test Mobile Apps on a Real Device Cloud12,158
how-tos, testing, mobile
Enhance vs. Lit vs. WebC… or, How to Server-Render a Web Component (jar/van)12,157
web-components, server-side-rendering, lit, webc
Why Inclusive Language Matters in Coding (uxd)12,156
dei, terminology, processes, documentation
Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications12,155
code-splitting, webpack, react, redux
Testing Your Animation Refresh Rate With CSS Crimes?12,154
discussions, css, animations
An “alt” Decision Tree Using Only “:has()” (aar)12,153
accessibility, css, alt-text, images
Write About What You Learn—It Pushes You to Understand Topics Better (add)12,152
learning, writing, processes, career
Sophisticated, Highly-Targeted Attacks Continue to Plague npm12,151
npm, security
dependency-time-machine12,150
packages, npm, dependencies, maintenance, automation
Debugging Rules: Understand the System12,149
debugging
Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (nng)12,148
videos, design, user-experience
The Spectrum of Openness12,147
foss, legal, examples
Supercharge Your HTML With WebC12,146
videos, html, webc
Nostalgia in UX Design12,145
user-experience, design, history
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (sma)12,144
accessibility, content, images, best-practices, techniques
Deprecating the “unload” Event (tun/dev)12,143
browsers, google, chrome, deprecation, events, support
WCAG 3.0: Further on Up the Road (ons/tpg)12,142
accessibility, wcag, standards
OKLCH in CSS: Consistent, Accessible Color Palettes (its/log)12,141
css, oklch, color-palettes, accessibility, consistency
Google Tag Manager Performance: 9 Tips for Faster Site Speed12,140
google, tag-management, performance, tips-and-tricks
Create Direction-Aware Effects Using Modern CSS (kev)12,139
videos, css, internationalization
Browsers Barely Care What HTTP Status Code Your Web Pages Are Served With (cks)12,138
browsers, http, support
Simple APIs Are Elegant APIs (rya)12,137
apis, simplicity
Progressively Enhanced HTML Accordion (aar)12,136
html, accordions, semantics, accessibility, progressive-enhancement
Node.js’s Config Hell Problem (den)12,135
nodejs, configuration, maintainability, productivity, developer-experience
It’s Time to End Damaging Website Design Practices That May Harm Your Users12,134
user-experience, usability, design, privacy, best-practices
Defining Test Cases and Priorities (dev)12,133
testing
An Introduction to the esbuild Bundler (cra)12,132
introductions, bundling, esbuild
A Beginner’s Guide to CSS Grid Layout12,131
guides, css, grids, layout
An Introduction to htmx, the HTML-Focused Dynamic UI Library12,130
introductions, htmx
Lean UX and Agile: Study Guide (nng)12,129
guides, user-experience, agile, processes, training, link-lists
What Happens When You Select “count(*)” in MySQL (ami)12,128
databases, mysql
What Does It Mean for Web Browsers to Have a Baseline (mar/the)12,127
browsers, support, web-platform
UX Is Not Dead, It’s Just Misunderstood12,126
user-experience
User-Adaptive Interfaces With “AccentColor” (oll)12,125
forms, css
OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (ven)12,124
ai, openai, crawling, scraping, robotstxt
My Experience Modernizing Packages to ESM12,123
dependencies, modernization, esm
Micro Benevolences (est/ope)12,122
community, dei, communication, foss
Definition of Done vs. Acceptance Criteria: What’s the Difference?12,121
videos, agile, processes, comparisons
An Update on Chrome Security Updates—Shipping Security Fixes to You Faster12,120
browsers, google, chrome, security
An Intro to State-Based UI With JavaScript (cfe)12,119
introductions, javascript, state-management
8 Common Heading Questions (pop)12,118
accessibility, html, headings
200 Web-Based, Must-Try Web Design and Development Tools (j9t)12,117
link-lists, tooling
The Death of Jamstack, the Rise of htmx, and Another AI Assistant (fro)12,116
podcasts, jamstack, htmx, ai
You Don’t Need a Mentor: Embracing the Power of Community (bek/ope)12,115
career, community, learning
Top 7 Things That Kill Developer Productivity12,114
productivity, technical-debt, code-reviews, documentation, processes, developer-experience
The Risks of Micro-Frontends12,113
podcasts, micro-frontends
Some Tactics for Writing in Public (b0r)12,112
writing, communication, community
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)12,111
forms, validation, progressive-enhancement, html, css
OpenAI’s ChatGPT New Web Crawler—GPTBot (rus/ser)12,110
crawling, ai, openai, chatgpt, seo
Migrating My Blog From Gatsby to Astro (sap)12,109
migrating, gatsby, astro
JSX Without React (chr)12,108
jsx, react
How to Improve Performance of Your Database by Indexing Large Tables12,107
how-tos, performance, databases, optimization
Blog SEO: 8 Tips to Optimize Your Posts (wpr)12,106
blogging, seo, wordpress, tips-and-tricks
Alt Text Hall of Fame (ste/alt)12,105
websites, accessibility, writing, alt-text, images
A Guide to Single-Page Application Performance12,104
guides, single-page-apps, developer-experience, performance, monitoring
Optimizing Speed on ebay.com (add)12,103
performance, optimization, web-vitals, case-studies
Responsive Images: DIY Implementation in 6 Steps12,102
images, html, responsive-design
Scrolljacking 101 (nng)12,101
scrolling, user-experience
Beautify Your Git Log With a Single Command12,100
git, command-line
A Compilation of Outstanding Testing Articles (With JavaScript)12,099
link-lists, testing, javascript
Nobody Cares About Your “Perfect” Code: Change Your Perspective12,098
quality, product-management
Assistive Technology Shouldn’t Be a Mystery Box (cod)12,097
browsers, assistive-tech, accessibility, web-platform, foss, support
How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (kis)12,096
how-tos, git, git-hooks
Implementing Design Tokens: Colors12,095
design-tokens, colors
Things You Forgot (or Never Knew) Because of React (col)12,094
react, frameworks, learning
The Next Generation of Web Layouts (zel)12,093
web-platform, design, layout
The Easy Intro to the APCA Contrast Method (myn)12,092
introductions, accessibility, colors, contrast, apca
Route-Based Code Splitting With React12,091
code-splitting, routing, react
Insertion Sort: A Deep Dive12,090
algorithms, sorting, deep-dives
How Google Measures Developer Productivity12,089
interviews, google, productivity, developer-experience, metrics
Finding My Blogging Path: Lessons From My Journey12,088
lessons, blogging, writing, career, community
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma)12,087
accessibility, content, images, best-practices, techniques
New DOJ Web Accessibility Regulation Is a Disaster12,086
accessibility, legal
An Overview of CSS Sizing Units (web)12,085
overviews, css, units
Prepare to Spy on a Method Added Dynamically (bah)12,084
videos, javascript, cypress, testing, debugging
How We Optimized Performance to Serve a Global Audience (sma)12,083
case-studies, performance, optimization
How Does Reflowing Content Affect People With Screen Magnification? (tpg)12,082
accessibility, reflow, assistive-tech, screen-magnification
Contextual Form Errors and ARIA (mar)12,081
accessibility, forms, html, aria
A Blog Post With Every HTML Element (pat)12,080
html, semantics
No Exit—Every Feed Is a Traffic Jam (mus/uxd)12,079
social-media, scrolling, user-experience
How to Use the CSS Grid “repeat()” Function12,078
how-tos, css, grids, functions, layout
PHP Isn’t That Bad, So Why the Hate? (pur)12,077
php, frameworks, myths
Understanding React Server Components12,076
react, components
Why Isn’t “z-index” Working? (una+/dev)12,075
videos, css, positioning
What’s New in Svelte: August 2023 (sve)12,074
release-notes, svelte, sveltekit
Splitting the Web (plo)12,073
web
Mixing Colors to Create Variants in CSS (ami)12,072
colors, css
Midori Browser Will Change Its Engine to Gecko12,071
browsers, gecko, browser-engines
I’m Betting on HTML12,070
html, semantics
Evading JavaScript Anti-Debugging Techniques (voi)12,069
javascript, debugging
CSS and Accessibility: Inclusion Through User Choice (car/sma)12,068
css, accessibility, dei, user-experience
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)12,067
css, functions, animations
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)12,066
accessibility, buttons, processes
SECURITY.md: Should I Have It? (mry/ecl)12,065
security, documentation
Why I No Longer Believe in Content Design (uxd)12,064
content, design, writing
What Happens When Developers Are Liable for Accessibility?12,063
accessibility, legal
Tuesday, August 8, 2023 Security Releases (raf/nod)12,062
release-notes, nodejs, security
The Virtual Keyboard API (sha)12,061
apis
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)12,060
screen-readers, accessibility, pronunciation
Start by Writing Messy Code12,059
processes, learning
Randomness in CSS Using Trigonometry12,058
css, randomness
New to the Web Platform in July (rac/dev)12,057
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
How to Earn High-Authority Links That Drive Rankings (moz)12,056
how-tos, seo, links
Front End Practice: Top 25+ JavaScript Code Best Practices for Development12,055
javascript, best-practices
Contrast Checker Bookmarklet (web)12,054
bookmarklets, accessibility, colors, contrast
Accessibility Represents Maturity (tem)12,053
accessibility, culture
A Future of Themes With CSS Container Style Queries (chr)12,052
css, style-queries, theming
Should New Developers Use AI Coding Tools?12,051
ai, productivity, tooling, career, learning
Resume and Pause Animations in CSS (ami)12,050
css, animations
An Update on Site Names12,049
domains, google, search
Toggles Suck!12,048
toggles, design, usability, user-experience
Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey12,047
javascript, webassembly, python, spidermonkey
Mastering Git Shortcuts: A Guide to Git Aliases12,046
guides, git, aliases, productivity
If Web Components Are So Great, Why Am I Not Using Them? (dav)12,045
web-components
How to Define an Array of Colors With CSS (css/sma)12,044
how-tos, css, arrays, colors
How “position: absolute” Works in CSS Grid (zor/css)12,043
videos, css, grids, layout
Do We Need WCAG 3 (Now)? (yat)12,042
accessibility, wcag, standards
Design Systems Management From Bottom–Up12,041
design-systems, processes
Speeding Up V8 Heap Snapshots (jda)12,040
javascript, javascript-engines, v8, performance, memory
Complete Guide to Human–Computer Interaction (HCI)12,039
guides, hci
You Probably Don’t Need “http-equiv” Meta Tags (rvi)12,038
html, metadata, http, performance
What Is Platform Engineering (and What Is It Not)?12,037
platform-engineering
The Web Development Glossary 3K (j9t/fro)12,036
books, frontend-dogma, learning, training, concepts, terminology
The Future of Design Systems Is Semantic (fig)12,035
design-systems, design-tokens, processes
Release Notes for Safari Technology Preview 175 (jon/web)12,034
release-notes, browsers, apple, safari
How to Make Your Captions and Audio Descriptions WCAG-Compliant12,033
how-tos, multimedia, captions, compliance, wcag, accessibility
Adapting Typography to User Preferences With CSS (arg/dev)12,032
typography, css, customization
How I Name and Arrange My Color Variables in Figma12,031
colors, variables, figma, conventions
Be an Active Ally for Those Living With Disabilities (wom)12,030
accessibility, dei
CrBug Release Indicator (bra)12,029
browsers, chromium, tooling
The Joy of Simplicity in Web Development (cfe)12,028
simplicity, processes
Testing a Component’s Accessibility12,027
videos, accessibility, testing, components
Tailwind, and the Death of Web Craftsmanship12,026
tailwind, craft, quality
Publishing With npm Provenance From Private Source Repositories Is No Longer Supported (git)12,025
github, npm, provenance, security, foss
Is Jamstack Officially Finished? (rem)12,024
tech-stacks, jamstack, community
How to Use CSS “aspect-ratio”12,023
how-tos, css, aspect-ratio
Help Design the Inaugural “State of HTML” Survey (lea)12,022
html, community
Solving the Accessibility Palette Riddle (uxd)12,021
accessibility, colors, color-palettes
Application State Management With Angular Signals12,020
state-management, angular, signals
What to Do When Your Developers Don’t Collaborate12,019
processes, collaboration
Web Accessibility in High-Risk Segments (kar)12,018
accessibility, compliance, legal
Vision for W3C (cdu/w3c)12,017
outlooks, web, web-platform, standards, w3c
The Rise of Minimalism in Web Design: Less Is More12,016
minimalism, design
The Excellent Arc Browser Is Now Available for Anyone to Download (dav/ver)12,015
browsers, arc, the-browser-company
Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (soc)12,014
security, malware, npm
Promises Training12,013
javascript, promises, training, courses
Microservices vs. Micro Frontends: What’s the Difference?12,012
microservices, micro-frontends, comparisons
Fetching Data From an HTTP API With Python (sil)12,011
data-fetching, apis, python
Combining Data With Multiple Fetch Requests (ste)12,010
javascript, arrays, data-fetching
Blockquotes in Screen Readers (aar)12,009
accessibility, screen-readers, support, html
WebKit Features in Safari 16.6 (jen/web)12,008
release-notes, browsers, apple, safari, webkit
Understanding the WCAG 3 Working Draft Update12,007
accessibility, wcag
The Problem With Auto-Generated Alternative Texts for Images (dni)12,006
accessibility, ai, writing
The New “X” Button Doesn’t Close the Website12,005
user-experience, community, social-media
SVG Gradients: Solving Curved Challenges12,004
svg, images, gradients
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)12,003
security, web, surveys
I Blame the W3C’s HTML Standard for Ordered Lists (sid)12,002
html, lists, semantics
Getting Started With Pico CSS (log)12,001
introductions, pico
Eleventy SMACSS (jus)12,000
eleventy, smacss, css
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)11,999
performance, web-vitals, seo
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)11,998
user-experience, strategies
6 Ways ChatGPT Can Improve Your SEO (moz)11,997
ai, chatgpt, seo, metadata, code-generation
10 Simple CSS and JavaScript Micro-Interactions for Buttons11,996
css, javascript, buttons, effects
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons11,995
comparisons, bootstrap, tailwind, unocss
Using Imagery in Visual Design (nng)11,994
design, images, content
Good Code Is— (j9t)11,993
quality, terminology
Effective Code Reviews (add)11,992
code-reviews, processes, learning, career
Installing Multiple Versions of Node.js Using nvm11,991
nodejs, nvm
Enable Hover Conditionally in CSS (ami)11,990
css, hover
Why Learning to Program Is Easier Now, but Also Way Harder Than Before11,989
programming, learning, productivity, developer-experience
The Art of Looking Back: A Critical Reflection for Individual Contributors (sma)11,988
processes, career, productivity
How SEOs and UX Designers Can Work Better Together (moz)11,987
seo, user-experience, design, collaboration
CSP Testing Using Cypress (bah)11,986
csp, testing, cypress
Accessible Animated GIF Alternatives (tyl/clo)11,985
accessibility, animations, gif, multimedia, comparisons
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec/dev)11,984
videos, dev-tools, browsers, google, chrome, network, webassembly, release-notes
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)11,983
accessibility, guidelines, wcag, standards
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why11,982
accessibility, quality, maintenance
How to Use CSS “object-fit” and “object-position”11,981
how-tos, css, images
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)11,980
programming, quality, maintainability, communication
From Mid to Senior: Time Management and Prioritization11,979
career, productivity, prioritization
Ember JS Essentials: A Beginner’s Guide11,978
fundamentals, guides, emberjs
DX in the Frontend Developer Ecosystem (ste)11,977
videos, developer-experience
Design Systems: Avoiding Common Pitfalls (vig)11,976
design-systems
CSS Cascade Layers (odd)11,975
videos, css, cascade
A Guide to Perfecting Pull Requests11,974
git, code-reviews, collaboration, foss
SvelteKit in 100 Seconds (fir)11,973
videos, introductions, sveltekit
What Is the Bento UI Trend, and How Can You Get Started? (web)11,972
design, trends
Visually Hidden Links With 0 Dimensions (mat)11,971
hiding, accessibility, links, focus, apple, safari
User Input Sanitization and Validation: Securing Your App11,970
security, sanitization, validation, conformance
How to Build and Deploy a Modern Day Next.js Application11,969
how-tos, nextjs, building, deploying
How Platform Teams Get Stuff Done (ph1/mfo)11,968
productivity, processes, platform-engineering
Encoding: A Brief History and Its Role in Cybersecurity11,967
encoding, unicode, security, history
11ty: Index All The Things! (lea)11,966
eleventy, pagination
An Introduction to LangChain, Python, and OpenAI11,965
introductions, langchain, python, openai, ai
Figma Now Supports “rem” Units: Understanding the Use and Benefits (uxd)11,964
figma, css, units, support
Signals Make Angular Much Easier11,963
angular, signals
Getting Started With CSS Nesting (kev)11,962
videos, introductions, css, nesting
Getting Instant Return From Your Accessibility Testing (kar)11,961
accessibility, testing
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?11,960
discussions, javascript, frameworks
Upgrading an Ancient React Application11,959
react, maintenance
The Power of Git: A Guide to Collaborative Version Control (bek/ope)11,958
guides, git, collaboration
The 10 Commitments of an Agile Leader11,957
agile, processes, collaboration, leadership, engineering-management
O “dialog” Focus, Where Art Thou? (mat)11,956
accessibility, modals, html, focus
Node.js Security Progress Report—17 Reports Closed (ope)11,955
nodejs, security
Fluid vs. Responsive Typography With CSS Clamp (its/log)11,954
css, functions, typography, responsive-design
Advanced Positioning in CSS Grid (zor/css)11,953
videos, css, grids, positioning, layout
5 Inconvenient Truths About TypeScript (dea)11,952
typescript, javascript, complexity
What Is TanStack11,951
tanstack, vercel
It’s All About Complexity (max)11,950
complexity
Using Emoji on the Web (oll)11,949
emoji, fonts, support, unicode
Stick to Boring Architecture for as Long as Possible (add)11,948
architecture
How I Structured My Design System Using Figma’s New Variables (uxd)11,947
design-systems, design-tokens, figma, variables
Lightweight JavaScript Framework Review (for Django Developers)11,946
javascript, frameworks, comparisons, link-lists, django
WordPress 6.3 to Introduce a Development Mode (sar)11,945
wordpress
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use (uxd)11,944
accessibility, forms, react, testing
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)11,943
css
Scroll Progress Animations in CSS (mic/mdn)11,942
css, scrolling, animations, progress-indicators
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)11,941
accessibility, interoperability, screen-readers, assistive-tech, jaws
Figma Typography Secrets—Seven Pro Tips Revealed (pim)11,940
typography, figma
Down-and-Across Highlighting (mey)11,939
code-pens, css, tables, effects
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management11,938
guides, npm, dependencies
15 Advanced TypeScript Tips for Development11,937
typescript, tips-and-tricks
Why Design Systems Fail11,936
design-systems, lessons
[WebKit] Standards Positions (web)11,935
webkit, standards, support
Useful Functions for [an] HTTP Server11,934
deno, servers, http, functions
Mock JSON API Endpoints for Testing (ami)11,933
json, apis, testing
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide11,932
guides, tailwind, responsive-design, grids, layout
Getting Started With Tailwind CSS: A Quick-Start Guide11,931
introductions, guides, tailwind
CSS Findings From the Threads App (sha)11,930
css, case-studies, facebook+meta
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide11,929
guides, tables, tailwind
Better Roadmaps11,928
project-management, processes
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)11,927
leadership, dei, accessibility
How to Use Your Intuition in Your Product Design Process (uxd)11,926
how-tos, design, product-management, processes
Preload vs. Early Hints vs. Fetch Priority11,925
videos, performance, html, http, hints, comparisons, preloading
Top 20 Must-Know Tips for Web Accessibility11,924
accessibility, tips-and-tricks
The Magic of Empty Git Commit11,923
git, command-line
The alt-text.org Project Is Moving Forward (han)11,922
accessibility, writing
Release Notes for Safari Technology Preview 174 (mar/web)11,921
release-notes, browsers, apple, safari
Recent Design11,920
websites, design, link-lists
JPEG XL: How It Started, How It’s Going11,919
images, compression, jpeg-xl
How AI Is Making Web Design More Efficient (web)11,918
ai, design, efficiency
From Nunjucks to Liquid (mor)11,917
template-engines, nunjucks, liquid, migrating
Developer’s Research Process (cit)11,916
research, processes
Arrays and Tuples in TypeScript (fro)11,915
typescript, arrays
A Case Study on Scroll-Driven Animations Performance (dev)11,914
animations, scrolling, performance, css, javascript
3 Common Types of Test Automation (dev)11,913
testing, automation
Organize TypeScript Types With Namespaces11,912
typescript, namespaces
Loading and Progress Indicators (uxd)11,911
performance, user-experience, design-patterns, progress-indicators
A Guide to Variables in Figma11,910
guides, variables, figma
TypeScript and the Dawn of Gradual Types (rww/git)11,909
typescript
Tailwind CSS Tips and Tricks Worth Knowing (bui)11,908
tailwind, tips-and-tricks
Storing Data in Control Flow (rsc)11,907
programming
Sass Features in CSS (chr)11,906
css, sass
Permission (ada)11,905
web, seo, google
My Journey to Learning CSS (kev)11,904
videos, css, learning
Introduction to CSS Grid: A Comprehensive Guide11,903
guides, css, grids, layout
Tree Shaking in JavaScript11,902
javascript, performance, tree-shaking
Getting Started With Vector Databases in Node.js11,901
introductions, nodejs, databases, vector-databases
The Anatomy of a Perfect Landing Page That Converts (uxm)11,900
landing-pages, user-conversion
Mockups Explained (uxm)11,899
design, processes
Making Numbers in Web Content Accessible (ons/tpg)11,898
accessibility
JavaScript Debounce, Easiest Explanation (With Code)11,897
debouncing, javascript
Invisible Details of Interaction Design11,896
interaction-design, design, user-experience
How to Prevent Unnecessary React Component Re-Rendering11,895
how-tos, react, client-side-rendering, performance
Getting Started—Understanding the History of Web Accessibility11,894
videos, introductions, accessibility, history
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)11,893
memory, dev-tools, browsers, google, chrome, microsoft, edge
Developing Inclusivity Features (uxm)11,892
design, accessibility, dei
Data-Driven Design: The Rise of Big Data in UX (uxm)11,891
design, metrics, user-experience
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS11,890
caching, fingerprinting, react
React Design Patterns11,889
react, software-design-patterns
How to Improve the Release Frequency of Your Team?11,888
how-tos, releasing, processes, agile, scrum
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator11,887
introductions, jekyll
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)11,886
css, media-queries, javascript, html, dark-mode
Awesome List of Free CSS [Generators]11,885
link-lists, css, code-generation, tooling
The Decline in Design (Thinking) (uxd)11,884
design, user-experience
Use Case-Driven Standards Development11,883
standards
New Viewport Units (sha)11,882
viewport, css, units, responsive-design
Deploying a Fastify and Vue 3 Static Site to Heroku11,881
deploying, fastify, vuejs, heroku
htmx in 100 Seconds (fir)11,880
videos, introductions, htmx
Strategic UX Research Is the Next Big Thing (uxd)11,879
user-experience, research, strategies
Unleashing Lightning CSS11,878
css, tooling, lightning-css
The New “@ font-face” Syntax (oll)11,877
css, fonts
Testing the Dark Scenarios of Your Node.js Application11,876
nodejs, testing
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)11,875
css, effects, images
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)11,874
components, css, refactoring, maintenance
Four Lenses of Productivity11,873
research, productivity
URL Explained: The Fundamentals (itt)11,872
terminology
There’s No Such Thing as a “Normal” User (kar)11,871
accessibility
The Case Against Self-Closing Tags in HTML (jaf)11,870
html