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

Frontend Dogma

“2024” News Archive (4)

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