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#
Release Notes for Safari Technology Preview 175 (jon/web)11,467
release-notes, browsers, apple, safari
How to Make Your Captions and Audio Descriptions WCAG-Compliant11,466
how-tos, multimedia, captions, compliance, wcag, accessibility
Complete Guide to Human-Computer Interaction (HCI)11,465
guides, hci
Adapting Typography to User Preferences With CSS (arg/dev)11,464
typography, css, customization
How I Name and Arrange My Color Variables in Figma11,463
colors, variables, figma, conventions
Be an Active Ally for Those Living With Disabilities (wom)11,462
accessibility, dei
CrBug Release Indicator (bra)11,461
browsers, chromium, tooling
The Joy of Simplicity in Web Development (cfe)11,460
simplicity, processes
Testing a Component’s Accessibility11,459
videos, accessibility, testing, components
Tailwind, and the Death of Web Craftsmanship11,458
tailwind, craft, quality
Publishing With npm Provenance From Private Source Repositories Is No Longer Supported (git)11,457
github, npm, provenance, security, foss
Is Jamstack Officially Finished? (rem)11,456
tech-stacks, jamstack, community
How to Use CSS “aspect-ratio”11,455
how-tos, css, aspect-ratio
Help Design the Inaugural “State of HTML” Survey (lea)11,454
html, community
Solving the Accessibility Palette Riddle (uxd)11,453
accessibility, colors, color-palettes
Application State Management With Angular Signals11,452
state-management, angular, signals
What to Do When Your Developers Don’t Collaborate11,451
processes, collaboration
Web Accessibility in High-Risk Segments (kar)11,450
accessibility, compliance, legal
Vision for W3C (cdu/w3c)11,449
outlooks, web, web-platform, standards, w3c
The Rise of Minimalism in Web Design: Less Is More11,448
minimalism, design
The Excellent Arc Browser Is Now Available for Anyone to Download (dav/ver)11,447
browsers, arc, the-browser-company
Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (soc)11,446
security, malware, npm
Promises Training11,445
javascript, promises, training, courses
Microservices vs. Micro Frontends: What’s the Difference?11,444
microservices, micro-frontends, comparisons
Fetching Data From an HTTP API With Python (sil)11,443
data-fetching, apis, python
Combining Data With Multiple Fetch Requests (ste)11,442
javascript, arrays, data-fetching
Blockquotes in Screen Readers (aar)11,441
accessibility, screen-readers, support, html
WebKit Features in Safari 16.6 (jen/web)11,440
release-notes, browsers, apple, safari, webkit
Understanding the WCAG 3 Working Draft Update11,439
accessibility, wcag
The Problem With Auto-Generated Alternative Texts for Images (dni)11,438
accessibility, ai, writing
The New “X” Button Doesn’t Close the Website11,437
user-experience, community, social-media
SVG Gradients: Solving Curved Challenges11,436
svg, images, gradients
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)11,435
security, web, surveys
I Blame the W3C’s HTML Standard for Ordered Lists (sid)11,434
html, lists, semantics
Getting Started With Pico CSS (log)11,433
introductions, pico
Eleventy SMACSS (jus)11,432
eleventy, smacss, css
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)11,431
performance, web-vitals, seo
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)11,430
user-experience, strategies
6 Ways ChatGPT Can Improve Your SEO (moz)11,429
ai, chatgpt, seo, metadata, code-generation
10 Simple CSS and JavaScript Micro-Interactions for Buttons11,428
css, javascript, buttons, effects
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons11,427
comparisons, bootstrap, tailwind, unocss
Using Imagery in Visual Design (nng)11,426
design, images, content
Good Code Is— (j9t)11,425
quality, terminology
Effective Code Reviews (add)11,424
code-reviews, processes, learning, career
Enable Hover Conditionally in CSS (ami)11,423
css
Why Learning to Program Is Easier Now, but Also Way Harder Than Before11,422
programming, learning, productivity, developer-experience
The Art of Looking Back: A Critical Reflection for Individual Contributors (sma)11,421
processes, career, productivity
Installing Multiple Versions of Node.js Using nvm11,420
nodejs, nvm
How SEOs and UX Designers Can Work Better Together (moz)11,419
seo, user-experience, design, collaboration
CSP Testing Using Cypress (bah)11,418
csp, testing, cypress
Accessible Animated GIF Alternatives (tyl/clo)11,417
accessibility, animations, gif, multimedia, comparisons
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec/dev)11,416
videos, dev-tools, browsers, google, chrome, network, webassembly, release-notes
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)11,415
accessibility, guidelines, wcag, standards
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why11,414
accessibility, quality, maintenance
How to Use CSS “object-fit” and “object-position”11,413
how-tos, css, images
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)11,412
programming, quality, maintainability, communication
From Mid to Senior: Time Management and Prioritization11,411
career, productivity, prioritization
Ember JS Essentials: A Beginner’s Guide11,410
fundamentals, guides, emberjs
DX in the Frontend Developer Ecosystem (ste)11,409
videos, developer-experience
Design Systems: Avoiding Common Pitfalls (vig)11,408
design-systems
CSS Cascade Layers (odd)11,407
videos, css, cascade
A Guide to Perfecting Pull Requests11,406
git, code-reviews, collaboration, foss
What Is the Bento UI Trend, and How Can You Get Started? (web)11,405
design, trends
Visually Hidden Links With 0 Dimensions (mat)11,404
hiding, accessibility, links, focus, apple, safari
User Input Sanitization and Validation: Securing Your App11,403
security, sanitization, validation, conformance
SvelteKit in 100 Seconds (fir)11,402
videos, introductions, sveltekit
How to Build and Deploy a Modern Day Next.js Application11,401
how-tos, nextjs, building, deploying
How Platform Teams Get Stuff Done (ph1/mfo)11,400
productivity, processes, platform-engineering
Encoding: A Brief History and Its Role in Cybersecurity11,399
encoding, unicode, security, history
11ty: Index All The Things! (lea)11,398
eleventy, pagination
An Introduction to LangChain, Python, and OpenAI11,397
introductions, langchain, python, openai, ai
Figma Now Supports “rem” Units: Understanding the Use and Benefits (uxd)11,396
figma, css, units, support
Signals Make Angular Much Easier11,395
angular, signals
Getting Started With CSS Nesting (kev)11,394
videos, introductions, css, nesting
Getting Instant Return From Your Accessibility Testing (kar)11,393
accessibility, testing
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?11,392
discussions, javascript, frameworks
Upgrading an Ancient React Application11,391
react, maintenance
The Power of Git: A Guide to Collaborative Version Control (bek/ope)11,390
guides, git, collaboration
The 10 Commitments of an Agile Leader11,389
agile, processes, collaboration, leadership, engineering-management
O “dialog” Focus, Where Art Thou? (mat)11,388
accessibility, modals, html, focus
Node.js Security Progress Report—17 Reports Closed (ope)11,387
nodejs, security
Fluid vs. Responsive Typography With CSS Clamp (its/log)11,386
css, functions, typography, responsive-design
Advanced Positioning in CSS Grid (zor/css)11,385
videos, css, grids, positioning, layout
5 Inconvenient Truths About TypeScript (dea)11,384
typescript, javascript, complexity
What Is TanStack11,383
tanstack, vercel
It’s All About Complexity (max)11,382
complexity
Using Emoji on the Web (oll)11,381
emoji, fonts, support, unicode
Stick to Boring Architecture for as Long as Possible (add)11,380
architecture
How I Structured My Design System Using Figma’s New Variables (uxd)11,379
design-systems, design-tokens, figma, variables
Lightweight JavaScript Framework Review (for Django Developers)11,378
javascript, frameworks, comparisons, link-lists, django
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use (uxd)11,377
accessibility, forms, react, testing
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)11,376
css
WordPress 6.3 to Introduce a Development Mode (sar)11,375
wordpress
Scroll Progress Animations in CSS (mic/mdn)11,374
css, scrolling, animations, progress-indicators
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)11,373
accessibility, interoperability, screen-readers, assistive-tech, jaws
Figma Typography Secrets—Seven Pro Tips Revealed (pim)11,372
typography, figma
Down-and-Across Highlighting (mey)11,371
code-pens, css, tables, effects
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management11,370
guides, npm, dependencies
15 Advanced TypeScript Tips for Development11,369
typescript, tips-and-tricks
Why Design Systems Fail11,368
design-systems, lessons
[WebKit] Standards Positions (web)11,367
webkit, standards, support
Useful Functions for [an] HTTP Server11,366
deno, servers, http, functions
Mock JSON API Endpoints for Testing (ami)11,365
json, apis, testing
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide11,364
guides, tailwind, responsive-design, grids, layout
Getting Started With Tailwind CSS: A Quick-Start Guide11,363
introductions, guides, tailwind
CSS Findings From the Threads App (sha)11,362
css, case-studies, facebook+meta
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide11,361
guides, tables, tailwind
Better Roadmaps11,360
project-management, processes
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)11,359
leadership, dei, accessibility
How to Use Your Intuition in Your Product Design Process (uxd)11,358
how-tos, design, product-management, processes
Preload vs. Early Hints vs. Fetch Priority11,357
videos, performance, html, http, hints, comparisons, preloading
Top 20 Must-Know Tips for Web Accessibility11,356
accessibility, tips-and-tricks
The Magic of Empty Git Commit11,355
git, command-line
The alt-text.org Project Is Moving Forward (han)11,354
accessibility, writing
Release Notes for Safari Technology Preview 174 (mar/web)11,353
release-notes, browsers, apple, safari
Recent Design11,352
websites, design, link-lists
JPEG XL: How It Started, How It’s Going11,351
images, compression, jpeg-xl
How AI Is Making Web Design More Efficient (web)11,350
ai, design, efficiency
From Nunjucks to Liquid (mor)11,349
template-engines, nunjucks, liquid, migrating
Developer’s Research Process (cit)11,348
research, processes
Arrays and Tuples in TypeScript (fro)11,347
typescript, arrays
A Case Study on Scroll-Driven Animations Performance (dev)11,346
animations, scrolling, performance, css, javascript
3 Common Types of Test Automation (dev)11,345
testing, automation
Loading and Progress Indicators (uxd)11,344
performance, user-experience, design-patterns, progress-indicators
A Guide to Variables in Figma11,343
guides, variables, figma
TypeScript and the Dawn of Gradual Types (rww/git)11,342
typescript
Tailwind CSS Tips and Tricks Worth Knowing (bui)11,341
tailwind, tips-and-tricks
Storing Data in Control Flow (rsc)11,340
programming
Sass Features in CSS (chr)11,339
css, sass
Permission (ada)11,338
web, seo, google
Organize TypeScript Types With Namespaces11,337
typescript, namespaces
My Journey to Learning CSS (kev)11,336
videos, css, learning
Introduction to CSS Grid: A Comprehensive Guide11,335
guides, css, grids, layout
Tree Shaking in JavaScript11,334
javascript, performance, tree-shaking
Getting Started With Vector Databases in Node.js11,333
introductions, nodejs, databases, vector-databases
The Anatomy of a Perfect Landing Page That Converts (uxm)11,332
landing-pages, user-conversion
Mockups Explained (uxm)11,331
design, processes
Making Numbers in Web Content Accessible (ons/tpg)11,330
accessibility
JavaScript Debounce, Easiest Explanation (With Code)11,329
debouncing, javascript
Invisible Details of Interaction Design11,328
interaction-design, design, user-experience
How to Prevent Unnecessary React Component Re-Rendering11,327
how-tos, react, client-side-rendering, performance
Getting Started—Understanding the History of Web Accessibility11,326
videos, introductions, accessibility, history
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)11,325
memory, dev-tools, browsers, google, chrome, microsoft, edge
Developing Inclusivity Features (uxm)11,324
design, accessibility, dei
Data-Driven Design: The Rise of Big Data in UX (uxm)11,323
design, metrics, user-experience
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS11,322
caching, fingerprinting, react
React Design Patterns11,321
react, software-design-patterns
How to Improve the Release Frequency of Your Team?11,320
how-tos, releasing, processes, agile, scrum
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator11,319
introductions, jekyll
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)11,318
css, media-queries, javascript, html, dark-mode
Awesome List of Free CSS [Generators]11,317
link-lists, css, code-generation, tooling
The Decline in Design (Thinking) (uxd)11,316
design, user-experience
Use Case-Driven Standards Development11,315
standards
New Viewport Units (sha)11,314
viewport, css, units, responsive-design
Deploying a Fastify and Vue 3 Static Site to Heroku11,313
deploying, fastify, vuejs, heroku
Strategic UX Research Is the Next Big Thing (uxd)11,312
user-experience, research, strategies
Unleashing Lightning CSS11,311
css, tooling, lightning-css
The New “@ font-face” Syntax (oll)11,310
css, fonts
Testing the Dark Scenarios of Your Node.js Application11,309
nodejs, testing
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)11,308
css, effects, images
htmx in 100 Seconds (fir)11,307
videos, introductions, htmx
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)11,306
components, css, refactoring, maintenance
Four Lenses of Productivity11,305
research, productivity
URL Explained: The Fundamentals (itt)11,304
terminology
There’s No Such Thing as a “Normal” User (kar)11,303
accessibility
The Case Against Self-Closing Tags in HTML (jaf)11,302
html
Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (kil/pol)11,301
css, positioning, layout
Just Normal Web Things (hbu)11,300
web, user-experience
Is Lighthouse a Misleading Performance Tool?11,299
performance, google, lighthouse, web-vitals, tooling
An Introduction to Native CSS Nesting (cra)11,298
introductions, css, nesting
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (dbo)11,297
leadership, dei, accessibility
Redundancy Is Great11,296
information-design
When User Testing Sessions Bring Up Trauma (uxd)11,295
user-experience, testing
Understanding JWTs: A Simple Guide for Beginners11,294
guides, json-web-tokens
Resources for Procurement of Accessible Digital Products and VPAT (den)11,293
accessibility, vpat-acr, conformance, tooling, link-lists
Origin Trials and Tribulations (rvi)11,292
web-platform, browsers, metrics
Multithreading With Worker Threads in Node.js (app)11,291
nodejs, multithreading, worker-threads
Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management11,290
introductions, guides, kanban, agile, project-management
How to Validate HTML On-Line at W3C (wie)11,289
how-tos, html, conformance, tooling
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)11,288
youtube, twitter+x, open-graph, social-media, metadata, images
CSS Only Floating Labels11,287
css, floats, forms, labels
Creating SVG Animations Using Tailwind CSS11,286
svg, images, animations, tailwind
Can We Query the Root Container? (mia/odd)11,285
css, container-queries
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus11,284
css, preprocessors, less, sass, stylus, comparisons
Introduction to MongoDB and NoSQL Databases11,283
introductions, databases, mongodb
See What’s New in Firefox [115.0] (moz)11,282
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,281
performance, user-experience, user-conversion, metrics, economics
The Trick to Smoothly Animating Shadows in CSS (kev)11,280
videos, css, animations, shadows
The “article” Element and Screen Readers (mat)11,279
html, screen-readers, accessibility, support
Making the Switch: From Yarn/npm to pnpm11,278
yarn, npm, pnpm
Design for the Web Without Figma11,277
design, tooling
Build a Simple Beginner App With Node, Bootstrap, and MongoDB11,276
web-apps, nodejs, bootstrap, mongodb
Are We There Yet? (svg)11,275
css, colors, history
90s Websites—Key Characteristics and Examples11,274
design, history, trends, navigation, colors, typography
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)11,273
accessibility, browsers, screen-readers, assistive-tech
Understanding SVG Paths11,272
svg, images
HTML Form Validation Using Cypress11,271
forms, validation, cypress
How I Am Blogging the IndieWeb Way (liz)11,270
blogging, indieweb, automation
Differences Between vi and Vim Text Editors Explained11,269
vi+vim, code-editors, comparisons
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)11,268
how-tos, accessibility, aria, auditing
And 4 More HTML Concepts You Didn’t Know (j9t)11,267
html, concepts, web-components
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide11,266
how-tos, guides, nodejs, command-line, servers, ssh
AI and the Automation of Work11,265
ai, automation, processes
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)11,264
design, principles, user-experience, dei
How to Measure the Impact of a Design System? (uxd)11,263
how-tos, design-systems, metrics
The Big Problem With Variables in Figma (uxd)11,262
figma, variables
How to Tackle Docker and Kubernetes for Frontend11,261
how-tos, containerization, docker, kubernetes
Setting Expectations for the Node.js Test Runner (cji)11,260
nodejs, testing
State of the Web: Deno11,259
deno
Observing Node.js Processes With eBPF11,258
monitoring, nodejs
In Defence of “DOM­Content­Loaded” (css)11,257
javascript, dom, performance
Identify Unused npm Packages in Your Project (ami)11,256
npm, dependencies, maintenance
Designers Who Code, What Is It Good For? (fra)11,255
design, career
Angular Is Getting New Template Syntax (dan)11,254
angular
The “details” Element and In-Page Search (mat)11,253
html, disclosure-widgets, search, browsers, user-experience
React Developers Love Preact, Here’s Why (hac)11,252
react, preact, comparisons
New to the Web Platform in June (rac/dev)11,251
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Introduction to JSX11,250
introductions, jsx, react
CommonJS Is Hurting JavaScript (den)11,249
javascript, commonjs
The Importance of Verifying Webhook Signatures11,248
security, webhooks
WCAG 2.2, Quick and Simplified11,247
wcag, accessibility, standards
Accessible Overlays Aren’t Accessible (uxd)11,246
accessibility, overlays
What’s the Perfect Design Process? (vit/sma)11,245
design, processes
What’s Next for Redux With Mark Erikson (ace)11,244
videos, interviews, react, redux, state-management
Understanding TypeScript Generators (log)11,243
typescript
Under-Engineered Comboboxen? (aar)11,242
forms, html, css, accessibility
Solved: Tricky Floating Image Alignment (tyl/clo)11,241
css, floats, layout, alignment, responsive-design
JavaScript Gom Jabbar11,240
javascript
Introduction to MySQL Data Types11,239
databases, mysql, types
How to Build Things People Want to Use11,238
how-tos, user-experience
Combat Accessibility Decay: How to Maintain Ongoing Accessibility11,237
how-tos, accessibility, processes
An Introduction to the View Transitions API (cra)11,236
introductions, css, view-transitions, apis
Feature Flags Configuration, Instrumentation, and Use (git)11,235
videos, feature-management, releasing, testing
The SOLID Principles: Writing Scalable and Maintainable Code11,234
principles, solid, scalability, maintainability
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?11,233
npm, yarn, pnpm, comparisons, performance, best-practices
Getting Started With Native Design Tokens in Figma (luk/uxd)11,232
design-tokens, figma, introductions
JavaScript Console Methods: A Deep Dive11,231
javascript, console, methods, debugging, deep-dives
Why You Must Commit to Grounding Every DEI-Related Effort With Data11,230
interviews, dei, processes, metrics
Web and App ADA Lawsuits: 6 Trends So Far in 202311,229
accessibility, ada, legal, trends
Release Notes for Safari Technology Preview 173 (jen/web)11,228
release-notes, browsers, apple, safari
Position-Driven Styles (kiz)11,227
css, animations
On Feedback11,226
communication, collaboration, culture
How to Use CSS “background-size” and “background-position”11,225
how-tos, css, backgrounds
Form and Search Landmarks (mat)11,224
html, aria, forms, browsers, assistive-tech, support
4 Ways to Improve Mobile Accessibility (kar)11,223
accessibility, mobile
The Fake Aura of Care in UX (uxd)11,222
user-experience
Amplify Design Values Through Building Design System (uxd)11,221
design, design-systems
The Massive Bug at the Heart of the npm Ecosystem11,220
npm, dependencies, security
What’s Next for JavaScript: New Features to Look Forward To (mar/the)11,219
javascript
Screen Magnification: Digital Accessibilitiy11,218
videos, accessibility, assistive-tech, screen-magnification
Popular DevTools Tips (pat/sma)11,217
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,216
feature-management, experiments, testing, metrics
Demystifying JavaScript Operators: What Does That Symbol Mean?11,215
javascript, operators
Building Sliding Cards With “position: sticky;” (sar)11,214
css
What Does the Image “decoding” Attribute Actually Do? (tun)11,213
html, attributes, images, performance
Faking a “:snapped” Selector With Scroll-Driven Animations (bra)11,212
css, selectors, animations, scrolling
What’s Your Type? Try These Tests to Pick the Perfect Font for You (was)11,211
design, typography, fonts
Transition Between Pages Smoothly With a Single Line of Code (cit)11,210
css, transitions
Top Tips From a Web Accessibility Evaluator at WebAIM (web)11,209
accessibility, webaim, auditing, tips-and-tricks
Tips for Upgrading Your Techstack for Faster Frontend Development11,208
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
The Novel Engines: Servo (bka+/iga)11,207
podcasts, browser-engines, servo, browsers
Qwik Introduction—a Framework That Goes Fast11,206
videos, introductions, qwik
Mapping Typography (sco/9el)11,205
videos, typography, css
Magnification and Zoom Accessibility Guide—Everything You Need to Know11,204
guides, accessibility, screen-magnification, zooming
Live Regions in React11,203
react, aria, live-regions, accessibility
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)11,202
how-tos, colors, css
Going Beyond Constants With Custom Properties (uti/iod)11,201
css, custom-properties
AI Is Killing the Old Web, and the New Web Struggles to Be Born (ver)11,200
ai, web
A Beginner’s Guide to Laravel: Introduction and Key Features11,199
guides, introductions, laravel
Understanding Space-Based Architecture11,198
architecture
Mixing Colors With CSS (mrt)11,197
colors, css
An Introduction to Parser Combinators11,196
introductions, parsing
Introduction to Cloud Computing11,195
introductions, cloud-computing
XML Is the Future11,194
web, processes
WebSockets 101 (thi)11,193
introductions, protocols, websockets
Using BEM for Design System Tokens11,192
css, bem, design-tokens, conventions
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript11,191
introductions, security, vulnerabilities, nodejs, javascript
Choosing a Color Palette (nng)11,190
videos, design, colors, color-palettes
Understanding Authorization Before Authentication: Enhancing Web API Security11,189
authorization, authentication, apis, security, comparisons
The Case for Variables11,188
sass, css, variables, custom-properties, json, figma
Text Wrap Pretty Is Coming to CSS (ami)11,187
css, typography
Debugging INP (scr)11,186
videos, performance, debugging, web-vitals
Converting [a] JavaScript Codebase to TypeScript11,185
javascript, typescript, migrating, refactoring
All You Need to Know About CORS and CORS Errors11,184
security, cors, errors
Component Driven User Interface Testing (CDUIT)11,183
components, testing
The Unlikely Story of UTF-8: The Text Encoding of the Web11,182
unicode, history
The Cost of JavaScript 2023 (add)11,181
videos, javascript, performance
Introducing the MDN Playground: Bring Your Code to Life (mdn)11,180
introductions, mozilla, mdn, documentation, testing
Future CSS: State Container Queries (sha)11,179
css, container-queries
Announcing Svelte 4 (sve)11,178
release-notes, svelte
Debugging Commands Every Linux Administrator Should Know11,177
debugging, command-line, unix-like
How Designers Can Beat AI at Design (uxd)11,176
design, ai
Designing for Inclusion (uxd)11,175
design, dei, accessibility
Using Multiple Selectors With JavaScript Selector Methods (cfe)11,174
javascript, selectors, methods
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)11,173
videos, css, selectors
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (deq)11,172
wcag, accessibility, testing, tooling
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)11,171
javascript, web-platform, performance
The 5 Pillars of Every HTTP Request11,170
http
Design Systems Directory11,169
websites, design-systems
CSS in Micro Frontends11,168
css, micro-frontends
Cascade Layers Are Useless * (mat)11,167
css, cascade
Creating a Flexible Design Token Taxonomy for Intuit’s Design System11,166
design-tokens, design-systems
W3C Launch Their New Website (sim/stu)11,165
w3c
Top 6 AI Coding Assistants in 202311,164
ai, tooling
Three Key Principles for an Accessible Website11,163
principles, accessibility
Thoughts From “Meet Safari for Spatial Computing” (jim)11,162
apple, safari, spatial-web, accessibility, responsive-design
Style Your RSS Feed (dar)11,161
css, syndication, rss, atom
State of CSS 2023 (sac/dev)11,160
surveys, css
Making Your Design Tokens Future-Proof (and)11,159
design-tokens
Continuous Accessibility (a11)11,158
websites, accessibility, processes
Authentication vs. Authorization11,157
authentication, authorization, comparisons
ExtJS for Beginners11,156
extjs
Why UX Testing Is Critical to Your Web Site’s Success (uxm)11,155
user-experience, testing
Radix UI Component With Next.js and Tailwind CSS11,154
videos, components, radix, nextjs, tailwind
Packaging and Selling a Node.js App11,153
nodejs
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)11,152
gatsby, internationalization
Can Web Developers Be Held Liable?11,151
accessibility, legal
Button Types (ada)11,150
html, buttons
Balancing Users’ Needs and Business Goals in UX Design (uxm)11,149
user-experience, design
Balancing Users’ Data Privacy and the User Experience (uxm)11,148
privacy, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)11,147
dependencies, maintenance, renovate, configuration
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)11,146
navigation, scrolling, user-experience
The New CSS (mat)11,145
css, design, web-platform
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)11,144
javascript, import-maps
How to Clean Up Your Local Repository With Git Commands (thi)11,143
how-tos, git, command-line, maintenance
It’s Time for Dimensional Thinking in Design (uxd)11,142
design, ai
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples11,141
tutorials, guides, databases, indexeddb, examples
Git Concepts Everyone Should Know (fra)11,140
git, concepts
Wolvic 1.4 Released (wol)11,139
release-notes, wolvic, igalia, browsers
TypeScript 5.2’s New Keyword: “using” (mat)11,138
typescript
The Five Types of People Who Produce Inaccessible Code (eri)11,137
accessibility, community
Standardising Design Tokens (oll)11,136
design-tokens, conventions
Scoping (mat)11,135
css, scope
Create React UI Lib: Component Library Speedrun11,134
typescript, react, components, npm
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)11,133
css, animations, transitions, scrolling, custom-properties, style-queries
What’s UnAI-Able11,132
ai
What Are Deceptive Patterns?11,131
user-experience, dark-patterns
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers11,130
tips-and-tricks, programming
The Next Phase of Eleventy: Return of the Side Project (zac)11,129
eleventy
HTML Imports (w3c)11,128
html
How to Add a CSS Reveal Animation to Your Images (css)11,127
how-tos, css, animations, images
Django: A Security Improvement Coming to “format_html()” (ada)11,126
django, security, html
An Explosion in Software Engineers Using AI Coding Tools? (ger)11,125
ai, code-completion, productivity
A Guide to Coding Standards to Improve Code Quality11,124
guides, conventions, formatting, consistency, quality
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)11,123
accessibility, testing, forms
Simplify Email Development With MJML: A Beginner’s Guide11,122
email, mjml, guides
How (and Should?) We Stop the Infinite Scroll (uxd)11,121
user-experience, scrolling
Using Color Wheel Combinations in Your Designs (web)11,120
colors, design
Puppeteer in Node.js: More Antipatterns to Avoid (app)11,119
nodejs, scraping, testing, anti-patterns, puppeteer
npm Won’t Publish Packages Containing the Word “keygen”11,118
discussions, npm, dependencies
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)11,117
how-tos, svelte, sveltekit, web-apps, server-side-rendering
End-to-End Tracing11,116
observability, tracing, case-studies
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)11,115
design, accessibility, css, comparisons
Cyclic Dependency Space Toggles (kiz)11,114
toggles, css, custom-properties
When and Why to Use a Click Test11,113
usability, testing
Tuesday, June 20, 2023 Security Releases (raf/nod)11,112
release-notes, nodejs, security
The Gotchas of CSS Nesting (kil)11,111
css, nesting
Rebuilding a Comment Component With Modern CSS (sha)11,110
functionality, components, css
Nuxt in 100 Seconds (fir)11,109
videos, introductions, nuxt
Naming Components11,108
design-systems, components, naming
Positioning Anchored Popovers (hdv)11,107
pop-overs, css, positioning
“margin-trim” as a Best Practice? (chr)11,106
css, margins
Gatsby Headaches and How to Cure Them: I18N (mon/sma)11,105
gatsby, internationalization
Chrome for Testing: Reliable Downloads for Browser Automation (mat/dev)11,104
browsers, google, chrome, testing
Blur Vignette Effect in CSS11,103
css, effects
Bottom Sheets: Definition and UX Guidelines (nng)11,102
terminology, guidelines, mobile, user-experience
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)11,101
css, web-platform
How to Learn Programming11,100
how-tos, learning, programming
How to Highlight Required and Optional Form Fields (ada)11,099
how-tos, forms, mistakes, usability
CSS! CSS! CSS! (mat)11,098
css, community
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now11,097
html, viewport, metadata, accessibility, responsive-design
An Introduction to DevOps11,096
introductions, dev-ops
That’s Not How I Wrote CSS Three Years Ago (mat/css)11,095
videos, css, support
Shining Light on the Shadow DOM (cas/css)11,094
videos, shadow-dom, dom
Modern CSS for Dynamic Component-Based Architecture (5t3)11,093
css, architecture, components
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)11,092
videos, css, scrolling, animations, view-transitions
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)11,091
videos, css, browsers, microsoft, internet-explorer, support, history
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)11,090
design, strategies
CSS Containers, What Do They Know? (mia/css)11,089
videos, css, container-queries
Best Animation Libraries for React11,088
libraries, animations, react, link-lists
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)11,087
css, scrolling
Why Doesn’t CSS Have Scope? (hey/css)11,086
videos, css, scope
The Universal Focus State (eri)11,085
accessibility, focus, css
Style Recalculation Secrets They Don’t Want You to Know (pat/css)11,084
videos, css, selectors, performance
Sticky Content: Focus in View (tet)11,083
accessibility, focus, scrolling, css
State of the CSS Community (una/css)11,082
videos, css, community
No, “AI” Will Not Fix Accessibility (aar)11,081
accessibility, ai
Must Know JavaScript API—IndexedDB API11,080
databases, indexeddb, javascript, apis
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)11,079
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Designing a Scalable Backend in Node.js (app)11,078
software-design, scalability, nodejs
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)11,077
videos, dev-tools, browsers, google, chrome
Best Practices for Container Queries (zel)11,076
best-practices, container-queries, css
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)11,075
checklists, performance, compression, dependencies, accessibility, legibility, naming
Are Simple Websites Better for Business? (web)11,074
design, simplicity
48 Laws, Rules, and Principles of Web Development (j9t)11,073
programming, principles, terminology
Reducing Complexity in Front End Development (mic)11,072
complexity, performance, css, javascript
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)11,071
standards, accessibility, aria, rich-internet-apps
What’s New in CSS (jen)11,070
videos, css, apple
Tokens Are the Most Valuable Artifact a Design System Can Provide11,069
design-systems, design-tokens
The Ultimate Guide to Writing Technical Blog Posts (bla)11,068
guides, writing, blogging
Styling Scrollbars (oll)11,067
scrolling, css
RSC From Scratch: Server Components11,066
videos, react, components
Modern CSS in Real Life (chr)11,065
css
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)11,064
information-design, user-experience, tables, grids
Be Careful With “ch” Units (cit)11,063
css, units
Assume the Position—a Labeling Story (llo/tpg)11,062
accessibility, forms, labels, html
Angular at Google I/O 2023 (ang)11,061
release-notes, angular, google
Accessibility and Artificial Intelligence (joe)11,060
accessibility, ai
What Is Open Graph? How to Use It for Your WordPress Website?11,059
how-tos, open-graph, html, social-media, wordpress
Primitive Objects in JavaScript: When to Use Them (sma)11,058
javascript, objects
One More Thing—Apple’s Push on Web Apps on macOS11,057
apple, web-apps
Is React Having An AngularJS Moment?11,056
react, angularjs
An Introduction to Debugging in Node.js (cra)11,055
introductions, debugging, nodejs
Accessibility Testing—Pay Attention to the Details11,054
accessibility, testing
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)11,053
user-experience, accessibility, focus, forms
test262.fyi11,052
websites, javascript, ecmascript, javascript-engines, v8, spidermonkey
New Job? Negotiate as if Your Life Depends on It11,051
career
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance11,050
how-tos, rendering, dom, performance, debugging, angular
How We Created an Accessible, Scalable Color Palette11,049
colors, color-palettes, accessibility, scalability, case-studies
Every Design Team Needs Writers (uxd)11,048
design, writing
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)11,047
accessibility, focus, wcag, standards
wasmati: You Should Write Your WebAssembly in TypeScript11,046
webassembly, typescript, libraries
The Many Ways to Select the n-th Character From a String (cod)11,045
javascript, strings
No Single Metric Captures Productivity11,044
productivity, metrics
New CSS Color Spaces and Functions in All Major Engines (rac/dev)11,043
css, colors, functions, browsers, support
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)11,042
browsers, google, chrome, performance
How AI Can Make Software More Intuitive11,041
ai, usability
Do Not Drop Sass for CSS11,040
css, sass, preprocessors
An Introduction to “@ scope” in CSS (oll)11,039
introductions, scope, css
Presentational Colors (luk/uxd)11,038
colors, design-tokens
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)11,037
google, domains, ai
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)11,036
videos, javascript
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)11,035
transitions, dev-tools, browsers, google, chrome
The Context Dilemma11,034
design-systems, design-tokens
Some Things I Learnt From Working on Big Frontend Codebases11,033
complexity, lessons
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)11,032
html, semantics
Quick Tip: Shipping Resilient CSS Components (5t3)11,031
css, components, maintainability, resilience, tips-and-tricks
Performance Is Not a Checklist (tka)11,030
performance, user-experience
Asynchronous JavaScript for Beginners11,029
javascript, asynchronicity
Announcing TypeScript 5.1 (dan/typ)11,028
release-notes, typescript
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)11,027
forms, apis, css
Accessible Components: The Hamburger Menu11,026
accessibility, components, navigation
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS11,025
guides, deploying, complexity, architecture, aws
How to Format a Date With JavaScript—Date Formatting in JS (fre)11,024
how-tos, javascript, time
Watch Out for Layout Shifts With “ch” Units (pau/clo)11,023
performance, css, units
Token Operations (don)11,022
design-tokens
security.txt Now Mandatory for Dutch Government Websites11,021
security, legal
Release Notes for Safari Technology Preview 171 (jon/web)11,020
release-notes, browsers, apple, safari
Re-Evaluating “px” vs. “em” in Media Queries (kei)11,019
css, units, media-queries, comparisons
New to the Web Platform in May (rac/dev)11,018
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
Linting Defensive and Logical CSS With Stylelint Plugins (log)11,017
css, logical-properties, linting, stylelint, plugins
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)11,016
images, gif
How to Add Custom Meta Boxes in WordPress Without a Plugin11,015
how-tos, wordpress, customization
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)11,014
browsers, browser-engines, rendering, blink, css, selectors
Design Systems: A Curated List for Today’s UI/UX Designers (sta)11,013
design-systems, design, tooling, link-lists
Accessibility Audits for All (ada)11,012
accessibility, auditing, testing
What Is Personalization?11,011
personalization, concepts
The Art of Code Review11,010
code-reviews, processes, collaboration
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity11,009
productivity, metrics, engineering-management, culture, communication, collaboration, efficiency
I Think I Finally “Get” JS Objects11,008
javascript, objects
Hands on With the Node.js Test Runner (phi)11,007
nodejs, testing
Cracking the Theme Switcher and Dark Mode11,006
css, javascript, dark-mode
Announcing the Second Compute Pressure Origin Trial (dev)11,005
apis, browsers, google, chrome
An Introduction to JavaScript Proxies (cra)11,004
introductions, javascript
21 Awesome Web Features You’re Not Using Yet (fir)11,003
videos, html, css, javascript
The Double-Edged Sword of Design Systems (uxd)11,002
design-systems, design
Simple Things Make Things Simple (pjo)11,001
simplicity, case-studies
Don’t Meddle With User Input (tem)11,000
accessibility, forms
10 Incident Management Best Practices10,999
incident-response, best-practices, processes
Improving the Quality of the Software With Qodana and GitHub Actions10,998
jetbrains, qodana, quality, optimization, github, ci-cd
How Screen-Reader Users Type on and Control Mobile Devices (nng)10,997
accessibility, usability, screen-readers, mobile
The Problem With Nested Fieldsets and How to Avoid Them (ada)10,996
accessibility, forms, assistive-tech, support
The Optimization Sinkhole10,995
productivity, optimization
Sass-Like Nesting in Native CSS (ami)10,994
css, sass, nesting
Mastering CSS Blend Modes10,993
css, blend-modes
Understanding the Importance of Encoding10,992
encoding
WordPress Turns 20 (sar)10,991
wordpress
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript?10,990
javascript, unicode
When to Use Plain Text or Images Instead of MathML10,989
mathml, math, accessibility
Plain Old JavaScript and the DOM (dou)10,988
javascript, dom
We Need to Talk About How We Talk About Accessibility10,987
accessibility, communication, dei
Supper Club × Bramus Van Damme on CSS (bra+/syn)10,986
podcasts, interviews, css
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)10,985
how-tos, javascript, functions
Designing a Better Design Handoff File in Figma (sma)10,984
design, processes, figma
Brief Note on Popovers With Dialogs (aar)10,983
html, support, accessibility, pop-overs, modals
A Practical Overview on Architecture Decision Records (ADR)10,982
overviews, documentation, processes
Two Things That Are Not Great About OKLCH (chr)10,981
colors, oklch
Seven Lessons From 7 Years Designing Systems10,980
lessons, design-systems
Levelling Up Accessibility Skills in Your Organisation (int)10,979
videos, accessibility
“display: contents” Considered Harmful (eri)10,978
accessibility, css
The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra)10,977
css, transitions, techniques
WebKit and web-platform-tests (ann)10,976
webkit
Single Line Comments in CSS (jim)10,975
css, comments
Responsive CSS Layout Grids Without Media Queries (5t3)10,974
css, grids, layout, responsive-design
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)10,973
css, custom-properties
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)10,972
accessibility, vpat-acr, documentation
Querying Parsed HTML in BigQuery (rvi)10,971
html
Deploying AVIF for More Responsive Websites (dev)10,970
images, avif, performance
A Complete Guide to Using IndexedDB (log)10,969
guides, databases, indexeddb
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)10,968
html, best-practices, forms