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