Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“2024” News Archive (4)

Entry (Sources) and Additional TopicsDate#
How to Make Tables Fit on Small Screens1,754
how-tos, design, responsive-design, information-design, tables, mobile
Testing Best Practices for Web Apps1,753
videos, testing, best-practices, web-apps
How to Incorporate Accessibility Into Your Agile Sprints (mic)1,752
how-tos, accessibility, agile, processes, technical-debt
Alternative Text in Action1,751
accessibility, images, alt-text, writing, examples
Named Alternates for WordPress (ede)1,750
html, wordpress
Node v22.5.0 (Current) (nod)1,749
release-notes, nodejs
Viewport Height and Width Units in Modern CSS1,748
viewport, css, units
Wait, What’s the Difference Between “:host”, “:host()”, and “:host-context()”?! (and)1,747
web-components, css, selectors
Flat vs. Deep Hierarchies in Information Architecture (IA) (nng)1,746
videos, information-architecture, comparisons
A Plea for the Lost Practice of Information Architecture1,745
information-architecture, history, link-lists
Expert Handling of Multiple Dimensions of Data (jun)1,744
information-design
Cloudflare Reports Almost 7% of Internet Traffic Is Malicious (sjv/zdn)1,743
web, traffic
Everybody’s Free (to Write Websites) (sar)1,742
web, indieweb, blogging, writing
Get the Screen Width and Height Without JavaScript (css)1,741
css, tips-and-tricks
How to Engineer Your Developer Blog Posts to Have Bigger Impact (pgc)1,740
videos, how-tos, blogging, communication, developer-relations
It’s Official, Meteor 3.0 Official Release Is Out!1,739
release-notes, meteor
Private Browsing 2.0 (wil+/web)1,738
browsers, apple, safari, webkit, privacy
Software Testing Fundamentals1,737
fundamentals, testing
CSS Selectors (geo/css)1,736
css, selectors, overviews
Embracing Functional CSS: Have We Moved On?1,735
css, presentational-html
Getting Stuck: All the Ways “position: sticky” Can Fail (pol)1,734
css, layout
JavaScript Event Loop: A Deep Dive1,733
javascript, event-loop, events, deep-dives
Thoughts on CSS in 2024 (j9t)1,732
css, selectors, resets, logical-properties, custom-properties
To Hell With the Business Case, Again (mat)1,731
accessibility, economics
What ARIA Still Does Not Do (ste)1,730
html, aria, accessibility, standards
An Update on Invokers: Invoker Commands in HTML (uti)1,729
html, modals, pop-overs
13 Cool IntelliJ Features (You Probably Didn’t Know) (das)1,728
videos, intellij-idea, jetbrains, code-editors
Character Modeling in CSS (jul/css)1,727
videos, css, design, creativity, effects
19 Microservices Patterns for System Design Interviews1,726
interviewing, architecture, system-design, microservices
Why Designers Need to Be More Like Gardeners1,725
design, sustainability
It’s Really This Thing That Gets Me (chr)1,724
accessibility, overlays
Verso: A New Browser Based on Servo1,723
browsers, verso, servo
Going With the PDF Reflow (ons/tpg)1,722
accessibility, wcag, pdf
Content Strategy vs. UX Writing (nng)1,721
content, content-strategy, writing, user-experience, comparisons, concepts
“@property”: Next-Gen CSS Variables Now With Universal Browser Support (una)1,720
css, variables, browsers, support, web-platform
25 Open Source AI Tools to Cut Your Development Time in Half1,719
ai, tooling, productivity, foss, link-lists
3 Design Tips From a Gorgeous New Landing Page1,718
videos, design, tips-and-tricks, landing-pages
A Guide to Reading and Writing Node.js Streams (mco/pla)1,717
guides, nodejs, streaming
Converging Web Frameworks (mge)1,716
videos, frameworks
From Web to Native With React1,715
react, migrating
How to Add and Update Social Image Previews in WordPress1,714
social-media, wordpress, plugins, testing
How to Test Web Applications1,713
videos, how-tos, testing, web-apps
The Future of Serverless Is WebAssembly1,712
videos, serverless, webassembly, outlooks
Hiring, Lip Service, and Inclusion1,711
hiring, interviewing, dei, communication
Misconceptions About View Transitions (bra)1,710
css, view-transitions, apis
Feature Detect CSS “@starting-style” Support (bra)1,709
css, transitions, feature-detection, support, browsers
HTML and CSS Techniques for Inverting Colors1,708
css, filters, blend-modes, techniques, colors
How to Check and Document Design Accessibility in Your Mockups (ste)1,707
how-tos, auditing, documentation, prototyping, design, accessibility
Publishing a TypeScript Module to npm vs. JSR (den)1,706
videos, typescript, modules, dependencies, npm, jsr, comparisons
Single-Directionally Allowed Overflow (chr/fro)1,705
css, overflow
Transitive Optimization Considered—Interesting (j9t)1,704
optimization
What Is Joomla: The Ultimate Guide1,703
guides, content-management, joomla
Why “page.goto()” Is Slowing Down Your Playwright Tests (ste)1,702
playwright
Homepage Design: 4 Common Mistakes (nng)1,701
videos, homepages, design, usability, mistakes
Bad Design Is Like a Virus: Design Defects and Latent Failures1,700
design
Rian Rietveld on Understanding the European Accessibility Act and Its Impact on Websites (nat+)1,699
podcasts, interviews, accessibility, legal, eaa, wordpress
Introducing @let in Angular (ang)1,698
introductions, angular
The Bag of Tricks for View Transitions (mar/vtb)1,697
websites, css, view-transitions
Learn About What’s New in Angular 18 From Rakia Ben Sassi (rak+)1,696
videos, angular
15 Page Speed Optimizations That Sites Ignore (at Their Own Risk) (tam/spe)1,695
performance, optimization
Don’t Use web.dev for Accessibility Info (aar)1,694
accessibility, learning
How I Develop Successful Link Building Strategies for My Clients (moz)1,693
seo, strategies, links
“If” CSS Gets Inline Conditionals (geo/css)1,692
css, container-queries, conditionals
Playwright vs. Puppeteer: Which Is Better in 2024? (api)1,691
playwright, puppeteer, automation, testing, tooling, comparisons
Supply Chain Security in npm—We Can Be Optimistic About the Future1,690
npm, dependencies, security, provenance
The Magic of Clip Path (emi)1,689
css, clipping, masking, effects
The Software Engineering Industry in 2024: What Changed in 2 Years, Why, and What Is Next (ger)1,688
videos, career, outlooks
Zoom, Zoom, and Zoom (mia/odd)1,687
zooming, css
Designing Multimodal Interfaces: Voice + Screen1,686
design, voice, prototyping
5 Questions for Miriam Suzanne (mia+/fro)1,685
interviews, css, dei, learning
Exploring the Challenges in Creating an Accessible Sortable List (Drag-and-Drop)1,684
drag-and-drop, accessibility, keyboard-navigation
Leaner npm Packument (Metadata) Contents1,683
npm
A Quick-Ish Accessibility Review: shadcn/ui Charts (ash)1,682
accessibility, information-design, shadcn, tooling, auditing, link-lists
50 Basic Linux Commands1,681
unix-like, command-line
AI Unplugged: Rise (and Fall) of the Robots(.txt)1,680
ai, robotstxt, scraping
How Keyboard Navigation Works in a CSS Game (css/fro)1,679
keyboard-navigation, css, sass
How to Transform Your Approach to Digital Accessibility From a Reactive Break-Fix Cycle to a Proactive Shift Left Approach (deq)1,678
how-tos, accessibility, processes, best-practices
State of Text Rendering 20241,677
fonts, rendering
Utility First CSS Isn’t Inline Styles (css)1,676
videos, css, presentational-html, atomic-css, caching
Interop 2024 Mid-Year Update (rac)1,675
interoperability, web-platform, browsers, support
Sneaky React Memory Leaks: How the React Compiler Won’t Save You1,674
react, memory, compiling
What Is Ladybird? Everything We Know About the New Browser and Web Engine (nim)1,673
browsers, browser-engines, ladybird
A Practical Guide to Designing for Colorblind People1,672
accessibility, guides, design, colors, color-blindness
Advanced Markdown Using Extensions in Laravel (ami)1,671
markdown, laravel
Creativity Is the Byproduct of Work (fon)1,670
processes, creativity, design
Eleventy Buckets and Cascade Layers (mia)1,669
eleventy, cascade, css
How Fast Is JavaScript? Simulating 20,000,000 Particles1,668
javascript, performance
Progressive Web Apps (PWA): A Comprehensive Guide1,667
guides, web-apps, progressive-web-apps, concepts
Speeding Up the JavaScript Ecosystem—Isolated Declarations (mar)1,666
performance, javascript, typescript
System Design Basics—Caching1,665
fundamentals, caching, architecture, system-design
Button Width Styles (don)1,664
buttons, css
Generative AI Is a Climate Disaster (par)1,663
ai, sustainability
How to Try Experimental CSS Features (hui)1,662
how-tos, css, browsers, apple, safari, google, chrome, mozilla, firefox
Optimizing for AI Overviews (moz)1,661
ai, seo
Script Integrity (chr/fro)1,660
embed-code, javascript, security
What’s Coming Next for ESLint (nza/esl)1,659
eslint
What’s New With ECMAScript 2024: An In-Depth Guide on the Latest Features (ele/des)1,658
guest-posts, guides, overviews, ecmascript, asynchronicity
Backend for Frontend (BFF): What You Need to Know1,657
backend-for-frontend, architecture
How to Debug a Node.js App in a Docker Container1,656
how-tos, debugging, nodejs, docker
How to Parse HTML in JavaScript (api)1,655
how-tos, parsing, html, javascript
Ten Years of Vue (With Evan You) (eva+)1,654
podcasts, vuejs, apis, history
Investigating Reddit’s robots.txt Cloaking Strategy1,653
robotstxt, scraping, web
CSS One-Liners to Improve (Almost) Every Project (alv)1,652
css, optimization
Dialog Dilemmas and Modal Mischief (hdv)1,651
videos, modals, pop-overs, accessibility
European Accessibility Act (EAA): Top 20 Key Questions Answered (deq)1,650
legal, eaa, accessibility
Forget “Show, Don’t Tell”—Engage, Don’t Show! (lea)1,649
communication, advocacy, developer-relations, apis
It’s About Time I Tried to Explain What Progressive Enhancement Actually Is (bel/pic)1,648
progressive-enhancement
Mythbusting DOM: Was DOM Invented Alongside HTML?1,647
myths, dom, html, history
SPA vs. MPA: Which Web Architecture Is Right for You?1,646
single-page-apps, multi-page-apps, web-apps, architecture, comparisons
Thoughts on Node.js, Deno, and Bun (nza)1,645
nodejs, deno, bun, comparisons
Why Is This Thing in Dark Mode? (chr/fro)1,644
dark-mode, email
Reasons to Use Your Shell’s Job Control (b0r)1,643
shells, command-line
Feature Detect CSS “@property” Support (bra)1,642
css, support
Canvas Simulations (gra)1,641
ai, canvas
The Silent Crisis in Open Source: When Maintainers Walk Away (bek/ope)1,640
foss, community
CSS Surprise Manga Lines (alv)1,639
css, effects
Guidance on Applying WCAG 2 to Non-Web Information and Communications Technologies (WCAG2ICT) (w3c)1,638
guides, accessibility, wcag
Introducing the MDN HTTP Observatory (mdn)1,637
introductions, mdn, mozilla, http, security
Moving From Express to Fastify (val)1,636
migrating, express, fastify
Opting in to CSS Container Queries for an Existing Design System (hey)1,635
css, container-queries, design-systems
Overlays Misunderstand Accessibility (joe)1,634
accessibility, overlays
Tuesday, July 2, 2024 Security Releases (nod)1,633
release-notes, nodejs, security
TypeScript 5.5: A Blockbuster Release1,632
typescript
WebAuthn: Enhancing Security With Minimal Effort (tbe)1,631
authentication, webauthn, security
Accessible Form Validation From Scratch—Preparing for Validation (dbe)1,630
accessibility, forms, validation
WebAssembly vs. JavaScript: A Comparison1,629
webassembly, javascript, comparisons
Agile Is Not… Agile Is…1,628
agile, concepts
Announcing the Ladybird Browser Initiative1,627
ladybird, browsers
Are Web Components Worth It?1,626
podcasts, web-components, html, dom, shadow-dom
Be Careful Using “Grid” (aar)1,625
terminology, grids
Deploy AWS Lambda Functions With Serverless Framework and Node.js1,624
deploying, aws, serverless, lambda, functions, nodejs
Feedback on a Pagination Pattern (aar)1,623
pagination, accessibility
On Open Source and the Sustainability of the Commons (plo)1,622
foss, licensing
RegreSSHion: Remote Unauthenticated Code Execution Vulnerability in OpenSSH Server1,621
security, ssh, vulnerabilities
The 3 Types of CSS Utility Classes (jam)1,620
css, presentational-html
You Don’t Know Undo/Redo1,619
programming, undo-redo
YouTube Embeds Are Bananas Heavy and It’s Fixable (chr/fro)1,618
embed-code, youtube, performance, tooling
European Accessibility Act (EAA)—What You Need to Know1,617
legal, eaa, accessibility
Layout and Reading Order (rac/css)1,616
videos, css, layout
How to Use Container Queries Now (phi)1,615
how-tos, css, container-queries
How to Annul Promises in JavaScript1,614
how-tos, javascript, promises
7 Ways to Champion Accessibility in Your Company1,613
accessibility, advocacy
Accessible PDF Forms Online—There’s a Catch (ons/tpg)1,612
accessibility, pdf, forms
Why Have a Personal Site Instead of Social Media? (kev)1,611
career, blogging, social-media
Why Toggle Switches Suck (and What to Do Instead) (ada)1,610
design, toggles, usability, anti-patterns
Do Grayscale Images Take Less Space?1,609
images, colors, performance
Create npm Package With CommonJS and ESM Support in TypeScript1,608
npm, dependencies, commonjs, esm, typescript
Figma AI (chs)1,607
figma, ai, design
Integrate Go Library Into a JavaScript Webpage With WebAssembly (td8)1,606
go, javascript, webassembly
A Proposal for MDN to Use the APG1,605
accessibility, documentation, mdn
Browser Support Tests in JavaScript for Modern Web Features (chr/fro)1,604
browsers, support, feature-detection, javascript
“Good Commit” vs. “Your Commit”: How to Write a Perfect Git Commit Message1,603
how-tos, commit-messages, version-control, git
How to Improve Your Microcopy: UX Writing Tips for Non-UX Writers (sma)1,602
how-tos, writing, microcontent, user-experience, tips-and-tricks
How We Tamed Node.js Event Loop Lag: A Deepdive1,601
nodejs, event-loop, events
Strangling the Monolith1,600
videos, monoliths, micro-frontends, migrating
The True Story—as Best I Can Remember—of the Origin of Mosaic and Netscape1,599
videos, history, browsers, mosaic, netscape
This Month in Servo: Text Fields, Better Emoji, Devtools, and More (ser)1,598
release-notes, servo
Checkboxes: Design Guidelines (nng)1,597
forms, design, guidelines, conventions
Product and UX: Study Guide (nng)1,596
guides, product-management, user-experience, training, link-lists
5 Questions for Bramus Van Damme (bra+/fro)1,595
interviews, css, web-platform
Comprehensive React.js Cheatsheet for Developers1,594
react, cheat-sheets
Meaningful Ways to Measure Website Success (web)1,593
metrics, economics
Microsoft 1998 = Apple 20241,592
microsoft, apple, browsers
The Time for Designers to Learn to Code Is Now (bel/pic)1,591
design, career, tooling, training, link-lists
Understanding React Hooks1,590
react, hooks
Why and How You Should Rate-Limit Your API1,589
apis
Don’t Be Fooled by Figma’s New AI Features1,588
figma, ai
A Text-Reveal Effect Using “conic-gradient()” in CSS (pre/fro)1,587
css, functions, gradients, effects
Consent, LLM Scrapers, and Poisoning the Well (eri)1,586
ai, scraping, legal
Ecma International Approves ECMAScript 2024: What’s New? (rau)1,585
ecmascript, standards
Event Loop and Concurrency Model–Task Queue—How the JS Engine Works (fro)1,584
javascript, javascript-engines, event-loop, concurrency
How to Make a Strong Case for Accessibility (vit/sma)1,583
how-tos, accessibility, communication, advocacy
htmx Does Not Play Well With Content Security Policy1,582
htmx, csp
I Got Hacked and Blew Up Prod1,581
career, databases, docker, debugging
The Little Things: Confusing Error Messages (brw)1,580
errors, images, developer-experience
The State of Digital Accessibility in Europe1,579
websites, accessibility, research
Accessibility Object Model (sun+/w3c)1,578
accessibility
Enhancing The New York Times Web Performance With React 181,577
performance, react, case-studies
AI Anxiety and How to Design for It: Resources and Best Practices1,576
ai, link-lists
Polyfill Supply Chain Attack Embeds Malware in JavaScript CDN Assets1,575
security, malware, vulnerabilities
“I Have Never Used a Library, Framework, or an API. I Don’t Know What to Do.”1,574
career, training, programming, libraries, frameworks, apis
New to the Web Platform in June (rac)1,573
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Advanced JavaScript Performance Optimization: Techniques and Patterns1,572
javascript, performance, optimization, techniques, software-design-patterns
Beej’s Guide to Git (bee)1,571
guides, git, command-line, configuration
Beyond Monospace: The Search for the Perfect Coding Font (rom+/evi)1,570
fonts, developer-experience
Catching Compromised Cookies1,569
cookies, security, testing
Network Observability: Beyond Metrics and Logs (leo)1,568
network, observability, monitoring, logging
The Design Purity Trap and How to Escape It (ber)1,567
design, creativity
The EU Accessibility Act—Time to Start Implementation Projects Now1,566
accessibility, compliance, legal
Two New Artificial Intelligence Laws and Their Effects on Accessibility (equ)1,565
accessibility, ai, legal
Backdoor Slipped Into Multiple WordPress Plugins in Ongoing Supply-Chain Attack (dan/ars)1,564
wordpress, plugins, security
From ZeroVer to SemVer: A Comprehensive List of Versioning Schemes in Open Source (and)1,563
foss, versioning, semver, link-lists
How to Set Up Serverless Framework to Deploy AWS Lambda, Queues, and DynamoDB With Node.js1,562
how-tos, serverless, deploying, aws, lambda, nodejs
Use Node Version Manager With Oh My Zsh1,561
nvm, command-line, oh-my-zsh
New JavaScript Set Methods (bsm/mdn)1,560
javascript, methods
Why Do Designers Become Managers?1,559
design, career
AI Ethicists Are Speaking Out, but Are We Listening?1,558
ai, ethics
AI Companies Ignoring robots.txt (mjt)1,557
ai, scraping, robotstxt
Web Design Engineering With the New CSS (mat/css)1,556
videos, css
In Detail: 1.4.11 Non-Text Contrast (User Interface Components) (yat)1,555
accessibility, wcag, colors, contrast, borders
Why Is It So Difficult to Give Best in Class Accessibility Examples of Websites? (cer)1,554
accessibility
Microfeatures I Love in Blogs and Personal Websites1,553
indieweb, blogging, functionality
Concept1,552
design, concepts
7 Use Cases for JavaScript Proxies1,551
javascript
Exploring Randomness in JavaScript1,550
javascript, randomness
No No-JavaScript (dbu)1,549
javascript, css, support, progressive-enhancement, graceful-degradation
Is It Good Design, or Does It Just Look Good?1,548
design
MDX or: How I Learned to Stop Worrying and Love Multimedia Writing (fre/sma)1,547
markdown, mdx, components
Measuring Developer Experience at Google1,546
research, developer-experience, metrics, google
Understanding JWT Authentication: A Comprehensive Guide With Examples1,545
guides, examples, json-web-tokens, authentication
Design Extremes of Custom Accessibility Actions1,544
accessibility, design, customization
Announcing TypeScript 5.5 (dan/typ)1,543
typescript, release-notes
Inline Conditionals in CSS, Now? (lea)1,542
css, conditionals
Node v20.15.0 (LTS) (sat/nod)1,541
release-notes, nodejs
Performance Mistakes You Might Not Realize You Are Making1,540
videos, performance, mistakes, angular
Seamless Screenshot Testing for Compose With Screenshotbot1,539
screenshots, images, regressions, testing, tooling
Simplest View Transitions Multi Page Demo (No JavaScript) (mor)1,538
css, view-transitions, apis, examples
Uniting Web and Native Apps With 4 Unknown JavaScript APIs (mon/sma)1,537
web-apps, native, javascript, apis
Tracking the Impact of Our Content Design Work1,536
content, design, metrics
State of JavaScript 2023 [Results] (sac+/dev)1,535
surveys, metrics, javascript
Bun Is Much Faster Than Node.js 22 at Decoding Base64 Inputs (lem)1,534
bun, nodejs, performance, base64, comparisons
A Rant About Front-End Development1,533
content, html, css, javascript, preprocessors, frameworks, complexity
How to Perform Data Validation in Node.js (app)1,532
how-tos, nodejs, validation
Know the “search” Element (j9t)1,531
html, semantics
npm and Node.js Should Do More to Make ES Modules Easy to Use1,530
npm, nodejs, esm
Positioning Popover Elements (Pseudo-Anchoring) (chr)1,529
pop-overs, javascript, positioning
The Case for Web Components (dav)1,528
books, web-components
The Hacking of Culture and the Creation of Socio-Technical Debt (sch)1,527
culture, security
Understanding React Compiler1,526
react, compiling
Mina Tamang on SEO Techniques That Prioritise the User Experience (nat)1,525
podcasts, interviews, seo, user-experience, techniques
Footnotes Progressively Enhanced to Popovers (chr/fro)1,524
footnotes, pop-overs, progressive-enhancement, javascript, css
A Brief Introduction to Keyboard Accessibility (kar)1,523
introductions, accessibility, keyboard-navigation, focus
Accessibility Maturity Model (w3c)1,522
accessibility, processes, culture, leadership
Building a Responsive Menu With CSS (and No JavaScript) (cor)1,521
responsive-design, css, navigation
Firefox DevTools Newsletter 127 (nic/fir)1,520
release-notes, browsers, mozilla, firefox, dev-tools
How Content Creation Helped Me Land My First Tech Job1,519
content, career
Inline Conditionals in CSS? (lea)1,518
css, conditionals
Some UX Design Principles Startups Should Know1,517
user-experience, design, principles
The Frontend Treadmill (pol)1,516
fundamentals, frameworks, maintenance, craft, career
Writing a WordPress Theme in Less Than 4 KB1,515
wordpress, theming, minimalism, performance
Modern CSS Layout Is Awesome: Talking and Thinking About CSS Layout (mic)1,514
css, layout
Mike McQuaid on 15 Years of Homebrew (mik)1,513
interviews, foss
When Technical Debt Becomes Institutional Knowledge1,512
technical-debt, documentation, economics
A Hands-On Guide to Setting Up Zsh, Oh My Zsh, asdf, and Spaceship Prompt With Zinit for Your Development Environment1,511
guides, zsh, oh-my-zsh
Field Testing CSS Containment for Web Performance Optimization (scr)1,510
css, containment, performance, optimization
What Is the Best Browser for Privacy?1,509
browsers, privacy, comparisons, brave, firefox, tor-browser, vivaldi, epic
How Top HR Agencies Build Trust Through Logo Designs1,508
design, images, logos, branding
Cloud Computing Platforms1,507
cloud-computing, aws, microsoft, azure, google, gcp
htmx 2.0.0 Has Been Released! (htm)1,506
release-notes, htmx
Humanizing Technology in the Age of Conscious AI (uxm)1,505
ai, hci
What Happens When a Major npm Library Goes Commercial? (mco)1,504
npm, dependencies, foss
Building a User-Centered Product-Management Culture (uxm)1,503
product-management, culture, user-experience
Say “No” to “console.log”!1,502
javascript, console
How React 19 (Almost) Made the Internet Slower (cod)1,501
react, performance
The Way We Design AI Looks Like Nostalgia Already1,500
design, ai
How to Increase the Visibility of Error Messages (nng)1,499
videos, how-tos, errors, usability
BEM Modifiers in Pure CSS Nesting1,498
bem, css, nesting
Dealing With Unicode Strings, Done Right and Better1,497
unicode, javascript
Mastering JavaScript Generators1,496
javascript, functions
Design Without Process, or the Form Factor Trap (pav)1,495
design, processes
Dual Publishing ESM and CJS Modules With tsup and “Are the Types Wrong?” (joh)1,494
dependencies, esm, commonjs, tooling, typescript, type-safety
I Made My Own JSON Parser1,493
json, parsing
Minimal SVG Favicon (sto)1,492
svg, images, favicons, minimalism
OAuth Authentication (rya)1,491
authentication, authorization, oauth, security
Researchers Uncover npm Registry Vulnerability to Cache Poisoning and DoS Attacks (sar/soc)1,490
npm, dependencies, vulnerabilities, caching, security
Safari 18—What Web Features Are Usable Across Browsers? (ste)1,489
browsers, apple, safari, support, interoperability, css, javascript
The Basics of DNS: Understanding the Internet’s Directory Service1,488
fundamentals, dns
Virtualization and Containerization With Docker1,487
containerization, docker
What Does “aria-hidden=true” Actually Do to Interactive Elements? (cer)1,486
accessibility, aria, screen-readers, hiding
What Is Mixed Content? (fre)1,485
security, http
UUIDv7 in 22 Languages (ant)1,484
programming, javascript, python, sql, shells, java, php, go, rust, ruby, lua, dart, perl, clojure
How JavaScript Is Finally Improving the Module Experience (mar)1,483
javascript, modules, esm, commonjs, developer-experience, webassembly
HTML Markup Explained: Building Blocks of Modern Web Pages1,482
html, fundamentals
Use of “ch” Unit Considered Inappropriate (in Certain Circumstances) (ric)1,481
css, units, typography
Using AI to Encourage Best Practices in the Code Review Process1,480
research, best-practices, code-reviews, ai
Writing Your First Visual Regression Check in Playwright1,479
design, testing, regressions, playwright
Difference Between Docker, Kubernetes, and Podman for System Design Interview?1,478
docker, kubernetes, podman, architecture, system-design, interviewing, concepts
Setting Up Typography Variables in Figma1,477
figma, typography, variables
Why You Should Use Redux in 2024 (git)1,476
videos, redux, state-management
What Are CSS Container Style Queries Good For? (mon/sma)1,475
css, style-queries, container-queries
2-Page Login Pattern, and How to Fix It (vit/sma)1,474
forms, usability, user-experience, authentication
Don’t Refactor the Code1,473
refactoring, technical-debt, maintenance, terminology
Every Website and Web App Should Have a Service Worker (cfe)1,472
javascript, web-workers
How to Create Truly Accessible Forms (cjf)1,471
videos, how-tos, accessibility, forms
Learn Grid Now, Container Queries Can Wait (mia/odd)1,470
css, grids, layout, container-queries
Web Platform Features Explorer1,469
web-platform, support, browsers
Perfect Bug Report1,468
websites, writing, quality, bugs
Lesser-Known CSS Features That You Should Learn Now1,467
css, functions
Blazing Fast Websites With Speculation Rules (deb)1,466
performance, speculation
Can You Be Creative Just by Creating?1,465
design, creativity
Node.js Is Here to Stay (mco/pla)1,464
nodejs, metrics
One of the Boss Battles of CSS Is Almost Won! Transitioning to “auto” (chr/fro)1,463
css, functions, transitions, animations
React Compiler—What, Why, and How? (fro)1,462
react, compiling, memoization, nextjs
Try Out Your Website in the Spatial Web (jon+/web)1,461
spatial-web, testing, browsers, apple, safari, webkit
A Quick and Easy Guide to Markdown (bel/pic)1,460
guides, markdown
Angular Directives vs. Vue Directives1,459
angular, vuejs, comparisons
Define Your Rock-Solid Design System Components1,458
design-systems, components
Highlight Areas That the Browser Engine Re-Paints (pat/dev)1,457
performance, debugging, painting, browser-engines, browsers, google, chrome, microsoft, edge, apple, safari
How to Hack Your Google Lighthouse Scores in 2024 (whi/sma)1,456
how-tos, performance, google, lighthouse
I’ve Been Writing TypeScript Without Understanding It1,455
typescript
Node v22.3.0 (Current) (raf/nod)1,454
release-notes, nodejs
Opinions for Writing Good CSS (wal)1,453
css, principles, conventions
Streaming HTML—Asynchronous DOM Updates Without JavaScript (inf)1,452
html, asynchronicity, dom, streaming
Stunning Staggered CSS Animation/Transition on Page Load (zor/css)1,451
videos, css, animations, transitions
The European Accessibility Act and Irish Law (equ)1,450
accessibility, legal, eaa
The Next Big Thing in CSS: “margin-trim”1,449
videos, css, margins
Weak Memoization in JavaScript1,448
javascript, memoization
See What’s New in Firefox [127.0] (moz)1,447
release-notes, browsers, mozilla, firefox
What Comes After Flat Design? (mar)1,446
design, flat-design, trends
10 Years of Vue: The Past and the Future (eva)1,445
videos, vuejs, history, outlooks
Building a Bulletproof CI/CD Pipeline: A Comprehensive Guide1,444
guides, ci-cd
Can ADA Title II Local Government Accessibility Be Efficient? A Response to Richard Hunt1,443
accessibility, ada, legal
CSS Container Queries (geo/css)1,442
css, container-queries, overviews
Ethical Web Principles (tor+/w3c)1,441
web, principles, ethics, w3c
How to Browse the Web With the Keyboard Alone (tem)1,440
how-tos, accessibility, keyboard-navigation
How to Compose JavaScript Functions That Take Multiple Parameters (The Epic Guide) (jrs)1,439
guides, how-tos, javascript, functions
How to Decide if Engineering Management Is for You (fro)1,438
how-tos, engineering-management, career
Refactoring a Scroll-Driven Animation From JavaScript to CSS (and)1,437
refactoring, scrolling, animations, javascript, css
Sustainable Computing in the New World of AI1,436
sustainability, ai
The Biggest TypeScript Update in Years1,435
videos, typescript
Top 12 Git Commands Every Developer Must Know (its)1,434
git, command-line
Comprehensive Guide to Debouncing in JavaScript: Improve Your Code Efficiency1,433
guides, javascript, debouncing, efficiency
Investigating INP Issues (ste)1,432
performance, web-vitals, debugging
I’ve Worked in IT for Over 10 Years—Here Are 5 Things I Wish I Knew When I Started1,431
career, retrospectives
Support for “aria-errormessage” Is Getting Better, but Still Not There Yet (cer)1,430
accessibility, aria, errors, support, browsers, assistive-tech
Using Node.js’s Test Runner (nod)1,429
nodejs, testing
17 Developer Tools That Keep Me Productive1,428
tooling, productivity, efficiency, automation, link-lists
Glassmorphism: Definition and Best Practices (nng)1,427
design, effects, best-practices
Rust Growing Fastest, but JavaScript Reigns Supreme1,426
programming, comparisons, rust, go, javascript, lua, dart, java, ruby, php, python
Find Slow Interactions in the Field (mal)1,425
performance, apis
Ditch the Pixels: The Small and Vectorized Web (yor)1,424
html, svg, images
Git Branching Strategy Guide1,423
guides, git
How to Use “rem” Units in CSS for Accessible Design (a11)1,422
how-tos, css, units, accessibility
HTML Cheat Sheets: From Basics to Advanced Elements1,421
fundamentals, html, semantics, examples, cheat-sheets
Improving Web Accessibility With Web Platform Tests (web)1,420
accessibility, web-platform, testing
Live Demos of Stand Alone Web Components (chr/fro)1,419
web-components, examples, link-lists
The Ultimate Guide to Accessible Website Design1,418
guides, accessibility, user-experience
The Ultimate Guide to Iframes (log)1,417
guides, iframes, html, javascript, security
CSS-Only Custom Range Slider With Motion (bra)1,416
sliders, css, effects, examples
Is AI Killing Human Passion?1,415
ai, design, creativity
Profiling Node.js Applications (bet)1,414
nodejs, monitoring, profiling
Cap Unit (sha)1,413
css, units
Control JavaScript Promises From Anywhere Using “Promise.withResolvers()” (fro)1,412
javascript, promises
Doing My Heading In (ste+)1,411
interviews, html, headings, accessibility
Full Stack Web Push API Guide (boc)1,410
guides, apis, notifications, functionality
Maybe Don’t Name That Landmark (aar)1,409
html, semantics, accessibility
Reflection and Custom States in Web Components (cla)1,408
html, web-components
Top Development Cheat Sheets for 20241,407
cheat-sheets, link-lists, programming, css
Your Node Is Leaking Memory? “setTimeout” Could Be the Reason (mit)1,406
nodejs, memory, time, javascript, garbage-collection
Why Do We Skip the Research Phase at All?1,405
user-experience, research
Using Critical CSS for Faster Rendering (spe)1,404
css, critical-path, performance, rendering
Angular PWA Guide for Developers1,403
guides, angular, web-apps, progressive-web-apps
A Modern Approach to Browser Support (ric)1,402
browsers, support, progressive-enhancement
Death by Experience (j9t)1,401
leadership, engineering-management, career, culture
Display the Specificity of a CSS Selector (pat/dev)1,400
css, selectors, cascade, dev-tools, browsers, google, chrome, microsoft, edge, apple, safari, mozilla, firefox
Fine-Tuning Text Inputs (gar)1,399
forms, html, attributes, usability
Generating ZIP Files With JavaScript1,398
javascript, code-generation
How to Build a New Feature for the Web Platform—and Make It a Success With Developers (web)1,397
discussions, how-tos, standards, web-platform
The Unclear Case of Usability Widgets on Your Website (eri)1,396
accessibility, usability, embed-code, maintainability
How Deep Is Your DOM? (max)1,395
dom, performance, lighthouse, google
Follow Your Favorite Web Dev Topics With Topic Feeds (fro)1,394
frontend-dogma, syndication, rss
WebAssembly JSPI Has a New API1,393
webassembly, apis
Analyze CSS Selector Performance During Recalculate Style Events1,392
browsers, google, chrome, dev-tools, performance, selectors, css
CSS Length Units (geo/css)1,391
css, units, overviews
How a Single Vulnerability Can Bring Down the JavaScript Ecosystem1,390
javascript, npm, dependencies, caching, vulnerabilities, security
How to Build an Effective UX Pipeline From User Research to Usability Testing (uxm)1,389
how-tos, user-experience, research, testing
“Just” One Line (jim)1,388
craft, embed-code
Let’s Hang! An Intro to CSS Anchor Positioning With Basic Examples (uti)1,387
introductions, css, anchor-positioning, examples
Minimalism (zer)1,386
minimalism, unix-like
Promises From the Ground Up (jos)1,385
javascript, promises
Witnessing the Death of the Web as a News Medium (cod)1,384
web, content, seo, sem, history
Introduction to Selenium for QA Automation: The Essential Guide1,383
introductions, guides, selenium, testing, quality, automation
What’s Wrong With VPATs?1,382
accessibility, vpat-acr
Collaboration, the Future of CSS, Sass, and the Web With Miriam Suzanne (mia/sch)1,381
videos, interviews, collaboration, css, sass, outlooks
How to Use Corepack (mat)1,380
how-tos, nodejs, corepack, dependencies
Node.js Best Practices: A Guide for Developers1,379
guides, best-practices, nodejs
Write SOLID React Hooks1,378
react, hooks, principles, solid
Transforming UX With Generative AI1,377
user-experience, ai
The Power of Beauty in Communicating Complex Ideas1,376
design, aesthetics, art, craft, communication
A Practical Guide Against Barrel Files for Library Authors1,375
guides, javascript, libraries, anti-patterns
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)1,374
html, semantics, accessibility, seo, maintainability, performance
Upgrading to Eleventy v3 (mxb)1,373
eleventy
World Wide Accessibility—Benefits of Standardization (cer)1,372
accessibility, standards, legal, web
Does Serverless Still Matter?1,371
serverless, servers, architecture
es-toolkit1,370
libraries, javascript
Facilitating Diversity and Inclusion in Scrum Teams1,369
agile, processes, dei
Flow Charts With CSS Anchor Positioning1,368
css, apis, anchor-positioning, examples
Nesting/Overriding Properties in CSS (chr/fro)1,367
css, nesting
Single CSS Keyframe Tricks Are Magic (arg)1,366
videos, css, animations, tips-and-tricks
Strategies for Effective Urgent Ticket Classification1,365
documentation, processes, productivity, strategies
The Gap (sha)1,364
css, layout
Transition to “height: auto;” and “display: none;” Using Pure CSS (zor/css)1,363
videos, css, transitions
Applying the Four Principles of Accessibility (ada)1,362
accessibility, wcag, principles
CSS in Depth, Second Edition (kei)1,361
books, css
Engineering for Slow Internet1,360
performance, user-experience
htmx: Simplicity in an Age of Complicated Solutions1,359
htmx, simplicity
Live Types in a TypeScript Monorepo1,358
typescript, monorepos
How to Classify Your Design System—a Framework (hs)1,357
how-tos, design-systems
Frontend Dogma on the Web (fro)1,356
frontend-dogma, link-lists
Building Tech That Respects Our Rights (lau/btc)1,355
videos, privacy, product-management, career
Decision Trees for UI Components (vit/sma)1,354
design, components, processes
Generics in TypeScript (fro)1,353
typescript, generics
How to Make a CSS Timer (pre/fro)1,352
how-tos, css
Responsive Video Works Now—These Features Could Make It Work Better (sco)1,351
multimedia, responsive-design, performance, html
The Different Ways to Build a Resilient Website or Web App (cfe)1,350
resilience, comparisons
The Linear Method: Opinionated Software (fig)1,349
product-management, technical-debt, processes
Why We Don’t Have a Laravel for JavaScript… Yet1,348
laravel, javascript
What to Know About the Open Versus Closed Software Debate (nyt)1,347
foss, ai
10 Modern Node.js Runtime Features to Start Using in 20241,346
nodejs
Data Fetching Patterns in Single-Page Applications (mfo)1,345
data-fetching, software-design-patterns, single-page-apps
New to the Web Platform in May (rac)1,344
release-notes, web-platform, browsers, google, chrome, apple, safari, mozilla, firefox
Angular Basics: The Course1,343
courses, angular, fundamentals
Centering Content Vertically With One Line of CSS (ami)1,342
css, flexbox, grids, centering
Creating an Accessible Toggle Switch in Tailwind CSS1,341
tailwind, accessibility, toggles
How to Assess Your Skill Level Before Contributing to Open Source (bek/ope)1,340
how-tos, foss, collaboration
Inside Bluesky’s Engineering Culture (ger+)1,339
bluesky, culture, deep-dives
My Approach to Alt Text (aar)1,338
accessibility, images, processes, alt-text, link-lists
SSL for Localhost Takes 5 Seconds Now1,337
ssl, testing, environments
The Era of Platform Primitives Is Finally Here (ati/sma)1,336
frameworks, netlify
Typographer vs. Accessibility (pim/btc)1,335
videos, accessibility, typography
What’s New in Angular 181,334
angular
Why Is Kubernetes Debugging So Problematic? (deb)1,333
kubernetes, debugging
Your Site or App Should Work as Much as Possible Without JavaScript (cfe)1,332
javascript, resilience, graceful-degradation
An Even Faster Microsoft Edge1,331
browsers, microsoft, edge
3 Essential Design Trends, June 2024 (web)1,330
design, trends
Alt Left (ste)1,329
accessibility, html, images, alt-text, anti-patterns
Here’s What We Learned From the First “State of HTML” Survey (sac/fro)1,328
html, lessons
How Can OKRs Empower the Scrum Teams?1,327
processes, agile, scrum, okr
How to Deploy Your Own Website on AWS1,326
how-tos, deploying, aws
Laravel Under the Hood—Extending the Framework1,325
laravel, extensibility
WP21 (pho)1,324
wordpress
What We Can Learn From the Guy Who Regrets Making Pop-Up Ads (bet)1,323
design, pop-ups, ai
Progressively Enhanced Popover Toggletips (mic)1,322
html, pop-overs, apis, progressive-enhancement
Lazy Load Components in Nuxt to Improve Performance (jac)1,321
nuxt, performance, lazy-loading, components
A Little DevTools Snippet to Check Broken Links on a Webpage (ami)1,320
browsers, dev-tools, javascript, link-rot, testing
Fast Ways to Estimate Capacity (cwo)1,319
project-management, processes
Masonry and Reading Order (rac)1,318
css, layout, masonry
Node.js Performance Hooks: Mastering the Mental Model (pav)1,317
nodejs, performance, hooks
Old Dogs, New CSS Tricks (mxb)1,316
css
New Magic for Animations in CSS (chs)1,315
css, animations
No More Pixel Rounding Issues (css)1,314
css, functions, tips-and-tricks
The Long Path of JavaScript—from ES6 Until Today1,313
javascript, ecmascript, history
Understanding Organizational Capacity: Why It Matters in OKR Practice (cwo)1,312
economics, leadership, engineering-management, processes, okr
Want Out of React Complexity? Try Vue’s Progressive Framework (ric)1,311
react, vuejs, frameworks, comparisons
A Complete Guide for Adding Captions to YouTube Videos (pop)1,310
guides, multimedia, captions, youtube, accessibility
Building an Instinct for Metrics (cwo)1,309
metrics
Consensus in Internet Standards (mno)1,308
collaboration, communication, standards, web-platform
JSR: The JavaScript Package Registry We’ve Been Waiting For1,307
jsr, dependencies
Multipage Version (wil)1,306
websites, html
Reducing Code Review Time at Google1,305
research, google, code-reviews, ai, productivity
Switching It Up With HTML’s Latest Control (sma)1,304
html, forms
Why, After 6 Years, I’m Over GraphQL1,303
graphql, apis
Design Systems vs. Style Guides (nng)1,302
design-systems, style-guides, comparisons, design, documentation, terminology, concepts
Animating the Dialog Element (fro)1,301
css, animations, modals
Astro 4.9 (blu+)1,300
release-notes, astro
Best Practices for Naming Design Tokens, Components, Variables, and More (sma)1,299
naming, design-tokens, components, variables, best-practices
HTML Tags You Might Not Know About1,298
html
Notes on Implementing Dark Mode1,297
dark-mode, javascript, tailwind
Predictors of Postsecondary Web Accessibility, 2012 to 20221,296
studies, research, accessibility, history
Storybook 8.1 (shi/sto)1,295
release-notes, storybook
uBlock Origin: Let’s Read the Code! (ant)1,294
videos, case-studies
Why Do We Celebrate Incompetent Leaders?1,293
videos, leadership
Did We Fail to Develop the Next Generation of Designers?1,292
design, career, leadership, history
Kawaii Computing: What VTubers Can Teach Us About Design1,291
design, user-experience, culture
Two Important AI Developments Affecting Accessibility1,290
accessibility, ai, legal
Danger! Preventing Zoom From Changing Text Size (chr/fro)1,289
accessibility, zooming, resizing
Modern CSS Layouts: You Might Not Need a Framework for That (uti/sma)1,288
css, layout, frameworks
Not So Short Note on “aria-label” Usage—Big Table Edition (ste)1,287
accessibility, aria, labels, html
Popover Element Entry and Exit Animations in a Few Lines of CSS (paw)1,286
pop-overs, css, animations
Release Notes for Safari Technology Preview 195 (jon/web)1,285
release-notes, browsers, apple, safari
Speeding Up File Load Times, One Page at a Time (fig)1,284
figma, performance
Webmentions in Astro (for Blog Posts) (stv)1,283
astro, webmentions
What AI Can Do for (and to) Web Accessibility (ons/tpg)1,282
videos, accessibility, ai
When Should We Use Components and When Should We Just Use HTML? (chr)1,281
html, components, web-components
Why Are There No Mobile Accessibility Guidelines in WCAG?1,280
accessibility, wcag, mobile
Angular v18 Is Now Available! (mge/ang)1,279
release-notes, angular
DOJ ADA Title II: Small Government WCAG Accessibility Guide1,278
guides, accessibility, ada, wcag, legal
Using Footnotes (mfo)1,277
footnotes, content, writing, semantics
A Primer on JavaScript Proxies (cfe)1,276
introductions, javascript
“contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (eri)1,275
accessibility, colors, contrast, css, functions
Growth or Scale?1,274
sustainability, scalability
Hidden vs. Disabled in UX (vit/sma)1,273
user-experience, comparisons, design-patterns
I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024 (zac)1,272
eleventy
Introducing JSR (den)1,271
videos, introductions, jsr
Not Always Mobile First (css)1,270
responsive-design, mobile-first, mobile, css, processes
State of Frontend 2024 Survey1,269
surveys
Test-Driving HTML Templates (xpm/mfo)1,268
html, templates, testing, server-side-rendering, conformance
We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (j9t)1,267
html, conformance, craft, quality
Here’s What We’re Working on in Firefox (moz)1,266
browsers, mozilla, firefox
CSS Specificity for WordPress 6.6 (wor)1,265
discussions, wordpress, css, selectors, cascade
We’ve Got Container Queries Now, but Are We Actually Using Them? (chr/fro)1,264
css, container-queries
Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (uxm)1,263
user-experience, logging, monitoring, observability
CSS “:has()”, the God Selector (bru)1,262
css, selectors
UI Density1,261
design, information-design, metrics
The Art of Not Being So Freaking Pushy1,260
design, user-experience, microcontent, buttons
CodeFlattener1,259
packages, npm, javascript
Stop Resizing Your Browser: Improve Testing for Responsiveness (jen)1,258
browsers, testing, responsive-design
“<style>”: Inline Optimizations for the Bold (mor)1,257
html, css, performance, optimization
Web Content Has a Maintenance Problem (ger)1,256
web, content, maintenance, processes, sustainability
Process1,255
processes