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