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

Frontend Dogma

News and Tools for Web Developers (12)

→ Stay up-to-date on all topics by various RSS feeds (main feed: only $12/year), on Mastodon, and on Bluesky (other channels)

Entry (Sources) and TopicsDate#
[pnpm] v9.0.0 (pnp)13,821
release-notes, pnpm
Making Disabled Buttons More Accessible13,820
accessibility, buttons, html, aria
Electron 30.0.0 (kee/ele)13,819
release-notes, electron
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (ope)13,818
foss, security, openjs
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)13,817
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)13,816
cookies, consent-management, performance
Ethics in Times of Growth Design13,815
design, ethics
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)13,814
html, attributes, forms, usability
Document Collaboration (With Comments!) (chr/fro)13,813
documentation, collaboration, comparisons, link-lists
CSS in React Server Components (jos)13,812
css, javascript, react, components, css-in-js
ARIA in HTML (sco+/w3c)13,811
standards, accessibility, aria, html
An Intro to Flexbox (cfe)13,810
introductions, css, flexbox, layout
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)13,809
accessibility
Interview With Senior JS Developer 202413,808
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)13,807
accessibility, auditing, tooling
Why Many Junior Developers Quit Programming (tip)13,806
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)13,805
apis, dark-mode
Things You Should Do in Your Dev Journey13,804
career
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)13,803
html, skip-links, accessibility, mobile
How to Write a Code Formatter13,802
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)13,801
quality, craft, accessibility, usability, user-experience, conformance, performance
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment)13,800
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
Sliding 3D Image Frames in CSS (css/sma)13,799
css, images, techniques
Naming Colors in Design Systems13,798
naming, colors, design-systems
Monitoring BFCache Blocking Reasons (chr/mdn)13,797
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)13,796
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)13,795
how-tos, css, grids, layout, maintainability
How Do Open Source Licenses Work? The Ultimate Guide (the)13,794
guides, foss, licensing
Blockin’ Bots (bee)13,793
scraping, ai, apache, configuration
10 Things Software Developers Should Learn About Learning13,792
research, learning
Purging Design System “Rot” From Our Checkboxes (chu)13,791
design-systems, maintenance, quality, accessibility, case-studies
Zombie Estimation13,790
agile, scrum, processes, project-management
Why I’m Embracing the Arc Browser13,789
browsers, arc, the-browser-company
Web Accessibility Statement: How to Write One13,788
how-tos, accessibility, documentation, writing
Unleashing Designers With Tailwind CSS13,787
videos, tailwind, design, processes
The Dos and Don’ts of Using “tabindex” in Web Design (a11)13,786
accessibility, keyboard-navigation, html
Socks, Lies, and Accessibility13,785
accessibility, awareness-days, link-lists
Quick Tip: How to Animate Text Gradients and Patterns in CSS13,784
tips-and-tricks, how-tos, animations, gradients, css
npm Basics for New Developers (nim)13,783
fundamentals, npm
Let Me Be13,782
videos, javascript
Gap Is the New Margin (chr/fro)13,781
css, margins, layout
Epic App Performance Starts With the Database13,780
videos, performance, databases, optimization
CSS Tricks to Master the “clip-path” Property (css)13,779
css, masking, clipping, tips-and-tricks
Complete a VPAT: Show How Accessible Your Product Is (deq)13,778
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)13,777
introductions, css, grids, layout
Accessible Interactions in JavaScript Apps (san)13,776
videos, accessibility, javascript, aria
A Comparison of Automated Testing Tools for Digital Accessibility (equ)13,775
accessibility, testing, tooling, automation, comparisons
Frontend Development Beyond React: Svelte13,774
svelte
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions (uxd)13,773
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)13,772
release-notes, nodejs, security
The Guide to Git I Never Had13,771
guides, git, command-line, cheat-sheets
The Future of Design Systems Is Marketing (fig)13,770
design-systems, marketing, metrics
Release Notes for Safari Technology Preview 192 (jon/web)13,769
release-notes, browsers, apple, safari
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)13,768
webkit, browsers, apple, safari, performance, optimization
Notes on Git’s Error Messages (b0r)13,767
git, errors
JS Naked Day (mac+)13,766
websites, javascript, awareness-days
I Never Knew a Website Could Hurt Someone (kar)13,765
videos, accessibility
Happy CSS Naked Day 2024 (fro)13,764
frontend-dogma, css, awareness-days
Is the Party Over for Scrum Masters and Agile Coaches?13,763
agile, scrum, career
Understanding Interaction to Next Paint (INP) (wil/fro)13,762
performance, web-vitals
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (tpg)13,761
accessibility, ada, legal, web, mobile
Sending Email Using Node.js (cra)13,760
nodejs, email
Recapping ng-conf 202413,759
angular
React Server Components in a Nutshell (the)13,758
react, components
Layered Toggles: Optional CSS Mixins (kiz)13,757
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)13,756
design, processes, prototyping, figma, html, comparisons
An Introduction to the Node.js Performance API (bet)13,755
introductions, nodejs, performance, apis
Ableism and Related Terms You Need to Know (mer)13,754
terminology, communication, dei
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution13,753
react, history
Building a CLI From Scratch With TypeScript and oclif13,752
command-line, typescript
DORA’s Software Delivery Metrics: The Four Keys13,751
processes, metrics
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities13,750
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)13,749
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)13,748
user-experience, ai, hci
Things That I Like Better in Vue Than in React13,747
vuejs, react, frameworks, comparisons
The Death of Creativity13,746
creativity, ai
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)13,745
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Node.js Debugging in Chrome DevTools (chr/fro)13,744
nodejs, debugging, tooling, browsers, google, chrome, dev-tools
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)13,743
design, communication
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities13,742
accessibility, legal, web, mobile
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)13,741
redesigning, strategies, dei, accessibility
How I Write Commits Like a Pro13,740
version-control, git, commit-messages, conventions
Creating a Navbar in React13,739
navigation, react, css
Blind Internet Users Struggle With Error-Prone AI Aids (fin)13,738
accessibility, ai
10 Must Know System Design Concepts for Interviews13,737
interviewing, architecture, system-design, concepts, scalability
Testing HTML With Modern CSS (hey)13,736
html, css, testing, quality
Jekyll vs. Astro (koo)13,735
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)13,734
html, images, performance
Demystifying the Shadow DOM13,733
dom, shadow-dom
[zx] 8.0.013,732
release-notes, zx
Why I’m Yet Another Woman Leaving the Tech Industry13,731
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)13,730
accessibility, user-experience, keyboard-navigation, skip-links, wcag
Reviewing Polypane for Responsive Website Tweaks13,729
videos, polypane, browsers
How to Think About HTML Responsive Images (db)13,728
how-tos, html, images, responsive-design
21 HTML Tips You Must Know About13,727
html, tips-and-tricks
Breakpoints in Responsive Design (nng)13,726
design, responsive-design, usability
The Free Software Commons (jen)13,725
foss, community, security
Should Designers Code? (bra)13,724
design, career
Managing User Focus With “:focus-visible” (css)13,723
css, selectors, focus
How to Make Your Website Work Offline13,722
how-tos, web-workers, offline, javascript
ESLint v9.0.0 Released (nza/esl)13,721
release-notes, eslint
Drive-By Accessibility Tweaks (bru)13,720
accessibility
DevTools Tips and Tricks (fro)13,719
browsers, dev-tools, tips-and-tricks
Creativity in Software Engineering13,718
research, creativity, programming
“AI” Won’t Solve Accessibility (yat)13,717
accessibility, ai
When to Use “tabindex="0"” (gra/tet)13,716
accessibility, keyboard-navigation, focus, html
The V8 Sandbox13,715
v8, security
The Basics of Legibility13,714
fundamentals, typography, legibility
Rounded Tabs With Inner Curves (css)13,713
css, effects, tips-and-tricks
Modern CSS Patterns in Campfire13,712
css, case-studies
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue13,711
videos, javascript, visualization, event-loop, events, apis
How to Strongly Type process.env (mat)13,710
how-tos, typescript, nodejs
Heat Death of the Internet13,709
web
Building Components With Radix UI13,708
radix, components
AI and the Future of Web Accessibility Guidelines13,707
discussions, accessibility, wcag, standards, ai, w3c
A Complete Guide to CSS Logical Properties, With Cheat Sheet13,706
guides, css, logical-properties, cheat-sheets
In-Page Links: 3 Usability Tips (nng)13,705
videos, links, usability, tips-and-tricks
Wednesday, April 3, 2024 Security Releases (nod)13,704
release-notes, nodejs, security
Using JSON Web Tokens With Node.js13,703
json-web-tokens, nodejs, security, authentication
Theming Design Systems (per)13,702
design-systems, theming
The View Transitions API (cas/fro)13,701
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)13,700
svelte, html, parsing
Introducing Jpegli: A New JPEG Coding Library13,699
introductions, jpeg, images, libraries, compression
How to Build a Simple Web Server With Node.js13,698
how-tos, servers, nodejs
Hanging Punctuation in CSS (ada)13,697
css, typography
Fluid Typography With Discrete Steps (css)13,696
css, typography, tips-and-tricks
Finally Understand Responsive Design13,695
videos, responsive-design, css
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?13,694
dns, security
BFCache Explained13,693
bfcache, browsers, performance
“aspect-ratio” Gotcha (css)13,692
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)13,691
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)13,690
ai, web
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)13,689
how-tos, html, conformance, performance
WordPress 6.5 “Regina” (pho/wor)13,688
release-notes, wordpress
WebAssembly at Google (tom)13,687
videos, webassembly, google
Learn JavaScript (wil/dev)13,686
courses, javascript
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)13,685
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)13,684
css, theming
How to Get Somebody Fired Using Git13,683
version-control, git, career
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)13,682
css, anchor-positioning
Authentication in Next.js (rwi)13,681
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)13,680
guides, css, container-queries
The Era of High-Paying Tech Jobs Is Over13,679
programming, career, ai, economics
What Even Is a JSON Number?13,678
json, terminology
The Detail, the Quality13,677
design, quality
Micro Frontends With Native Federation13,676
micro-frontends, comparisons
Bun 1.1 (jar+/bun)13,675
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)13,674
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)13,673
user-experience, tooling, link-lists
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time13,672
tooling, nodejs, deno, bun
Why I Care Deeply About Web Accessibility and You Should Too (sch)13,671
accessibility, web
The DevOps Basics13,670
dev-ops, fundamentals
Object Structure in JavaScript Engines13,669
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)13,668
accessibility
Kobold Letters (wed)13,667
html, email, support
10 JavaScript Sites Every Web Developer Should Know13,666
javascript, learning, link-lists
Some Samples Using UIkit13,665
uikit
Design Is a Process of Getting Stuck (fon)13,664
design, processes
What Negative Effects Does a Bad Website Design Have on My Business? (web)13,663
design, economics
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)13,662
studies, research, accessibility, homepages, metrics
The Power of “:has()” in CSS (css)13,661
css, selectors
The Easy Way to Access the Last JavaScript Array Element13,660
javascript, arrays
The Curious Case of the CSS Monochrome Media Query (sea)13,659
css, media-queries
“@ scope” Is Coming to CSS and It’s Amazing (kev)13,658
videos, css, scope
On “disabled” and “aria-disabled” Attributes (kit)13,657
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)13,656
career
Figma Plugins (tmc)13,655
figma, plugins
History of JS Interop in Dart13,654
javascript, dart, interoperability, history
What’s New in DevTools, Chrome 124 (dev)13,653
release-notes, dev-tools, browsers, google, chrome
The Complete Guide to Captioned Videos (mer)13,652
guides, accessibility, captions, multimedia
Release Notes for Safari Technology Preview 191 (jon/web)13,651
release-notes, browsers, apple, safari
New to the Web Platform in March (rac/dev)13,650
release-notes, web-platform, browsers, mozilla, firefox, apple, safari, google, chrome
Improving the Developer Experience of Enterprise Design Systems13,649
design-systems, developer-experience, optimization
Finally Understanding How “Array.sort(comparator)” Works (jam)13,648
javascript, arrays
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra/dev)13,647
css, functions, colors, dark-mode
A Guide to Building CLI Tools in JavaScript13,646
guides, tooling, command-line, javascript, nodejs
ai.robots.txt (cor)13,645
ai, crawling, scraping, robotstxt, tooling
Meet Angular’s New “output()” API (ang)13,644
angular, apis
What Even Are Dragging Movements? (cat)13,643
accessibility, interaction-design, terminology
Iterator Helpers13,642
ecmascript, javascript, javascript-engines, v8
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)13,641
browsers, mobile, privacy, security
How I Fixed My Brutal TTFB (whi/sen)13,640
performance, metrics, optimization
Flickering Glowing Text Effect With CSS (man)13,639
css, effects
Convention Over Creativity? The Ups and Downs of UX Design (uxd)13,638
user-experience, design
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)13,637
css, overviews
Quick Tip: How to Align Column Rows With CSS Subgrid13,636
tips-and-tricks, how-tos, css, grids, layout, alignment
Node v20.12.0 (LTS) (nod)13,635
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests13,634
how-tos, jquery, ajax, functions, asynchronicity
How to Take Control of Flexbox (kev)13,633
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)13,632
html, conformance, performance
How Does npx Actually Work and When to Use It13,631
npx, nodejs
History of Web Accessibility13,630
videos, accessibility, history
Exploring the Power of ARIA Live Attribute in Web Accessibility13,629
accessibility, aria, attributes
CSS Anchor Positioning (tab+/w3c)13,628
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)13,627
accessibility
Animating Clip Paths on Scroll With “@ property” in CSS (uti)13,626
css, animations, scrolling, clipping, masking
How to Consolidate Multiple Design Systems (uxd)13,625
how-tos, design-systems, processes
Error Messages 101 (nng)13,624
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)13,623
colors, dark-mode, css, javascript
7 Simple Rules for Better Data Visualization13,622
information-design
How Does Single Sign-On (SSO) Work? (mil)13,621
authentication, security
CORS Finally Explained—Simply13,620
security, csrf, cors, concepts
Spicing Up Text With “text-emphasis” in CSS (ami)13,619
css, typography, effects
No One Actually Wants Accessibility13,618
accessibility
New CSS That Can Actually Be Used in 2024 (tho)13,617
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
JavaScript Visualized: Promise Execution13,616
javascript, promises, visualization
Incredible JavaScript Animation Libraries13,615
javascript, animations, libraries, link-lists
Diving Into the Node.js Website Redesign (bri/nod)13,614
redesigning, case-studies
AI Can Make a Code Review for Free13,613
ai, code-reviews, tooling
Radix Themes 3.013,612
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+/dev)13,611
nodejs, performance, debugging, browsers, google, chrome, dev-tools
Learn OAuth 2.0 by Building Your Own OAuth Client13,610
authorization, oauth, functionality
ARIA “role=application” and Mobile Screen Readers (cer)13,609
accessibility, aria, screen-readers, mobile
12 Figma Tips to Work More Efficiently (uxd)13,608
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)13,607
git
The Cost of Interrupted Work: More Speed and Stress13,606
research, productivity, processes
Quick Tip: How to Add Gradient Effects and Patterns to Text13,605
tips-and-tricks, how-tos, css, gradients, effects
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)13,604
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)13,603
css, units
Don’t Get Scammed by Fake Performance Experts and Apps13,602
performance, tooling
CSS Values and Units Module Level 3 (tab+/w3c)13,601
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)13,600
accessibility, captcha
Accessible Forms With Pseudo Classes (css)13,599
accessibility, forms, css, selectors
Microservices Promised Freedom but Delivered Dependencies (pur)13,598
microservices, dependencies
Avoid These Design System Traps13,597
design-systems
Welcome to Future of Web Accessibility Based on Predictors (jar+)13,596
videos, accessibility, outlooks
This Pattern Will Wreck Your React App’s TS Performance (mat)13,595
design-patterns, react, typescript, performance
Relicensing and Rug Pulls13,594
foss, licensing, history
Optimizing JavaScript for Fun and for Profit13,593
javascript, optimization
On the Gift of OKR for Company Culture (j9t)13,592
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)13,591
accessibility, pop-overs, html
Node.js: The Documentary (isa+)13,590
videos, nodejs, history
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)13,589
how-tos, accessibility, testing, authentication
“__dirname” Is Back in Node.js With ES Modules (phi)13,588
nodejs, esm
[Bulma] 1.0.013,587
release-notes, bulma
Building a Micro htmx SSR Framework (mco/pla)13,586
frameworks, htmx, examples
Angular Signals: Best Practices13,585
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)13,584
javascript-engines, memory, garbage-collection, asynchronicity
The Box Model and Box Sizing (bel/pic)13,583
css, box-model, concepts
Psychology and UX: Decoding the Science Behind User Clicks13,582
user-experience, design, principles
Progressive Disclosure Defaults (ada)13,581
css, forms, interaction-design
How to Plan Your First Successful Website (web)13,580
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)13,579
how-tos, code-generation, pdf, functionality
Folder Structures in React Projects13,578
react, architecture
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)13,577
code-pens, layout, css
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)13,576
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)13,575
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)13,574
css, scrolling
Build a Full-Stack App With Node.js and htmx13,573
web-apps, nodejs, htmx
Accessibility Foundations (ihe/tpg)13,572
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)13,571
observability, logging, monitoring, alerting
A Designer’s Role Is Not “at the Table” (uxd)13,570
design, career
How Meta Improved Their Cache Consistency to 99.9999999913,569
facebook+meta, caching
“require(esm)” in Node.js (joy)13,568
nodejs, ecmascript, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm13,567
guides, npx, npm, nodejs
The Power of Textual Content in UX Design (uxm)13,566
content, user-experience
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility13,565
accessibility
Make a Web Browser: Beginner’s Guide (nim)13,564
guides, browsers, browser-engines
I’m So Old: Web Edition (dav)13,563
web, history
How Web-Site Design and Social Media Work Together (uxm)13,562
design, content, social-media
How to Kill the Cascade (fon)13,561
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes13,560
videos, react, concepts
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)13,559
user-experience, interaction-design, best-practices
Comparing ECMAScript Modules and CommonJS13,558
comparisons, esm, commonjs
Build a Node App With TypeScript (mat)13,557
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)13,556
javascript, types, comparisons
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)13,555
embed-code, google, analytics, sustainability, performance, compliance
Why UI Designers Should Understand Flexbox and CSS Grid (uxd)13,554
design, layout, flexbox, grids, css
2024 Cheat Sheet Collection13,553
cheat-sheets, link-lists
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)13,552
migrating, jest, testing, memory, performance
How Web Bloat Impacts Users With Slow Devices13,551
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript13,550
javascript, objects
Webflow 101: A Guide for Beginners13,549
introductions, guides, webflow, low-and-no-code
Skeuomorphism (nng)13,548
design, terminology
Homepage Design: 5 Fundamental Principles (nng)13,547
design, homepages, principles
Quick Tip: Creating a Date Picker in React13,546
tips-and-tricks, react, functionality
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)13,545
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?13,544
efficiency, processes, engineering-management
Deploying Remix to GitHub Pages13,543
videos, deploying, remix, github-pages
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets13,542
accessibility, design-systems, documentation, dei
When “Semantic Tokens” Are No Longer Semantic13,541
design-tokens, semantics
What Is Safe Alignment in CSS? (chr/fro)13,540
css, layout, user-experience
There Is No EU Cookie Banner Law13,539
consent-management, cookies, legal
The Golden Age of Accessibility13,538
accessibility
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?13,537
frameworks, comparisons, qwik, nextjs
Performance Tooling in 2024 and Beyond (dev)13,536
performance, tooling, browsers, dev-tools, lighthouse, google
Make Your Functions More Reusable With Generics (mat)13,535
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)13,534
links, usability
HTML Performance Optimization: Tips for Faster Loading Pages13,533
html, landing-pages, performance, optimization, tips-and-tricks
You Want “border-color: transparent”, Not “border: none” (dav/fro)13,532
css, borders, transparency, accessibility, contrast
What’s Next for a Global Design System (bra)13,531
design-systems
WCAG 2.2 Detective Skills13,530
accessibility, standards, wcag
There Are No Standards Police (mno)13,529
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)13,528
html, custom-data, css, typography, effects
The Problem With AI (cfe)13,527
ai
Ruby Is Complicated13,526
html
Refactoring My Ugliest Code With Signal View Queries13,525
videos, refactoring, angular
My New Favorite CSS Trick: “will-change”13,524
css, animations, transitions, tips-and-tricks
How to Design Icons in Figma13,523
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright13,522
how-tos, testing, flakiness, playwright
Another JS Registry—Seriously?! (den)13,521
videos, jsr, dependencies, javascript
A Beginner’s Guide to Node.js Worker Threads (bet)13,520
guides, nodejs, worker-threads
25 Unnoticeable Features of JavaScript13,519
javascript
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)13,518
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)13,517
accessibility, images, metadata
The Essential Guide to Microcopy and Becoming a More Literate Designer13,516
guides, design, microcontent, content, writing
The “10× Engineer”: 50 Years Ago and Now (ger)13,515
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript13,514
javascript, operators, comparisons
Runtime Compatibility (asc+)13,513
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Marking the Web’s 35th Birthday: An Open Letter (tim)13,512
web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)13,511
performance, web-vitals
How to Read Files Quickly in JavaScript (lem)13,510
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)13,509
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)13,508
accessibility, advocacy, retrospectives
5 Exciting New JavaScript Features in 202413,507
javascript
What Is INP and Why You Should Care (whi/sen)13,506
performance, web-vitals, monitoring
Streaming HTML (chr/fro)13,505
html, php, streaming
JSON Canvas13,504
websites, standards, json, canvas
IDEs vs. Code Editors: Everything You Need to Know (jet)13,503
code-editors, comparisons, concepts
Have You Optimized for INP?13,502
performance, web-vitals, optimization
Express.js With TypeScript—Setup, Examples, Testing13,501
videos, express, typescript, testing, examples
Distinguishing Between ARIA and Native HTML Attributes (deq)13,500
html, aria, attributes, accessibility, comparisons
Comparing JavaScript Frameworks: Templates13,499
javascript, frameworks, templates, comparisons
Are We Watching the Internet Die? (edz)13,498
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness13,497
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)13,496
css, generated-content, alt-text, accessibility
Accessibility: Implementing Focus Traps13,495
accessibility, focus, keyboard-navigation
A Gentle Introduction to Generics in TypeScript13,494
introductions, typescript, generics
Optimising Your Design System With Figma’s Variables (uxd)13,493
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library13,492
javascript, libraries, lessons
CSS Button Styles You Might Not Know (dbu)13,491
html, css, buttons
Replace ESLint and Prettier With Biome.js13,490
biome, eslint, prettier, comparisons, tooling, remix
Jakob Has Jumped the Shark (aar)13,489
accessibility, link-lists
How to Invert the Colors Using CSS (ron)13,488
css, colors, filters, images
eslint-plugin-depend13,487
packages, npm, maintenance, simplicity
Access by a Thousand Curb Cuts (yat)13,486
accessibility
Creating Color Palettes With the CSS “color-mix()” Function (mic)13,485
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)13,484
css, style-queries, custom-properties
Navigating the Future of Frontend13,483
frameworks, web-platform, outlooks
Modern CSS Tooltips and Speech Bubbles II (css/sma)13,482
tooltips, css, techniques
How “HEAD” Works in Git (b0r)13,481
git
Dissecting Layered Architecture (yok)13,480
architecture
Asking Users for Their Pronouns: A Guide for UX Designers13,479
guides, user-experience, communication
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project13,478
how-tos, nodejs, environments
AVIF Is the Future of Web Images13,477
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)13,476
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)13,475
css, selectors, examples
Managing Static Files in Django: A Comprehensive Guide13,474
guides, django, file-handling
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)13,473
how-tos, accessibility, testing
90% of Designers are Unhirable? (uxd)13,472
design, processes, career
WebAssembly JSPI Is Going to Origin Trial13,471
webassembly
The Ultimate Guide to Choosing the Best React Website Builder13,470
guides, react, tooling, comparisons, link-lists
The End of My Gatsby Journey (mon)13,469
gatsby, frameworks, comparisons
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets13,468
shadow-dom, dom, css
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)13,467
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
Sometimes, a Button Just Wants to Look Like a Button13,466
design, usability, buttons
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)13,465
videos, css, selectors
Release Notes for Safari Technology Preview 190 (jon/web)13,464
release-notes, browsers, apple, safari
Making Room for Long List Markers With Subgrid (nol)13,463
html, lists, css, grids
Internationalization With Remix (rem)13,462
remix, internationalization
Exploring the Creative Power of CSS Filters and Blending13,461
css, blend-modes, filters, effects
Announcing TypeScript 5.4 (dan/typ)13,460
release-notes, typescript
5 Ways Productivity Culture Kills Business Agility13,459
productivity, agile, economics, culture
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers13,458
figma, keyboard-shortcuts, cheat-sheets, design
Data Table Design Patterns (uxd)13,457
information-design, tables, design-patterns
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)13,456
how-tos, design, usability, metrics, testing
WebKit Features in Safari 17.4 (jen+/web)13,455
release-notes, browsers, apple, safari, webkit
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)13,454
how-tos, websockets, nodejs
Best Practices for Inclusive Design13,453
design, dei, accessibility, best-practices
SemVer Simplified: An Introduction to Semantic Versioning13,452
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About13,451
performance, metrics, web-vitals, lighthouse, google
WCAG? More Like, W-What?! (stv)13,450
accessibility, wcag, link-lists
The 88×31 Archive13,449
web, images, history
Modern Git Commands and Features You Should Be Using13,448
git, command-line
JSR: Second Look (dbu)13,447
jsr
JavaScript Runs the World—Maybe Even Literally (wir)13,446
javascript, programming, web
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)13,445
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)13,444
design, collaboration
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr13,443
servers, hosting, comparisons, metrics
Visualizing Frontend Architecture (max)13,442
architecture, documentation, visualization
We Need to Talk About Jakob (mat)13,441
accessibility
Tools That Make Me Productive as a Software Engineer13,440
tooling, productivity, link-lists
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)13,439
npm, dependencies, examples, security
CSS for Printing to Paper13,438
css, print
Bugs I’ve Filed on Browsers (nol)13,437
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)13,436
accessibility, ai
Accessibility Darkness (ste)13,435
accessibility, overlays
Planning a Design System Generation (nat)13,434
design-systems, automation
Emerging UX Patterns in Generative AI Experiences (uxd)13,433
user-experience, design-patterns, ai
The Hunt for the Missing Data Type (hil)13,432
types, algorithms
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked13,431
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)13,430
robotstxt, crawling, scraping, ai
Design System Generations (nat)13,429
design-systems, processes
Retrofitting Fluid Typography (ric)13,428
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)13,427
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)13,426
javascript, comparisons
Team Productivity Metrics for Engineering Managers13,425
productivity, metrics, engineering-management
Modern CSS Tooltips and Speech Bubbles (css/sma)13,424
tooltips, css, techniques
Introducing JSR—the JavaScript Registry (lca+/den)13,423
introductions, jsr, deno, dependencies, javascript
Eloquent JavaScript (mar)13,422
websites, books, javascript
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All13,421
browsers, apple, mobile, web-apps
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)13,420
web-apps, apple
An Introduction to Webflow—the No-Code Website Builder13,419
introductions, webflow, low-and-no-code
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)13,418
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech13,417
community
Why Does “is-number” Package Have 59M Weekly Downloads?13,416
dependencies, npm
What You Need to Know About Software Requirements13,415
software-design, best-practices
What Is Inclusive Design, and How Does It Relate to Accessibility?13,414
design, dei, accessibility
Understanding Cookies and Sessions in React13,413
react, authentication, cookies
The Wax and the Wane of the Web (ste/ali)13,412
web-platform, history
Techniques to Break Words (aar)13,411
techniques, html, css, content
New to the Web Platform in February (rac/dev)13,410
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Keyboard Accessibility Testing on Mobile Devices13,409
accessibility, testing, keyboard-navigation, mobile
Diving Into CSS Interactivity (daw+/sto)13,408
videos, css
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)13,407
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX13,406
accessibility, usability, ai, outlooks
Creativity Lies in the Paradoxes (uxd)13,405
creativity, design
Ultimate Guide to Visual Testing With Playwright13,404
guides, testing, regressions, playwright
Top 8 Recent V8 in Node Updates (app)13,403
nodejs, v8
Test Quality vs. Bashing Tailwind CSS (mar)13,402
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)13,401
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)13,400
accessibility, math
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js13,399
how-tos, navigation, functionality, astro, tailwind, alpinejs
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)13,398
css, container-queries, units
Enhanced Internationalization (I18N) in Next.js 1413,397
nextjs, internationalization
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)13,396
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)13,395
html, css, forms
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)13,394
drag-and-drop, accessibility, browsers, screen-readers, support
The 3 Capabilities Designers Need to Build for the AI Era (uxd)13,393
design, career, training, ai, link-lists
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)13,392
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)13,391
multimedia, embed-code, youtube, html, privacy
What Is Vuetify in Vue.js?13,390
vuetify, vuejs
ServerlessHorrors (and)13,389
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)13,388
apis, performance, web-vitals
How to Use Server-Sent Events in Node.js (cra)13,387
how-tos, nodejs, events
How to Lazy-Load CodePen and CanIUse Embeds13,386
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI13,385
web, content, ai
AI and Design Systems (bra)13,384
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)13,383
videos, mistakes, dark-mode, css
A Guide to CSS Cursor Types13,382
guides, css, cursors
A Fun Line of Code (dbu)13,381
javascript, apis, multimedia
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)13,380
figma, tips-and-tricks
CSS Foundations: What Is IACVT? (bra)13,379
css, fundamentals
Why I Use Firefox (sim)13,378
browsers, mozilla, firefox
What Is a Single-Page Application? (hey)13,377
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)13,376
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)13,375
interviews, css, sustainability
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)13,374
apple, web-apps
No Outer Margin13,373
css, margins, spacing, components
How to Build a Newthing13,372
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)13,371
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)13,370
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)13,369
accessibility, screen-readers
Home Screen Advantage (sli)13,368
browsers, apple, mobile, support, web-apps, web-platform
The Power of Patterns and Playbooks in Content Design (kat/uxd)13,367
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)13,366
accessibility, screen-readers
Understanding Event-Driven Architecture13,365
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization13,364
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)13,363
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax13,362
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)13,361
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)13,360
accessibility, web, captcha
Why My Code Isn’t in TypeScript (rem)13,359
typescript
Proposal: CSS Variable Groups (lea)13,358
css, variables
A Developer’s Guide for Web Accessibility13,357
guides, accessibility
Navbar Gallery13,356
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)13,355
javascript, performance
UX Leadership Is Failing (and What We Can Do About It) (uxd)13,354
user-experience, leadership
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)13,353
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)13,352
jsr, deno, dependencies, javascript
htmx vs. React: A Complete Comparison13,351
htmx, react, comparisons
Filling Gaps With a Polyfill (jay)13,350
polyfills, html, css, javascript, history
Difference Between the Accessibility Page and the Accessibility Statement13,349
accessibility, documentation, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)13,348
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)13,347
videos, accessibility, aria, html, user-experience
Discovering Web Automation and Scraping (gli)13,346
scraping, automation, tooling
The One Trick Every Flutter Web Dev Needs to Know13,345
tips-and-tricks, flutter, performance
Making of True Multi-Brand Design System (uxd)13,344
design-systems, theming
CSS “::backdrop” Now Inherits From Its Originating Element (bra)13,343
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)13,342
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)13,341
css, apis, syntax-highlighting
Release Notes for Safari Technology Preview 189 (jon/web)13,340
release-notes, browsers, apple, safari
Parallax Effect With CSS Custom Properties (fro)13,339
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)13,338
nodejs, retrospectives
Next.js vs. Remix—a Developer’s Dilemma13,337
nextjs, remix, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)13,336
animations, tips-and-tricks
How to Optimize the Web for the Worst User Conditions?13,335
how-tos, user-experience, responsive-design, performance, optimization
10 Best “Create React App” Alternatives for Different Use Cases13,334
react, frameworks, tech-stacks, comparisons, link-lists
How to Make a Cursor Image Hover Effect With CSS and JS13,333
how-tos, css, javascript, images, cursors, hover
Design Patterns That Encourage Junk Data (mic)13,332
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js13,331
security, nodejs, databases, sql
My Design System Journey: Building the Plane While Flying (uxd)13,330
design-systems, collaboration, processes
Why Is JavaScript Fragile? (cfe)13,329
javascript
“random()” Distribution Visualizer13,328
javascript, randomness, visualization
Okay, Color Spaces (eee)13,327
colors, oklch
How to Use Local Storage in JavaScript (fre)13,326
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js13,325
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)13,324
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients13,323
videos, css, gradients, progress-indicators
Control Lazy Load, Infinite Scroll, and Animations in React13,322
react, lazy-loading, scrolling, animations, javascript