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

“2023” News Archive (4)

Entry (Sources) and Additional TopicsDate#
Tips for Upgrading Your Techstack for Faster Frontend Development1,372
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
An Introduction to Parser Combinators1,371
introductions, parsing
Mixing Colors With CSS (mrt)1,370
colors, css
Understanding Space-Based Architecture1,369
architecture
A Beginner’s Guide to Laravel: Introduction and Key Features1,368
guides, introductions, laravel
WebSockets 101 (thi)1,367
introductions, protocols, websockets
XML Is the Future1,366
web, processes
Introduction to Cloud Computing1,365
introductions, cloud-computing
All You Need to Know About CORS and CORS Errors1,364
security, cors, errors
Converting [a] JavaScript Codebase to TypeScript1,363
javascript, typescript, migrating, refactoring
Debugging INP (scr)1,362
videos, performance, debugging, web-vitals
Text Wrap Pretty Is Coming to CSS (ami)1,361
css, typography
The Case for Variables1,360
sass, css, variables, custom-properties, json, figma
Understanding Authorization Before Authentication: Enhancing Web API Security1,359
authorization, authentication, apis, security, comparisons
Choosing a Color Palette (nng)1,358
videos, design, colors, color-palettes
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript1,357
introductions, security, vulnerabilities, nodejs, javascript
Using BEM for Design System Tokens1,356
css, bem, design-tokens, conventions
Announcing Svelte 4 (sve)1,355
release-notes, svelte
Future CSS: State Container Queries (sha)1,354
css, container-queries
Introducing the MDN Playground: Bring Your Code to Life (mdn)1,353
introductions, mozilla, mdn, documentation, testing
The Cost of JavaScript 2023 (add)1,352
videos, javascript, performance
The Unlikely Story of UTF-8: The Text Encoding of the Web1,351
unicode, history
Component Driven User Interface Testing (CDUIT)1,350
components, testing
Cascade Layers Are Useless * (mat)1,349
css, cascade
CSS in Micro Frontends1,348
css, micro-frontends
Design Systems Directory1,347
websites, design-systems
The 5 Pillars of Every HTTP Request1,346
http
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)1,345
javascript, web-platform, performance
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)1,344
videos, css, selectors
Using Multiple Selectors With JavaScript Selector Methods (cfe)1,343
javascript, selectors, methods
Designing for Inclusion (uxd)1,342
design, dei, accessibility
How Designers Can Beat AI at Design (uxd)1,341
design, ai
Debugging Commands Every Linux Administrator Should Know1,340
debugging, command-line, unix-like
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (deq)1,339
wcag, accessibility, testing, axe
Authentication vs. Authorization1,338
authentication, authorization, comparisons
Continuous Accessibility (a11)1,337
websites, accessibility, processes
Making Your Design Tokens Future-Proof (and)1,336
design-tokens
State of CSS 2023 (sac/dev)1,335
surveys, css
Style Your RSS Feed (dar)1,334
css, syndication, rss, atom
Thoughts From “Meet Safari for Spatial Computing” (jim)1,333
apple, safari, spatial-web, accessibility, responsive-design
Three Key Principles for an Accessible Website1,332
principles, accessibility
Top 6 AI Coding Assistants in 20231,331
ai, tooling
W3C Launch Their New Website (sim/stu)1,330
w3c
Creating a Flexible Design Token Taxonomy for Intuit’s Design System1,329
design-tokens, design-systems
Balancing Users’ Data Privacy and the User Experience (uxm)1,328
privacy, user-experience
Balancing Users’ Needs and Business Goals in UX Design (uxm)1,327
user-experience, design
Button Types (ada)1,326
html, buttons
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)1,325
gatsby, internationalization
Packaging and Selling a Node.js App1,324
nodejs
Radix UI Component With Next.js and Tailwind CSS1,323
videos, components, radix, nextjs, tailwind
Why UX Testing Is Critical to Your Web Site’s Success (uxm)1,322
user-experience, testing
ExtJS for Beginners1,321
extjs
Can Web Developers Be Held Liable?1,320
accessibility, legal
How to Clean Up Your Local Repository With Git Commands (thi)1,319
how-tos, git, command-line, maintenance
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)1,318
javascript, import-maps
The New CSS (mat)1,317
css, design, web-platform
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)1,316
navigation, scrolling, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)1,315
dependencies, maintenance, renovate, configuration
Git Concepts Everyone Should Know (fra)1,314
git, concepts
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples1,313
tutorials, guides, databases, indexeddb, examples
It’s Time for Dimensional Thinking in Design (uxd)1,312
design, ai
Create React UI Lib: Component Library Speedrun1,311
typescript, react, components, npm
Scoping (mat)1,310
css, scope
Standardising Design Tokens (oll)1,309
design-tokens, conventions
The Five Types of People Who Produce Inaccessible Code (eri)1,308
accessibility, community
TypeScript 5.2’s New Keyword: “using” (mat)1,307
typescript
Wolvic 1.4 Released (wol)1,306
release-notes, wolvic, igalia, browsers
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)1,305
accessibility, testing, forms
A Guide to Coding Standards to Improve Code Quality1,304
guides, conventions, formatting, consistency, quality
An Explosion in Software Engineers Using AI Coding Tools? (ger)1,303
ai, code-completion, productivity
Django: A Security Improvement Coming to “format_html()” (ada)1,302
django, security, html
How to Add a CSS Reveal Animation to Your Images (css)1,301
how-tos, css, animations, images
HTML Imports (w3c)1,300
html
The Next Phase of Eleventy: Return of the Side Project (zac)1,299
eleventy
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers1,298
tips-and-tricks, programming
What Are Deceptive Patterns?1,297
user-experience, dark-patterns
What’s UnAI-Able1,296
ai
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)1,295
css, animations, transitions, scrolling, custom-properties, style-queries
Cyclic Dependency Space Toggles (kiz)1,294
toggles, css, custom-properties
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)1,293
design, accessibility, css, comparisons
End-to-End Tracing1,292
observability, tracing, case-studies
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)1,291
how-tos, svelte, sveltekit, web-apps, server-side-rendering
npm Won’t Publish Packages Containing the Word “keygen”1,290
discussions, npm, dependencies
Puppeteer in Node.js: More Antipatterns to Avoid (app)1,289
nodejs, scraping, testing, anti-patterns, puppeteer
Using Color Wheel Combinations in Your Designs (web)1,288
colors, design
How (and Should?) We Stop the Infinite Scroll (uxd)1,287
user-experience, scrolling
Simplify Email Development With MJML: A Beginner’s Guide1,286
email, mjml, guides
Rebuilding a Comment Component With Modern CSS (sha)1,285
functionality, components, css
The Gotchas of CSS Nesting (kil)1,284
css, nesting
Tuesday, June 20, 2023 Security Releases (raf/nod)1,283
release-notes, nodejs, security
When and Why to Use a Click Test1,282
usability, testing
Nuxt in 100 Seconds (fir)1,281
videos, introductions, nuxt
Blur Vignette Effect in CSS1,280
css, effects
Chrome for Testing: Reliable Downloads for Browser Automation (mat/dev)1,279
browsers, google, chrome, testing
Gatsby Headaches and How to Cure Them: I18N (mon/sma)1,278
gatsby, internationalization
“margin-trim” as a Best Practice? (chr)1,277
css, margins
Positioning Anchored Popovers (hdv)1,276
pop-overs, css, positioning
Naming Components1,275
design-systems, components, naming
CSS! CSS! CSS! (mat)1,274
css, community
How to Highlight Required and Optional Form Fields (ada)1,273
how-tos, forms, mistakes, usability
How to Learn Programming1,272
how-tos, learning, programming
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)1,271
css, web-platform
Bottom Sheets: Definition and UX Guidelines (nng)1,270
terminology, guidelines, mobile, user-experience
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now1,269
html, viewport, metadata, accessibility, responsive-design
TypeScript Book1,268
books, typescript
Best Animation Libraries for React1,267
libraries, animations, react, link-lists
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)1,266
design, strategies
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)1,265
videos, css, browsers, microsoft, internet-explorer, support, history
Modern CSS for Dynamic Component-Based Architecture (5t3)1,264
css, architecture, components
An Introduction to DevOps1,263
introductions, dev-ops
Shining Light on the Shadow DOM (cas/css)1,262
videos, shadow-dom, dom
That’s Not How I Wrote CSS Three Years Ago (mat/css)1,261
videos, css, support
CSS Containers, What Do They Know? (mia/css)1,260
videos, css, container-queries
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)1,259
videos, css, scrolling, animations, view-transitions
No, “AI” Will Not Fix Accessibility (aar)1,258
accessibility, ai
Sticky Content: Focus in View (tet)1,257
accessibility, focus, scrolling, css
The Universal Focus State (eri)1,256
accessibility, focus, css
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)1,255
css, scrolling
Style Recalculation Secrets They Don’t Want You to Know (pat/css)1,254
videos, css, selectors, performance
Why Doesn’t CSS Have Scope? (hey/css)1,253
videos, css, scope
State of the CSS Community (una/css)1,252
videos, css, community
Must Know JavaScript API—IndexedDB API1,251
databases, indexeddb, javascript, apis
48 Laws, Rules, and Principles of Web Development (j9t)1,250
programming, principles, terminology
Are Simple Websites Better for Business? (web)1,249
design, simplicity
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)1,248
checklists, performance, compression, dependencies, accessibility, legibility, naming
Best Practices for Container Queries (zel)1,247
best-practices, container-queries, css
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)1,246
videos, dev-tools, browsers, google, chrome
Designing a Scalable Backend in Node.js (app)1,245
software-design, scalability, nodejs
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)1,244
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Accessibility and Artificial Intelligence (joe)1,243
accessibility, ai
Angular at Google I/O 2023 (ang)1,242
release-notes, angular, google
Assume the Position—a Labeling Story (llo/tpg)1,241
accessibility, forms, labels, html
Be Careful With “ch” Units (cit)1,240
css, units
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)1,239
information-design, user-experience, tables, grids
Modern CSS in Real Life (chr)1,238
css
RSC From Scratch: Server Components1,237
videos, react, components
Styling Scrollbars (oll)1,236
scrolling, css
The Ultimate Guide to Writing Technical Blog Posts (bla)1,235
guides, writing, blogging
Tokens Are the Most Valuable Artifact a Design System Can Provide1,234
design-systems, design-tokens
What’s New in CSS (jen)1,233
videos, css, apple
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)1,232
standards, accessibility, aria, rich-internet-apps
Reducing Complexity in Front End Development (mic)1,231
complexity, performance, css, javascript
Is React Having An AngularJS Moment?1,230
react, angularjs
One More Thing—Apple’s Push on Web Apps on macOS1,229
apple, web-apps
Primitive Objects in JavaScript: When to Use Them (sma)1,228
javascript, objects
What Is Open Graph? How to Use It for Your WordPress Website?1,227
how-tos, open-graph, html, social-media, wordpress
How Photoshop Solved Working With Files Larger Than Can Fit Into Memory (tom/dev)1,226
adobe, memory
Accessibility Testing—Pay Attention to the Details1,225
accessibility, testing
An Introduction to Debugging in Node.js (cra)1,224
introductions, debugging, nodejs
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance1,223
how-tos, rendering, dom, performance, debugging, angular
New Job? Negotiate as if Your Life Depends on It1,222
career
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)1,221
user-experience, accessibility, focus, forms
test262.fyi1,220
websites, javascript, ecmascript, javascript-engines, v8, javascriptcore, spidermonkey
An Introduction to “@ scope” in CSS (oll)1,219
introductions, scope, css
Do Not Drop Sass for CSS1,218
css, sass, preprocessors
How AI Can Make Software More Intuitive1,217
ai, usability
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)1,216
browsers, google, chrome, performance
New CSS Color Spaces and Functions in All Major Engines (rac/dev)1,215
css, colors, functions, browsers, support
No Single Metric Captures Productivity1,214
productivity, metrics
The Many Ways to Select the n-th Character From a String (cod)1,213
javascript, strings
wasmati: You Should Write Your WebAssembly in TypeScript1,212
webassembly, typescript, libraries
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)1,211
accessibility, focus, wcag, standards
Every Design Team Needs Writers (uxd)1,210
design, writing
How We Created an Accessible, Scalable Color Palette1,209
colors, color-palettes, accessibility, scalability, case-studies
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS1,208
guides, deploying, complexity, architecture, aws
Accessible Components: The Hamburger Menu1,207
accessibility, components, navigation
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)1,206
forms, apis, css
Announcing TypeScript 5.1 (dan/typ)1,205
release-notes, typescript
Asynchronous JavaScript for Beginners1,204
javascript, asynchronicity
Performance Is Not a Checklist (tka)1,203
performance, user-experience
Quick Tip: Shipping Resilient CSS Components (5t3)1,202
css, components, maintainability, resilience, tips-and-tricks
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)1,201
html, semantics
Some Things I Learnt From Working on Big Frontend Codebases1,200
complexity, lessons
The Context Dilemma1,199
design-systems, design-tokens
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)1,198
transitions, dev-tools, browsers, google, chrome
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)1,197
videos, javascript
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)1,196
google, domains, ai
Presentational Colors (luk/uxd)1,195
colors, design-tokens
Accessibility Audits for All (ada)1,194
accessibility, auditing, testing
Design Systems: A Curated List for Today’s UI/UX Designers (sta)1,193
design-systems, design, tooling, link-lists
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)1,192
browsers, browser-engines, rendering, blink, css, selectors
How to Add Custom Meta Boxes in WordPress Without a Plugin1,191
how-tos, wordpress, customization
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)1,190
images, gif
Linting Defensive and Logical CSS With Stylelint Plugins (log)1,189
css, logical-properties, linting, stylelint, plugins
New to the Web Platform in May (rac/dev)1,188
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
Re-Evaluating “px” vs. “em” in Media Queries (kei)1,187
css, units, media-queries, comparisons
Release Notes for Safari Technology Preview 171 (jon/web)1,186
release-notes, browsers, apple, safari
security.txt Now Mandatory for Dutch Government Websites1,185
security, legal
Token Operations (don)1,184
design-tokens
Watch Out for Layout Shifts With “ch” Units (pau/clo)1,183
performance, css, units
How to Format a Date With JavaScript—Date Formatting in JS (fre)1,182
how-tos, javascript, time
Announcing the Second Compute Pressure Origin Trial (dev)1,181
apis, browsers, google, chrome
Cracking the Theme Switcher and Dark Mode1,180
css, javascript, dark-mode
Hands on With the Node.js Test Runner (phi)1,179
nodejs, testing
I Think I Finally “Get” JS Objects1,178
javascript, objects
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity1,177
productivity, metrics, engineering-management, culture, communication, collaboration, efficiency
The Art of Code Review1,176
code-reviews, processes, collaboration
What Is Personalization?1,175
personalization, concepts
21 Awesome Web Features You’re Not Using Yet (fir)1,174
videos, html, css, javascript
An Introduction to JavaScript Proxies (cra)1,173
introductions, javascript
10 Incident Management Best Practices1,172
incident-response, best-practices, processes
Don’t Meddle With User Input (tem)1,171
accessibility, forms
Simple Things Make Things Simple (pjo)1,170
simplicity, case-studies
The Double-Edged Sword of Design Systems (uxd)1,169
design-systems, design
Mastering CSS Blend Modes1,168
css, blend-modes
Sass-Like Nesting in Native CSS (ami)1,167
css, sass, nesting
The Optimization Sinkhole1,166
productivity, optimization
The Problem With Nested Fieldsets and How to Avoid Them (ada)1,165
accessibility, forms, assistive-tech, support
How Screen-Reader Users Type on and Control Mobile Devices (nng)1,164
accessibility, usability, screen-readers, mobile
Improving the Quality of the Software With Qodana and GitHub Actions1,163
jetbrains, qodana, quality, optimization, github, ci-cd
Plain Old JavaScript and the DOM (dou)1,162
javascript, dom
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript?1,161
javascript, unicode
Understanding the Importance of Encoding1,160
encoding
When to Use Plain Text or Images Instead of MathML1,159
mathml, math, accessibility
WordPress Turns 20 (sar)1,158
wordpress
A Practical Overview on Architecture Decision Records (ADR)1,157
overviews, documentation, processes
Brief Note on Popovers With Dialogs (aar)1,156
html, support, accessibility, pop-overs, modals
Designing a Better Design Handoff File in Figma (sma)1,155
design, processes, figma
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)1,154
how-tos, javascript, functions
Supper Club × Bramus Van Damme on CSS (bra+/syn)1,153
podcasts, interviews, css
We Need to Talk About How We Talk About Accessibility1,152
accessibility, communication, dei
“display: contents” Considered Harmful (eri)1,151
accessibility, css
Levelling Up Accessibility Skills in Your Organisation (int)1,150
videos, accessibility
Seven Lessons From 7 Years Designing Systems1,149
lessons, design-systems
Two Things That Are Not Great About OKLCH (chr)1,148
colors, oklch
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)1,147
html, best-practices, forms
A Complete Guide to Using IndexedDB (log)1,146
guides, databases, indexeddb
Deploying AVIF for More Responsive Websites (dev)1,145
images, avif, performance
Querying Parsed HTML in BigQuery (rvi)1,144
html
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)1,143
accessibility, vpat-acr, documentation
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)1,142
css, custom-properties
Responsive CSS Layout Grids Without Media Queries (5t3)1,141
css, grids, layout, responsive-design
Single Line Comments in CSS (jim)1,140
css, comments
WebKit and web-platform-tests (ann)1,139
webkit
The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra)1,138
css, transitions, techniques
File Upload Security and Malware Protection (aus)1,137
security, malware, file-handling, edge-computing
Future of CSS: Popover API1,136
css, apis, pop-overs
Graph Slider1,135
sliders, css
I Created 100+ Unique CSS Patterns (css)1,134
css, backgrounds, effects
Introducing the Popover API (una/dev)1,133
introductions, apis, html, pop-overs
Two Simple Layouts That Work Better With Grid (kev)1,132
videos, css, grids, layout
Where to Put Your Types in Application Code (mat)1,131
typescript
You Don’t Need a Modal Window (dz4)1,130
websites, modals
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design1,129
accessibility, dei, modals, time
10 Ways to Boost Your Landing Page Conversion Rates (uxm)1,128
landing-pages, user-conversion, metrics
Be Careful Using “Menu” (aar)1,127
html, aria, design, terminology
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)1,126
videos, css, selectors, maintenance
Visual-Design Principles and UX Design Best Practices (uxm)1,125
design, user-experience, principles, best-practices
Why We’re Bad at CSS (per)1,124
css
Working With URLs With Vanilla JavaScript (cfe)1,123
javascript, urls
Building a Modern Design System in Layers1,122
design-systems
A Web Component Intro With Example1,121
introductions, web-components, examples
Building Offline-First Web Applications With Service Workers and IndexedDB1,120
offline, web-apps, web-workers, databases, indexeddb, javascript
Beyond Design Systems for Interfaces: A Mega System of Design Systems1,119
design-systems
A Beginners Guide to Digital Accessibility (fra)1,118
guides, accessibility
Server-Sent Events With Node.js1,117
nodejs, events
A New Approach to Measuring Developer Productivity1,116
research, productivity, metrics
Creating a Shine Effect on a Card With Tailwind CSS1,115
tailwind, effects
How to Build Lean Efficient Websites in 2023 (cfe)1,114
how-tos, html, progressive-enhancement, minimalism
Measuring Design System “Adoption” (pjo)1,113
design-systems, metrics
Using “linear()” for Better Animation (oll)1,112
animations, css, javascript
Website Issues: On the Relevance of Audience Size and Impact (j9t)1,111
processes, quality
Accessible Numbers1,110
websites, accessibility
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)1,109
accessibility, wcag, standards
Core Principles of SEO1,108
seo, principles, overviews
Getting Started With View Transitions on Multi-Page Apps (dav)1,107
css, view-transitions, multi-page-apps, introductions
How to Create a Custom Range Slider Using CSS (css)1,106
how-tos, sliders, css, forms
What Devs Can Do on Global Accessibility Awareness Day1,105
accessibility, awareness-days
Write Better Code by Following These JavaScript Best Practices1,104
javascript, best-practices
A History of Metaphors for the Internet (ver)1,103
history, web, terminology
ESLint Guide: How to Use It With Confidence1,102
guides, eslint, linting, consistency, maintainability
Jekyll Tutorial: How to Create a Static Website (kin)1,101
tutorials, how-tos, jekyll
Release Notes for Safari Technology Preview 170 (jon/web)1,100
release-notes, browsers, apple, safari
Thinking on Ways to Solve Color Palettes (arg/dev)1,099
videos, css, colors, color-palettes
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)1,098
videos, usability, internationalization, localization, ecommerce, tips-and-tricks
Conditional CSS With “:has” and “:nth-last-child” (sha)1,097
css, selectors
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)1,096
design-patterns, design-systems, collaboration
Fieldsets, Legends, and Screen Readers Again (ste/tpg)1,095
accessibility, html, forms, screen-readers
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)1,094
javascript, arrays
GitHub Copilot and ChatGPT Alternatives (ger)1,093
github-copilot, chatgpt, ai, comparisons
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)1,092
career, interviewing
It’ll Soon Be (Too) Easy to Develop a Website in A Day1,091
ai, processes, productivity, creativity
Python Developers Survey 2022 Results (jet)1,090
surveys, python
Semantics and the “popover” Attribute: What to Use When? (hdv)1,089
html, attributes, semantics, accessibility, pop-overs
State of Node.js Performance 2023 (raf)1,088
nodejs
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)1,087
css, units
Why Is Web Accessibility Important? (tpg)1,086
videos, accessibility
Why Your Design Language System Needs a Product Manager1,085
design-systems, product-management
Comparing Version Control Systems: Git, SVN, CVS, and More1,084
comparisons, version-control, git, svn, cvs
10 Books to Improve Coding Skill in 20231,083
books, programming, link-lists
CSS Art: Drawing a Coffee Stain (alv)1,082
css, art
Get Full Type Support With Plain JavaScript1,081
javascript
HTML Landmark Roles Screen Reader Demo (sch/mdn)1,080
videos, accessibility, html, screen-readers, voiceover, apple
Let’s Share Our Salaries, Title, Location, XP1,079
discussions, career
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)1,078
css, floats
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)1,077
accessibility, html
How to Handle Production Support When Using Scrum1,076
how-tos, agile, scrum, processes
ES2023 Features1,075
ecmascript
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)1,074
html, accessibility, screen-readers, support
The Problem With Disabled Buttons and What to Do Instead (ada)1,073
buttons, user-experience, accessibility
7 Secret TypeScript Tricks Pros Use1,072
typescript, tips-and-tricks
Error Message Guidelines (nng)1,071
guidelines, usability, errors, writing
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies1,070
frameworks, reactivity, dependencies
Add Opacity to an Existing Color (chr)1,069
colors, css
Building a Greener Web (mic)1,068
videos, web, sustainability
Keeping Up With an Ever Changing Web (joh)1,067
web-platform, learning
Respect Your Children (ste/tpg)1,066
accessibility, html, aria
What Is “Fake Door” Testing in UX? (uxd)1,065
testing, user-experience
An Introduction to the Bun JavaScript Runtime (cra)1,064
javascript, runtimes, bun
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)1,063
performance, web-vitals, shopify
Best Practices for All Developers1,062
best-practices
Introduction to Screen‐Readers: JAWS Edition1,061
introductions, screen-readers, jaws
Introduction to Screen‐Readers: NVDA Edition1,060
introductions, screen-readers, nvda
Introduction to Screen‐Readers: VoiceOver macOS Edition1,059
introductions, screen-readers, voiceover, apple
Regular Expressions in JavaScript (hon)1,058
javascript, regex, examples
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)1,057
javascript
What’s New in CSS and UI: I/O 2023 Edition (una+/dev)1,056
css, retrospectives
Advancing Interaction to Next Paint (rvi+/dev)1,055
performance, web-vitals
Baseline Features You Can Use Today (dev)1,054
browsers, support, web-platform
Crafting a Modern Spotlight Effect With React and CSS1,053
css, react, effects
Developer Tools That Shouldn’t Be Secrets (cod)1,052
videos, browsers, dev-tools
ES2023 Introduces New Array Copying Methods to JavaScript (phi)1,051
javascript, ecmascript, standards, arrays
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)1,050
videos, how-tos, performance, web-vitals
Introducing Baseline: A Unified View of Stable Web Features (mdn)1,049
introductions, browsers, support, web-platform
Introducing Baseline (rac/dev)1,048
introductions, browsers, support, web-platform
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)1,047
sustainability, network
Slow Design1,046
websites, design
What’s New in Web Animations (bra/dev)1,045
videos, animations
What’s New in Web (dev)1,044
videos, browsers, support, web-platform
Why an Engineering Manager Should Not Review Code (mul)1,043
engineering-management, code-reviews
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas/uxd)1,042
agile, user-experience, processes, comparisons
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)1,041
videos, performance, web-vitals
Introducing INP to Core Web Vitals1,040
introductions, performance, web-vitals, google, search, seo
An Introduction to Container Queries in CSS (5t3)1,039
introductions, css, container-queries
Client-Side Rendering of HTML and Interactivity (mal/dev)1,038
performance, html, client-side-rendering
Design Systems [Are] a Mindset Not a Library1,037
design-systems
Diagnose Slow Interactions in the Lab (mal/dev)1,036
performance, web-vitals
Find Slow Interactions in the Field (mal/dev)1,035
performance, web-vitals, auditing
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)1,034
performance, dom, html, optimization
How to Handle Emojis in Node.js1,033
how-tos, nodejs, emoji, unicode
Optimize Input Delay (mal/dev)1,032
performance, web-vitals, optimization
Script Evaluation and Long Tasks (mal/dev)1,031
performance, javascript, web-vitals
The Ongoing Defence of Frontend as a Full-Time Job (cod)1,030
career
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)1,029
css, grids, layout, view-transitions, apis
See What’s New in Firefox [113.0] (moz)1,028
release-notes, browsers, mozilla, firefox
API Design Practice1,027
apis, documentation, link-lists
A Complete Guide to Usability Testing (uxm)1,026
guides, usability, testing
Dithering (chr)1,025
images, dithering
Improving Web-Site Conversion Rates Through Better UX Design (uxm)1,024
user-conversion, metrics, optimization, user-experience
Pay Attention to Web Performance Metrics to Improve the UX (uxm)1,023
performance, metrics, user-experience, web-vitals, optimization
ShatGPT (ste)1,022
accessibility, ai
Speed Trap (dav/ver)1,021
google, amp, web-platform
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications1,020
guides, langchain, google, gcp, functions, ai
Proportional Design Systems With Proportio.app (uxd)1,019
design-systems
How “x-default” Can Help You (met)1,018
internationalization, urls, html, attributes, search, google
How Far Back in Time Can I Take My Website’s Design1,017
web, design, history, html, css
How to Configure Path Aliases in Frontend Projects in the Native Way1,016
how-tos, aliases, javascript, configuration
The Problem With Sticky Menus and What to Do Instead (ada)1,015
navigation, usability, user-experience
Complete Guide on Playwright Visual Regression Testing1,014
guides, playwright, design, testing, regressions
Cron Job: A Comprehensive Guide for Beginners1,013
guides, cron
Scaling Node.js Web Apps With Docker1,012
scalability, nodejs, web-apps, docker
The Image Sorting Experiment (uxd)1,011
images, information-design, sorting, experiments
Should the Confirmation Button Come First or Last? (uxd)1,010
buttons, interaction-design
CSS Logical Properties: A Good Use Case (wes)1,009
videos, css, logical-properties
How “:not()” Chains Multiple Selectors (mdn)1,008
css, selectors
htmx Is the Future1,007
htmx, outlooks
HTTP/1 vs. HTTP/2 vs. HTTP/31,006
http, protocols, comparisons
I’m Done With React1,005
videos, react
Scroll-Driven Animations (bra)1,004
websites, scrolling, animations
Speed Up or Slow Down a Video (pat/dev)1,003
browsers, dev-tools, multimedia
Design Tokens: Beginner’s Guide1,002
guides, design-tokens, design-systems
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)1,001
performance, web-vitals, best-practices
An Introduction to the “:has()” Selector in CSS (5t3)1,000
introductions, css, selectors
Code Coverage vs. Test Coverage999
code-coverage, testing, quality, comparisons
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (git)998
github, github-actions, automation, nodejs
How Do You Declare Namespace in JavaScript?997
javascript, namespaces
React Testing Library and Accessibility996
react, testing, libraries, accessibility, automation
The Frontend Cloud Advantage995
cloud-computing
New Features in the Orion Browser (kag)994
release-notes, orion, kagi, browsers
Using Go for Front End Development993
go
7 Practical CSS Typography Tips and Tricks (zor/css)992
videos, css, typography, tips-and-tricks
Angular v16 Is Here (mge/ang)991
angular, release-notes
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)990
events, javascript
DevEx: What Actually Drives Productivity (acm)989
developer-experience, productivity, metrics
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It988
accessibility, training
Don’t Use Custom CSS Scrollbars (eri)987
css, scrolling
How to Write More Efficient JavaScript Conditions (fre)986
how-tos, javascript, efficiency
Make Your Website Load Fast by Optimizing Request Priorities (deb)985
performance, optimization, network
Release Notes for Safari Technology Preview 169 (jon/web)984
release-notes, browsers, apple, safari
The Intersectionality of Web Performance (ada)983
performance, sustainability, dei
The Latest Innovations in Drupal982
drupal
Where Would You Take the W3C? (rob)981
discussions, w3c
How to Make a CSS-Only Hamburger Menu980
how-tos, css, navigation
Security Implications of HTTP Response Headers979
security, http, http-headers
3 Engineering Mistakes That Kill Startups978
mistakes, architecture
A Complete Guide to Performance Budgets (spe)977
guides, performance, performance-budgets, metrics
A Radical Proposal: Put UX Research in Charge976
user-experience, research, product-management, strategies
An Update on the Lock Icon (ser+/dev)975
browsers, google, chrome
Creating an Animated Gradient Border With CSS974
css, animations, gradients, borders
CSS Naked Day and the Missing Wikipedia Page (j9t)973
css, awareness-days
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?972
foss, community, github
Do Logical Properties Make CSS Easier to Learn? (chr)971
css, logical-properties, learning
How to Get Started With NodeJS—a Handbook for Beginners (fre)970
introductions, guides, nodejs
Load Websites Faster With Code Splitting969
performance, code-splitting, react
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)968
accessibility, focus, aria, html
SupportsCSS (5t3)967
websites, tooling, css, support
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)966
videos, css, transitions, tips-and-tricks
Why “font-size” Must Never Be in Pixels965
css, units, accessibility, responsive-design
The Native Way to Configure Path Aliases in Frontend Projects964
javascript, nodejs, esm, commonjs, tooling, aliases
A/B Testing: A Primer963
introductions, testing, metrics, optimization
Things Considered Harmful (bre)962
php, laravel
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)961
foss, content, career
CDNs: Speed Up Performance by Reducing Latency (aus)960
content-delivery, performance
Configuring ESLint, Prettier, and TypeScript Together (jos)959
eslint, prettier, linting, formatting, tooling, typescript, configuration
CSS Wishlist 2023 (ell)958
css, wish-lists
Practical Guide to Not Blocking the Event Loop957
guides, javascript, event-loop, events, performance
Qwik Reaches v1.0 (bui)956
release-notes, qwik
“:root” Isn’t Global (kil)955
css
Tailwind CSS vs. UnoCSS954
tailwind, unocss, css, frameworks, comparisons
Testing Feature Support for Modern CSS (5t3)953
css, feature-detection, support
This Blog Is Hosted on My Android Phone952
websites, hosting, mobile
What’s New in Svelte: May 2023 (sve)951
release-notes, svelte, sveltekit
7 Things to Remove From Your Job Postings to Be More Inclusive (wom)950
hiring, dei
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)949
web, web-platform, standards, foss, history, anniversaries
My Favorite Free Courses to Learn JavaScript in Depth948
courses, javascript, training, link-lists
Two Underused Arguments for Writing Documentation (j9t)947
writing, documentation, career
Dark Mode in 3 Lines of CSS and Other Adventures (sto)946
css, dark-mode
The Popover API Is Exciting, Sort Of (mrt)945
apis, pop-overs
A Beginner’s Introduction to the Most Common Data Types in Programming944
introductions, types, programming
Animating the Impossible (btc)943
videos, animations, transitions
Everything You Need to Know About Webpack’s Bundle Analyzer942
webpack, bundling, tooling
JS Private Class Fields Considered Harmful (lea)941
javascript
New to the Web Platform in April (rac/dev)940
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)939
css, refactoring, maintenance, optimization
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)938
css, javascript, functions, quality
Information Architecture (IA) and Sitemap: Simple and Easy to Understand937
information-architecture, sitemaps, best-practices
Accessible Target Sizes Cheatsheet (vit/sma)936
accessibility, user-experience
How to Deep Merge Arrays and Objects With JavaScript (cfe)935
how-tos, javascript, arrays, objects
How to Manage Design Tokens934
how-tos, design-tokens, maintenance
Modern CSS Layout Is Awesome! (mic/btc)933
videos, css, layout
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)932
accessibility, communication, advocacy, processes
The Most Underrated Section of Design Portfolios931
design, career
Typography for Everyone (tob/btc)930
videos, fonts, typography
What Is the Value of a Design System? (zer)929
design-systems
Writing Unit Tests in Node.js Using Jest928
testing, nodejs, jest
Discovering the Power of JavaScript Proxy After All This Time927
javascript
The Interactive Guide to Rendering in React926
guides, client-side-rendering, react
What Is the QUIC Protocol?925
protocols, quic
The Most Important Thing Productivity Tools Are Missing About AI (uxd)924
tooling, productivity, ai
Structure and Interpretation of Flutter (win)923
flutter, dart
Crafting the Next.js Website922
nextjs
Reducing the Cost of String Serialization in Node.js Core921
nodejs, strings, performance
The Best Way to Get nvm Working in CI/CD Systems920
nvm, ci-cd
Transition To and From “display: none” With Upcoming CSS Capabilities (una)919
videos, css, transitions
Adding Motion to the Next Decade of Atomic Design (uxd)918
design, atomic-design
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf917
nodejs, npm, nvm
Avoiding Dark Patterns in Web Design (boa/fro)916
dark-patterns, design
CSS Blend Modes915
css, blend-modes
Frontend Web Performance Checklist914
performance, checklists
Goodbye “create-react-app”: A New Approach913
react
npm vs. Yarn vs. pnpm912
npm, yarn, pnpm, comparisons
Scoped CSS Is Back (kei)911
css, scope
The “const” Deception (jos)910
javascript
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)909
accessibility, cookies, legal, privacy, user-experience
What’s New in Node.js 20 (cra)908
nodejs
Figma, I Love You but You’re Bringing Me Down (uxd)907
figma
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (uxd)906
design-debt, user-experience, metrics, economics
Organizing a Web Design System for Scalability in Figma (uxd)905
design-systems, scalability, figma
Considering Content Warnings in HTML (aar)904
html, content, dei
Dark Mode Toggle and “prefers-color-scheme”903
dark-mode, toggles, css
“details”/“summary” Inconsistencies (mat)902
html, disclosure-widgets, browsers, assistive-tech, support
Exploring the Potential of Web Workers for Multithreading on the Web (sma)901
web-workers, multithreading, performance, javascript
How to Write Comments in React: The Good, the Bad, and the Ugly900
how-tos, react, comments
Meeting WCAG Level AAA (pat/tet)899
accessibility, wcag, conformance, standards
The Effects of Technical Debt on Morale898
research, technical-debt, productivity
“The Secret List of Websites” (chr)897
ai, web, content
Transitioning to Height Auto (Two Ways) (kei)896
css
The Case Against Automatic Dependency Updates (ben)895
dependencies, automation, ci-cd, maintenance, security
Automating Dependency Updates: The Big Debate894
dependencies, automation, ci-cd, security
5 Topics You Should Touch on During the Recruitment Process893
interviewing, career, processes
CSS Custom Properties Beyond the “:root” (mat)892
css, custom-properties, semantics
Read-Only Web Apps (ada)891
javascript, progressive-enhancement
Spinning Diagrams With CSS (har)890
css, animations
Upgrading Our CSS Habits: “aspect-ratio” (cod)889
css, aspect-ratio
System Design Blueprint: The Ultimate Guide (zon)888
guides, cheat-sheets, architecture, system-design, principles
Designing and Coding for Voice887
accessibility, voice
This Website Is Under Construction, a Love Letter to the Personal Website (btc)886
videos, indieweb, web-platform
5 Code Refactoring Techniques to Improve Your Code885
refactoring, maintenance, techniques
Browser Rendering: What Happens Behind the Scenes (fro)884
browsers, rendering, browser-engines, parsing, painting, dom, cssom
Generating Provenance Statements883
npm, provenance, security
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)882
videos, introductions, performance, dev-tools, browsers, google, chrome
Introducing npm Package Provenance (git)881
introductions, github, npm, provenance, security, foss
Introduction to Web Animations With GSAP880
introductions, animations, javascript, gsap
Productivity and Well-Being: A Summary of What Works879
productivity, career
Release Notes for Safari Technology Preview 168 (jon/web)878
release-notes, browsers, apple, safari
Using HTML Elements as CSS Masks877
css
Visually Accessible Data Visualization876
accessibility, information-design
It’s Time for the Tech Industry to Live Up to Its Ideals (uxd)875
career, outlooks
Why Is Scrum the Most Popular Agile Framework?874
scrum, agile, processes
8 Best Tools for Cryptography and Encryption (sta)873
link-lists, tooling, comparisons, security, cryptography, encryption, privacy