Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2024” News Archive (4)

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