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

→ 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#
User Input Sanitization and Validation: Securing Your App11,745
security, sanitization, validation, conformance
How to Build and Deploy a Modern Day Next.js Application11,744
how-tos, nextjs, building, deploying
How Platform Teams Get Stuff Done (ph1/mfo)11,743
productivity, processes, platform-engineering
Encoding: A Brief History and Its Role in Cybersecurity11,742
encoding, unicode, security, history
11ty: Index All The Things! (lea)11,741
eleventy, pagination
An Introduction to LangChain, Python, and OpenAI11,740
introductions, langchain, python, openai, ai
Figma Now Supports “rem” Units: Understanding the Use and Benefits (uxd)11,739
figma, css, units, support
Signals Make Angular Much Easier11,738
angular, signals
Getting Started With CSS Nesting (kev)11,737
videos, introductions, css, nesting
Getting Instant Return From Your Accessibility Testing (kar)11,736
accessibility, testing
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?11,735
discussions, javascript, frameworks
Upgrading an Ancient React Application11,734
react, maintenance
The Power of Git: A Guide to Collaborative Version Control (bek/ope)11,733
guides, git, collaboration
The 10 Commitments of an Agile Leader11,732
agile, processes, collaboration, leadership, engineering-management
O “dialog” Focus, Where Art Thou? (mat)11,731
accessibility, modals, html, focus
Node.js Security Progress Report—17 Reports Closed (ope)11,730
nodejs, security
Fluid vs. Responsive Typography With CSS Clamp (its/log)11,729
css, functions, typography, responsive-design
Advanced Positioning in CSS Grid (zor/css)11,728
videos, css, grids, positioning, layout
5 Inconvenient Truths About TypeScript (dea)11,727
typescript, javascript, complexity
What Is TanStack11,726
tanstack, vercel
It’s All About Complexity (max)11,725
complexity
Using Emoji on the Web (oll)11,724
emoji, fonts, support, unicode
Stick to Boring Architecture for as Long as Possible (add)11,723
architecture
How I Structured My Design System Using Figma’s New Variables (uxd)11,722
design-systems, design-tokens, figma, variables
Lightweight JavaScript Framework Review (for Django Developers)11,721
javascript, frameworks, comparisons, link-lists, django
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use (uxd)11,720
accessibility, forms, react, testing
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)11,719
css
WordPress 6.3 to Introduce a Development Mode (sar)11,718
wordpress
Scroll Progress Animations in CSS (mic/mdn)11,717
css, scrolling, animations, progress-indicators
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)11,716
accessibility, interoperability, screen-readers, assistive-tech, jaws
Figma Typography Secrets—Seven Pro Tips Revealed (pim)11,715
typography, figma
Down-and-Across Highlighting (mey)11,714
code-pens, css, tables, effects
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management11,713
guides, npm, dependencies
15 Advanced TypeScript Tips for Development11,712
typescript, tips-and-tricks
Why Design Systems Fail11,711
design-systems, lessons
[WebKit] Standards Positions (web)11,710
webkit, standards, support
Useful Functions for [an] HTTP Server11,709
deno, servers, http, functions
Mock JSON API Endpoints for Testing (ami)11,708
json, apis, testing
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide11,707
guides, tailwind, responsive-design, grids, layout
Getting Started With Tailwind CSS: A Quick-Start Guide11,706
introductions, guides, tailwind
CSS Findings From the Threads App (sha)11,705
css, case-studies, facebook+meta
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide11,704
guides, tables, tailwind
Better Roadmaps11,703
project-management, processes
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)11,702
leadership, dei, accessibility
How to Use Your Intuition in Your Product Design Process (uxd)11,701
how-tos, design, product-management, processes
Preload vs. Early Hints vs. Fetch Priority11,700
videos, performance, html, http, hints, comparisons, preloading
Top 20 Must-Know Tips for Web Accessibility11,699
accessibility, tips-and-tricks
The Magic of Empty Git Commit11,698
git, command-line
The alt-text.org Project Is Moving Forward (han)11,697
accessibility, writing
Release Notes for Safari Technology Preview 174 (mar/web)11,696
release-notes, browsers, apple, safari
Recent Design11,695
websites, design, link-lists
JPEG XL: How It Started, How It’s Going11,694
images, compression, jpeg-xl
How AI Is Making Web Design More Efficient (web)11,693
ai, design, efficiency
From Nunjucks to Liquid (mor)11,692
template-engines, nunjucks, liquid, migrating
Developer’s Research Process (cit)11,691
research, processes
Arrays and Tuples in TypeScript (fro)11,690
typescript, arrays
A Case Study on Scroll-Driven Animations Performance (dev)11,689
animations, scrolling, performance, css, javascript
3 Common Types of Test Automation (dev)11,688
testing, automation
Loading and Progress Indicators (uxd)11,687
performance, user-experience, design-patterns, progress-indicators
A Guide to Variables in Figma11,686
guides, variables, figma
TypeScript and the Dawn of Gradual Types (rww/git)11,685
typescript
Tailwind CSS Tips and Tricks Worth Knowing (bui)11,684
tailwind, tips-and-tricks
Storing Data in Control Flow (rsc)11,683
programming
Sass Features in CSS (chr)11,682
css, sass
Permission (ada)11,681
web, seo, google
Organize TypeScript Types With Namespaces11,680
typescript, namespaces
My Journey to Learning CSS (kev)11,679
videos, css, learning
Introduction to CSS Grid: A Comprehensive Guide11,678
guides, css, grids, layout
Tree Shaking in JavaScript11,677
javascript, performance, tree-shaking
Getting Started With Vector Databases in Node.js11,676
introductions, nodejs, databases, vector-databases
The Anatomy of a Perfect Landing Page That Converts (uxm)11,675
landing-pages, user-conversion
Mockups Explained (uxm)11,674
design, processes
Making Numbers in Web Content Accessible (ons/tpg)11,673
accessibility
JavaScript Debounce, Easiest Explanation (With Code)11,672
debouncing, javascript
Invisible Details of Interaction Design11,671
interaction-design, design, user-experience
How to Prevent Unnecessary React Component Re-Rendering11,670
how-tos, react, client-side-rendering, performance
Getting Started—Understanding the History of Web Accessibility11,669
videos, introductions, accessibility, history
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)11,668
memory, dev-tools, browsers, google, chrome, microsoft, edge
Developing Inclusivity Features (uxm)11,667
design, accessibility, dei
Data-Driven Design: The Rise of Big Data in UX (uxm)11,666
design, metrics, user-experience
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS11,665
caching, fingerprinting, react
React Design Patterns11,664
react, software-design-patterns
How to Improve the Release Frequency of Your Team?11,663
how-tos, releasing, processes, agile, scrum
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator11,662
introductions, jekyll
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)11,661
css, media-queries, javascript, html, dark-mode
Awesome List of Free CSS [Generators]11,660
link-lists, css, code-generation, tooling
The Decline in Design (Thinking) (uxd)11,659
design, user-experience
Use Case-Driven Standards Development11,658
standards
New Viewport Units (sha)11,657
viewport, css, units, responsive-design
Deploying a Fastify and Vue 3 Static Site to Heroku11,656
deploying, fastify, vuejs, heroku
htmx in 100 Seconds (fir)11,655
videos, introductions, htmx
Strategic UX Research Is the Next Big Thing (uxd)11,654
user-experience, research, strategies
Unleashing Lightning CSS11,653
css, tooling, lightning-css
The New “@ font-face” Syntax (oll)11,652
css, fonts
Testing the Dark Scenarios of Your Node.js Application11,651
nodejs, testing
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)11,650
css, effects, images
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)11,649
components, css, refactoring, maintenance
Four Lenses of Productivity11,648
research, productivity
URL Explained: The Fundamentals (itt)11,647
terminology
There’s No Such Thing as a “Normal” User (kar)11,646
accessibility
The Case Against Self-Closing Tags in HTML (jaf)11,645
html
Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (kil/pol)11,644
css, positioning, layout
Just Normal Web Things (hbu)11,643
web, user-experience
Is Lighthouse a Misleading Performance Tool?11,642
performance, google, lighthouse, web-vitals, tooling
An Introduction to Native CSS Nesting (cra)11,641
introductions, css, nesting
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (dbo)11,640
leadership, dei, accessibility
Redundancy Is Great11,639
information-design
When User Testing Sessions Bring Up Trauma (uxd)11,638
user-experience, testing
Understanding JWTs: A Simple Guide for Beginners11,637
guides, json-web-tokens
Resources for Procurement of Accessible Digital Products and VPAT (den)11,636
accessibility, vpat-acr, conformance, tooling, link-lists
Origin Trials and Tribulations (rvi)11,635
web-platform, browsers, metrics
Multithreading With Worker Threads in Node.js (app)11,634
nodejs, multithreading, worker-threads
Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management11,633
introductions, guides, kanban, agile, project-management
How to Validate HTML On-Line at W3C (wie)11,632
how-tos, html, conformance, tooling
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)11,631
youtube, twitter+x, open-graph, social-media, metadata, images
CSS Only Floating Labels11,630
css, floats, forms, labels
Creating SVG Animations Using Tailwind CSS11,629
svg, images, animations, tailwind
Can We Query the Root Container? (mia/odd)11,628
css, container-queries
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus11,627
css, preprocessors, less, sass, stylus, comparisons
Introduction to MongoDB and NoSQL Databases11,626
introductions, databases, mongodb
See What’s New in Firefox [115.0] (moz)11,625
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,624
performance, user-experience, user-conversion, metrics, economics
The Trick to Smoothly Animating Shadows in CSS (kev)11,623
videos, css, animations, shadows
The “article” Element and Screen Readers (mat)11,622
html, screen-readers, accessibility, support
Making the Switch: From Yarn/npm to pnpm11,621
yarn, npm, pnpm
Design for the Web Without Figma11,620
design, tooling
Build a Simple Beginner App With Node, Bootstrap, and MongoDB11,619
web-apps, nodejs, bootstrap, mongodb
Are We There Yet? (svg)11,618
css, colors, history
90s Websites—Key Characteristics and Examples11,617
design, history, trends, navigation, colors, typography
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)11,616
accessibility, browsers, screen-readers, assistive-tech
Understanding SVG Paths11,615
svg, images
HTML Form Validation Using Cypress11,614
forms, validation, cypress
How I Am Blogging the IndieWeb Way (liz)11,613
blogging, indieweb, automation
Differences Between vi and Vim Text Editors Explained11,612
vi+vim, code-editors, comparisons
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)11,611
how-tos, accessibility, aria, auditing
And 4 More HTML Concepts You Didn’t Know (j9t)11,610
html, concepts, web-components
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide11,609
how-tos, guides, nodejs, command-line, servers, ssh
AI and the Automation of Work11,608
ai, automation, processes
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)11,607
design, principles, user-experience, dei
How to Measure the Impact of a Design System? (uxd)11,606
how-tos, design-systems, metrics
The Big Problem With Variables in Figma (uxd)11,605
figma, variables
How to Tackle Docker and Kubernetes for Frontend11,604
how-tos, containerization, docker, kubernetes
Setting Expectations for the Node.js Test Runner (cji)11,603
nodejs, testing
State of the Web: Deno11,602
deno
Observing Node.js Processes With eBPF11,601
monitoring, nodejs
In Defence of “DOM­Content­Loaded” (css)11,600
javascript, dom, performance
Identify Unused npm Packages in Your Project (ami)11,599
npm, dependencies, maintenance
Designers Who Code, What Is It Good For? (fra)11,598
design, career
Angular Is Getting New Template Syntax (dan)11,597
angular
The “details” Element and In-Page Search (mat)11,596
html, disclosure-widgets, search, browsers, user-experience
React Developers Love Preact, Here’s Why (hac)11,595
react, preact, comparisons
New to the Web Platform in June (rac/dev)11,594
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Introduction to JSX11,593
introductions, jsx, react
CommonJS Is Hurting JavaScript (den)11,592
javascript, commonjs
The Importance of Verifying Webhook Signatures11,591
security, webhooks
WCAG 2.2, Quick and Simplified11,590
wcag, accessibility, standards
Accessible Overlays Aren’t Accessible (uxd)11,589
accessibility, overlays
What’s the Perfect Design Process? (vit/sma)11,588
design, processes
What’s Next for Redux With Mark Erikson (ace)11,587
videos, interviews, react, redux, state-management
Understanding TypeScript Generators (log)11,586
typescript
Under-Engineered Comboboxen? (aar)11,585
forms, html, css, accessibility
Solved: Tricky Floating Image Alignment (tyl/clo)11,584
css, floats, layout, alignment, responsive-design
JavaScript Gom Jabbar11,583
javascript
Introduction to MySQL Data Types11,582
databases, mysql, types
How to Build Things People Want to Use11,581
how-tos, user-experience
Combat Accessibility Decay: How to Maintain Ongoing Accessibility11,580
how-tos, accessibility, processes
An Introduction to the View Transitions API (cra)11,579
introductions, css, view-transitions, apis
Feature Flags Configuration, Instrumentation, and Use (git)11,578
videos, feature-management, releasing, testing
The SOLID Principles: Writing Scalable and Maintainable Code11,577
principles, solid, scalability, maintainability
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?11,576
npm, yarn, pnpm, comparisons, performance, best-practices
Getting Started With Native Design Tokens in Figma (luk/uxd)11,575
design-tokens, figma, introductions
JavaScript Console Methods: A Deep Dive11,574
javascript, console, methods, debugging, deep-dives
Why You Must Commit to Grounding Every DEI-Related Effort With Data11,573
interviews, dei, processes, metrics
Web and App ADA Lawsuits: 6 Trends So Far in 202311,572
accessibility, ada, legal, trends
Release Notes for Safari Technology Preview 173 (jen/web)11,571
release-notes, browsers, apple, safari
Position-Driven Styles (kiz)11,570
css, animations
On Feedback11,569
communication, collaboration, culture
How to Use CSS “background-size” and “background-position”11,568
how-tos, css, backgrounds
Form and Search Landmarks (mat)11,567
html, aria, forms, browsers, assistive-tech, support
4 Ways to Improve Mobile Accessibility (kar)11,566
accessibility, mobile
The Fake Aura of Care in UX (uxd)11,565
user-experience
Amplify Design Values Through Building Design System (uxd)11,564
design, design-systems
The Massive Bug at the Heart of the npm Ecosystem11,563
npm, dependencies, security
What’s Next for JavaScript: New Features to Look Forward To (mar/the)11,562
javascript
Screen Magnification: Digital Accessibilitiy11,561
videos, accessibility, assistive-tech, screen-magnification
Popular DevTools Tips (pat/sma)11,560
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,559
feature-management, experiments, testing, metrics
Demystifying JavaScript Operators: What Does That Symbol Mean?11,558
javascript, operators
Building Sliding Cards With “position: sticky;” (sar)11,557
css
What Does the Image “decoding” Attribute Actually Do? (tun)11,556
html, attributes, images, performance
Faking a “:snapped” Selector With Scroll-Driven Animations (bra)11,555
css, selectors, animations, scrolling
What’s Your Type? Try These Tests to Pick the Perfect Font for You (was)11,554
design, typography, fonts
Transition Between Pages Smoothly With a Single Line of Code (cit)11,553
css, transitions
Top Tips From a Web Accessibility Evaluator at WebAIM (web)11,552
accessibility, webaim, auditing, tips-and-tricks
Tips for Upgrading Your Techstack for Faster Frontend Development11,551
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
The Novel Engines: Servo (bka+/iga)11,550
podcasts, browser-engines, servo, browsers
Qwik Introduction—a Framework That Goes Fast11,549
videos, introductions, qwik
Mapping Typography (sco/9el)11,548
videos, typography, css
Magnification and Zoom Accessibility Guide—Everything You Need to Know11,547
guides, accessibility, screen-magnification, zooming
Live Regions in React11,546
react, aria, live-regions, accessibility
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)11,545
how-tos, colors, css
Going Beyond Constants With Custom Properties (uti/iod)11,544
css, custom-properties
AI Is Killing the Old Web, and the New Web Struggles to Be Born (ver)11,543
ai, web
A Beginner’s Guide to Laravel: Introduction and Key Features11,542
guides, introductions, laravel
Understanding Space-Based Architecture11,541
architecture
Mixing Colors With CSS (mrt)11,540
colors, css
An Introduction to Parser Combinators11,539
introductions, parsing
Introduction to Cloud Computing11,538
introductions, cloud-computing
XML Is the Future11,537
web, processes
WebSockets 101 (thi)11,536
introductions, protocols, websockets
Using BEM for Design System Tokens11,535
css, bem, design-tokens, conventions
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript11,534
introductions, security, vulnerabilities, nodejs, javascript
Choosing a Color Palette (nng)11,533
videos, design, colors, color-palettes
Understanding Authorization Before Authentication: Enhancing Web API Security11,532
authorization, authentication, apis, security, comparisons
The Case for Variables11,531
sass, css, variables, custom-properties, json, figma
Text Wrap Pretty Is Coming to CSS (ami)11,530
css, typography
Debugging INP (scr)11,529
videos, performance, debugging, web-vitals
Converting [a] JavaScript Codebase to TypeScript11,528
javascript, typescript, migrating, refactoring
All You Need to Know About CORS and CORS Errors11,527
security, cors, errors
Component Driven User Interface Testing (CDUIT)11,526
components, testing
The Unlikely Story of UTF-8: The Text Encoding of the Web11,525
unicode, history
The Cost of JavaScript 2023 (add)11,524
videos, javascript, performance
Introducing the MDN Playground: Bring Your Code to Life (mdn)11,523
introductions, mozilla, mdn, documentation, testing
Future CSS: State Container Queries (sha)11,522
css, container-queries
Announcing Svelte 4 (sve)11,521
release-notes, svelte
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (deq)11,520
wcag, accessibility, testing, axe
Debugging Commands Every Linux Administrator Should Know11,519
debugging, command-line, unix-like
How Designers Can Beat AI at Design (uxd)11,518
design, ai
Designing for Inclusion (uxd)11,517
design, dei, accessibility
Using Multiple Selectors With JavaScript Selector Methods (cfe)11,516
javascript, selectors, methods
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)11,515
videos, css, selectors
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)11,514
javascript, web-platform, performance
The 5 Pillars of Every HTTP Request11,513
http
Design Systems Directory11,512
websites, design-systems
CSS in Micro Frontends11,511
css, micro-frontends
Cascade Layers Are Useless * (mat)11,510
css, cascade
Creating a Flexible Design Token Taxonomy for Intuit’s Design System11,509
design-tokens, design-systems
W3C Launch Their New Website (sim/stu)11,508
w3c
Top 6 AI Coding Assistants in 202311,507
ai, tooling
Three Key Principles for an Accessible Website11,506
principles, accessibility
Thoughts From “Meet Safari for Spatial Computing” (jim)11,505
apple, safari, spatial-web, accessibility, responsive-design
Style Your RSS Feed (dar)11,504
css, syndication, rss, atom
State of CSS 2023 (sac/dev)11,503
surveys, css
Making Your Design Tokens Future-Proof (and)11,502
design-tokens
Continuous Accessibility (a11)11,501
websites, accessibility, processes
Authentication vs. Authorization11,500
authentication, authorization, comparisons
ExtJS for Beginners11,499
extjs
Why UX Testing Is Critical to Your Web Site’s Success (uxm)11,498
user-experience, testing
Radix UI Component With Next.js and Tailwind CSS11,497
videos, components, radix, nextjs, tailwind
Packaging and Selling a Node.js App11,496
nodejs
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)11,495
gatsby, internationalization
Can Web Developers Be Held Liable?11,494
accessibility, legal
Button Types (ada)11,493
html, buttons
Balancing Users’ Needs and Business Goals in UX Design (uxm)11,492
user-experience, design
Balancing Users’ Data Privacy and the User Experience (uxm)11,491
privacy, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)11,490
dependencies, maintenance, renovate, configuration
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)11,489
navigation, scrolling, user-experience
The New CSS (mat)11,488
css, design, web-platform
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)11,487
javascript, import-maps
How to Clean Up Your Local Repository With Git Commands (thi)11,486
how-tos, git, command-line, maintenance
It’s Time for Dimensional Thinking in Design (uxd)11,485
design, ai
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples11,484
tutorials, guides, databases, indexeddb, examples
Git Concepts Everyone Should Know (fra)11,483
git, concepts
Wolvic 1.4 Released (wol)11,482
release-notes, wolvic, igalia, browsers
TypeScript 5.2’s New Keyword: “using” (mat)11,481
typescript
The Five Types of People Who Produce Inaccessible Code (eri)11,480
accessibility, community
Standardising Design Tokens (oll)11,479
design-tokens, conventions
Scoping (mat)11,478
css, scope
Create React UI Lib: Component Library Speedrun11,477
typescript, react, components, npm
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)11,476
css, animations, transitions, scrolling, custom-properties, style-queries
What’s UnAI-Able11,475
ai
What Are Deceptive Patterns?11,474
user-experience, dark-patterns
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers11,473
tips-and-tricks, programming
The Next Phase of Eleventy: Return of the Side Project (zac)11,472
eleventy
HTML Imports (w3c)11,471
html
How to Add a CSS Reveal Animation to Your Images (css)11,470
how-tos, css, animations, images
Django: A Security Improvement Coming to “format_html()” (ada)11,469
django, security, html
An Explosion in Software Engineers Using AI Coding Tools? (ger)11,468
ai, code-completion, productivity
A Guide to Coding Standards to Improve Code Quality11,467
guides, conventions, formatting, consistency, quality
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)11,466
accessibility, testing, forms
Simplify Email Development With MJML: A Beginner’s Guide11,465
email, mjml, guides
How (and Should?) We Stop the Infinite Scroll (uxd)11,464
user-experience, scrolling
Using Color Wheel Combinations in Your Designs (web)11,463
colors, design
Puppeteer in Node.js: More Antipatterns to Avoid (app)11,462
nodejs, scraping, testing, anti-patterns, puppeteer
npm Won’t Publish Packages Containing the Word “keygen”11,461
discussions, npm, dependencies
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)11,460
how-tos, svelte, sveltekit, web-apps, server-side-rendering
End-to-End Tracing11,459
observability, tracing, case-studies
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)11,458
design, accessibility, css, comparisons
Cyclic Dependency Space Toggles (kiz)11,457
toggles, css, custom-properties
Nuxt in 100 Seconds (fir)11,456
videos, introductions, nuxt
When and Why to Use a Click Test11,455
usability, testing
Tuesday, June 20, 2023 Security Releases (raf/nod)11,454
release-notes, nodejs, security
The Gotchas of CSS Nesting (kil)11,453
css, nesting
Rebuilding a Comment Component With Modern CSS (sha)11,452
functionality, components, css
Naming Components11,451
design-systems, components, naming
Positioning Anchored Popovers (hdv)11,450
pop-overs, css, positioning
“margin-trim” as a Best Practice? (chr)11,449
css, margins
Gatsby Headaches and How to Cure Them: I18N (mon/sma)11,448
gatsby, internationalization
Chrome for Testing: Reliable Downloads for Browser Automation (mat/dev)11,447
browsers, google, chrome, testing
Blur Vignette Effect in CSS11,446
css, effects
Bottom Sheets: Definition and UX Guidelines (nng)11,445
terminology, guidelines, mobile, user-experience
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)11,444
css, web-platform
How to Learn Programming11,443
how-tos, learning, programming
How to Highlight Required and Optional Form Fields (ada)11,442
how-tos, forms, mistakes, usability
CSS! CSS! CSS! (mat)11,441
css, community
TypeScript Book11,440
books, typescript
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now11,439
html, viewport, metadata, accessibility, responsive-design
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)11,438
videos, css, scrolling, animations, view-transitions
CSS Containers, What Do They Know? (mia/css)11,437
videos, css, container-queries
That’s Not How I Wrote CSS Three Years Ago (mat/css)11,436
videos, css, support
Shining Light on the Shadow DOM (cas/css)11,435
videos, shadow-dom, dom
An Introduction to DevOps11,434
introductions, dev-ops
Modern CSS for Dynamic Component-Based Architecture (5t3)11,433
css, architecture, components
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)11,432
videos, css, browsers, microsoft, internet-explorer, support, history
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)11,431
design, strategies
Best Animation Libraries for React11,430
libraries, animations, react, link-lists
State of the CSS Community (una/css)11,429
videos, css, community
Why Doesn’t CSS Have Scope? (hey/css)11,428
videos, css, scope
Style Recalculation Secrets They Don’t Want You to Know (pat/css)11,427
videos, css, selectors, performance
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)11,426
css, scrolling
The Universal Focus State (eri)11,425
accessibility, focus, css
Sticky Content: Focus in View (tet)11,424
accessibility, focus, scrolling, css
No, “AI” Will Not Fix Accessibility (aar)11,423
accessibility, ai
Must Know JavaScript API—IndexedDB API11,422
databases, indexeddb, javascript, apis
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)11,421
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Designing a Scalable Backend in Node.js (app)11,420
software-design, scalability, nodejs
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)11,419
videos, dev-tools, browsers, google, chrome
Best Practices for Container Queries (zel)11,418
best-practices, container-queries, css
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)11,417
checklists, performance, compression, dependencies, accessibility, legibility, naming
Are Simple Websites Better for Business? (web)11,416
design, simplicity
48 Laws, Rules, and Principles of Web Development (j9t)11,415
programming, principles, terminology
Reducing Complexity in Front End Development (mic)11,414
complexity, performance, css, javascript
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)11,413
standards, accessibility, aria, rich-internet-apps
What’s New in CSS (jen)11,412
videos, css, apple
Tokens Are the Most Valuable Artifact a Design System Can Provide11,411
design-systems, design-tokens
The Ultimate Guide to Writing Technical Blog Posts (bla)11,410
guides, writing, blogging
Styling Scrollbars (oll)11,409
scrolling, css
RSC From Scratch: Server Components11,408
videos, react, components
Modern CSS in Real Life (chr)11,407
css
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)11,406
information-design, user-experience, tables, grids
Be Careful With “ch” Units (cit)11,405
css, units
Assume the Position—a Labeling Story (llo/tpg)11,404
accessibility, forms, labels, html
Angular at Google I/O 2023 (ang)11,403
release-notes, angular, google
Accessibility and Artificial Intelligence (joe)11,402
accessibility, ai
How Photoshop Solved Working With Files Larger Than Can Fit Into Memory (tom/dev)11,401
adobe, memory
What Is Open Graph? How to Use It for Your WordPress Website?11,400
how-tos, open-graph, html, social-media, wordpress
Primitive Objects in JavaScript: When to Use Them (sma)11,399
javascript, objects
One More Thing—Apple’s Push on Web Apps on macOS11,398
apple, web-apps
Is React Having An AngularJS Moment?11,397
react, angularjs
An Introduction to Debugging in Node.js (cra)11,396
introductions, debugging, nodejs
Accessibility Testing—Pay Attention to the Details11,395
accessibility, testing
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)11,394
user-experience, accessibility, focus, forms
test262.fyi11,393
websites, javascript, ecmascript, javascript-engines, v8, spidermonkey
New Job? Negotiate as if Your Life Depends on It11,392
career
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance11,391
how-tos, rendering, dom, performance, debugging, angular
How We Created an Accessible, Scalable Color Palette11,390
colors, color-palettes, accessibility, scalability, case-studies
Every Design Team Needs Writers (uxd)11,389
design, writing
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)11,388
accessibility, focus, wcag, standards
wasmati: You Should Write Your WebAssembly in TypeScript11,387
webassembly, typescript, libraries
The Many Ways to Select the n-th Character From a String (cod)11,386
javascript, strings
No Single Metric Captures Productivity11,385
productivity, metrics
New CSS Color Spaces and Functions in All Major Engines (rac/dev)11,384
css, colors, functions, browsers, support
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)11,383
browsers, google, chrome, performance
How AI Can Make Software More Intuitive11,382
ai, usability
Do Not Drop Sass for CSS11,381
css, sass, preprocessors
An Introduction to “@ scope” in CSS (oll)11,380
introductions, scope, css
Presentational Colors (luk/uxd)11,379
colors, design-tokens
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)11,378
google, domains, ai
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)11,377
videos, javascript
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)11,376
transitions, dev-tools, browsers, google, chrome
The Context Dilemma11,375
design-systems, design-tokens
Some Things I Learnt From Working on Big Frontend Codebases11,374
complexity, lessons
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)11,373
html, semantics
Quick Tip: Shipping Resilient CSS Components (5t3)11,372
css, components, maintainability, resilience, tips-and-tricks
Performance Is Not a Checklist (tka)11,371
performance, user-experience
Asynchronous JavaScript for Beginners11,370
javascript, asynchronicity
Announcing TypeScript 5.1 (dan/typ)11,369
release-notes, typescript
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)11,368
forms, apis, css
Accessible Components: The Hamburger Menu11,367
accessibility, components, navigation
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS11,366
guides, deploying, complexity, architecture, aws
How to Format a Date With JavaScript—Date Formatting in JS (fre)11,365
how-tos, javascript, time
Watch Out for Layout Shifts With “ch” Units (pau/clo)11,364
performance, css, units
Token Operations (don)11,363
design-tokens
security.txt Now Mandatory for Dutch Government Websites11,362
security, legal
Release Notes for Safari Technology Preview 171 (jon/web)11,361
release-notes, browsers, apple, safari
Re-Evaluating “px” vs. “em” in Media Queries (kei)11,360
css, units, media-queries, comparisons
New to the Web Platform in May (rac/dev)11,359
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
Linting Defensive and Logical CSS With Stylelint Plugins (log)11,358
css, logical-properties, linting, stylelint, plugins
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)11,357
images, gif
How to Add Custom Meta Boxes in WordPress Without a Plugin11,356
how-tos, wordpress, customization
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)11,355
browsers, browser-engines, rendering, blink, css, selectors
Design Systems: A Curated List for Today’s UI/UX Designers (sta)11,354
design-systems, design, tooling, link-lists
Accessibility Audits for All (ada)11,353
accessibility, auditing, testing
21 Awesome Web Features You’re Not Using Yet (fir)11,352
videos, html, css, javascript
What Is Personalization?11,351
personalization, concepts
The Art of Code Review11,350
code-reviews, processes, collaboration
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity11,349
productivity, metrics, engineering-management, culture, communication, collaboration, efficiency
I Think I Finally “Get” JS Objects11,348
javascript, objects
Hands on With the Node.js Test Runner (phi)11,347
nodejs, testing
Cracking the Theme Switcher and Dark Mode11,346
css, javascript, dark-mode
Announcing the Second Compute Pressure Origin Trial (dev)11,345
apis, browsers, google, chrome
An Introduction to JavaScript Proxies (cra)11,344
introductions, javascript
The Double-Edged Sword of Design Systems (uxd)11,343
design-systems, design
Simple Things Make Things Simple (pjo)11,342
simplicity, case-studies
Don’t Meddle With User Input (tem)11,341
accessibility, forms
10 Incident Management Best Practices11,340
incident-response, best-practices, processes
Improving the Quality of the Software With Qodana and GitHub Actions11,339
jetbrains, qodana, quality, optimization, github, ci-cd
How Screen-Reader Users Type on and Control Mobile Devices (nng)11,338
accessibility, usability, screen-readers, mobile
The Problem With Nested Fieldsets and How to Avoid Them (ada)11,337
accessibility, forms, assistive-tech, support
The Optimization Sinkhole11,336
productivity, optimization
Sass-Like Nesting in Native CSS (ami)11,335
css, sass, nesting
Mastering CSS Blend Modes11,334
css, blend-modes
When to Use Plain Text or Images Instead of MathML11,333
mathml, math, accessibility
Understanding the Importance of Encoding11,332
encoding
WordPress Turns 20 (sar)11,331
wordpress
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript?11,330
javascript, unicode
Plain Old JavaScript and the DOM (dou)11,329
javascript, dom
We Need to Talk About How We Talk About Accessibility11,328
accessibility, communication, dei
Supper Club × Bramus Van Damme on CSS (bra+/syn)11,327
podcasts, interviews, css
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)11,326
how-tos, javascript, functions
Designing a Better Design Handoff File in Figma (sma)11,325
design, processes, figma
Brief Note on Popovers With Dialogs (aar)11,324
html, support, accessibility, pop-overs, modals
A Practical Overview on Architecture Decision Records (ADR)11,323
overviews, documentation, processes
Two Things That Are Not Great About OKLCH (chr)11,322
colors, oklch
Seven Lessons From 7 Years Designing Systems11,321
lessons, design-systems
Levelling Up Accessibility Skills in Your Organisation (int)11,320
videos, accessibility
“display: contents” Considered Harmful (eri)11,319
accessibility, css
The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra)11,318
css, transitions, techniques
WebKit and web-platform-tests (ann)11,317
webkit
Single Line Comments in CSS (jim)11,316
css, comments
Responsive CSS Layout Grids Without Media Queries (5t3)11,315
css, grids, layout, responsive-design
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)11,314
css, custom-properties
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)11,313
accessibility, vpat-acr, documentation
Querying Parsed HTML in BigQuery (rvi)11,312
html
Deploying AVIF for More Responsive Websites (dev)11,311
images, avif, performance
A Complete Guide to Using IndexedDB (log)11,310
guides, databases, indexeddb
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)11,309
html, best-practices, forms
You Don’t Need a Modal Window (dz4)11,308
websites, modals
Where to Put Your Types in Application Code (mat)11,307
typescript
Two Simple Layouts That Work Better With Grid (kev)11,306
videos, css, grids, layout
Introducing the Popover API (una/dev)11,305
introductions, apis, html, pop-overs
I Created 100+ Unique CSS Patterns (css)11,304
css, backgrounds, effects
Graph Slider11,303
sliders, css
Future of CSS: Popover API11,302
css, apis, pop-overs
File Upload Security and Malware Protection (aus)11,301
security, malware, file-handling, edge-computing
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design11,300
accessibility, dei, modals, time
Building a Modern Design System in Layers11,299
design-systems
Working With URLs With Vanilla JavaScript (cfe)11,298
javascript, urls
Why We’re Bad at CSS (per)11,297
css
Visual-Design Principles and UX Design Best Practices (uxm)11,296
design, user-experience, principles, best-practices
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)11,295
videos, css, selectors, maintenance
Be Careful Using “Menu” (aar)11,294
html, aria, design, terminology
10 Ways to Boost Your Landing Page Conversion Rates (uxm)11,293
landing-pages, user-conversion, metrics
Beyond Design Systems for Interfaces: A Mega System of Design Systems11,292
design-systems
Building Offline-First Web Applications With Service Workers and IndexedDB11,291
offline, web-apps, web-workers, databases, indexeddb, javascript
A Web Component Intro With Example11,290
introductions, web-components, examples
Server-Sent Events With Node.js11,289
nodejs, events
A Beginners Guide to Digital Accessibility (fra)11,288
guides, accessibility
Website Issues: On the Relevance of Audience Size and Impact (j9t)11,287
processes, quality
Using “linear()” for Better Animation (oll)11,286
animations, css, javascript
Measuring Design System “Adoption” (pjo)11,285
design-systems, metrics
How to Build Lean Efficient Websites in 2023 (cfe)11,284
how-tos, html, progressive-enhancement, minimalism
Creating a Shine Effect on a Card With Tailwind CSS11,283
tailwind, effects
A New Approach to Measuring Developer Productivity11,282
research, productivity, metrics
Write Better Code by Following These JavaScript Best Practices11,281
javascript, best-practices
What Devs Can Do on Global Accessibility Awareness Day11,280
accessibility, awareness-days
How to Create a Custom Range Slider Using CSS (css)11,279
how-tos, sliders, css, forms
Getting Started With View Transitions on Multi-Page Apps (dav)11,278
css, view-transitions, multi-page-apps, introductions
Core Principles of SEO11,277
seo, principles, overviews
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)11,276
accessibility, wcag, standards
Accessible Numbers11,275
websites, accessibility
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)11,274
videos, usability, internationalization, localization, ecommerce, tips-and-tricks
Thinking on Ways to Solve Color Palettes (arg/dev)11,273
videos, css, colors, color-palettes
Release Notes for Safari Technology Preview 170 (jon/web)11,272
release-notes, browsers, apple, safari
Jekyll Tutorial: How to Create a Static Website (kin)11,271
tutorials, how-tos, jekyll
ESLint Guide: How to Use It With Confidence11,270
guides, eslint, linting, consistency, maintainability
A History of Metaphors for the Internet (ver)11,269
history, web, terminology
Comparing Version Control Systems: Git, SVN, CVS, and More11,268
comparisons, version-control, git, svn, cvs
Why Your Design Language System Needs a Product Manager11,267
design-systems, product-management
Why Is Web Accessibility Important? (tpg)11,266
videos, accessibility
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)11,265
css, units
State of Node.js Performance 2023 (raf)11,264
nodejs
Semantics and the “popover” Attribute: What to Use When? (hdv)11,263
html, attributes, semantics, accessibility, pop-overs
Python Developers Survey 2022 Results (jet)11,262
surveys, python
It’ll Soon Be (Too) Easy to Develop a Website in A Day11,261
ai, processes, productivity, creativity
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)11,260
career, interviewing
GitHub Copilot and ChatGPT Alternatives (ger)11,259
github-copilot, chatgpt, ai, comparisons
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)11,258
javascript, arrays
Fieldsets, Legends, and Screen Readers Again (ste/tpg)11,257
accessibility, html, forms, screen-readers
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)11,256
design-patterns, design-systems, collaboration
Conditional CSS With “:has” and “:nth-last-child” (sha)11,255
css, selectors
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)11,254
accessibility, html
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)11,253
css, floats
Let’s Share Our Salaries, Title, Location, XP11,252
discussions, career
HTML Landmark Roles Screen Reader Demo (sch/mdn)11,251
videos, accessibility, html, screen-readers, voiceover, apple
How to Handle Production Support When Using Scrum11,250
how-tos, agile, scrum, processes
Get Full Type Support With Plain JavaScript11,249
javascript
CSS Art: Drawing a Coffee Stain (alv)11,248
css, art
10 Books to Improve Coding Skill in 202311,247
books, programming, link-lists
Error Message Guidelines (nng)11,246
guidelines, usability, errors, writing