Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected. Hide

Frontend Dogma

News and Tools for Web Developers, 1990s to Now (16)

→ Stay up-to-date on all topics by various RSS feeds (main feed with exclusive news: only $1/month), on Mastodon, and on Bluesky

Entry (Sources) and TopicsDate#
This Web of Ours, Revisited (zel)14958
web
How to Work With GraphQL in WordPress in 2024 (sma)14957
how-tos, wordpress, graphql
How to Create CSS Utility Classes (fon/css)14956
how-tos, css, presentational-html
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)14955
css, layout, grids, masonry
Building a Culture of Accessibility (tet)14954
accessibility, culture
Accessibility Overlays—Friend or Foe? (int)14953
videos, accessibility, overlays
The “Intl.Segmenter” Object Is Now Part of Baseline (rac)14952
browsers, support, web-platform, javascript
Building an npm Package Compatible With ESM and CJS in 202414951
npm, dependencies, interoperability, esm, commonjs
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)14950
redesigning, sustainability
Git Common Developer Pitfalls and Solutions (wom)14949
git
The End of an Era: Women Who Code Closing (wom)14948
community
What’s Going On in Dark Theme / Light Theme Land (chr/fro)14947
css, functions, dark-mode
My Code Formatting Guidelines (val)14946
guidelines, formatting, conventions, javascript, html, prettier, configuration
Angular’s New Signal Inputs14945
videos, angular, signals
A Primer on the Cascade and Specificity (bel/pic)14944
introductions, css, selectors, cascade
5 Tailwind CSS Anti-Patterns to Avoid (ato)14943
tailwind, colors, theming, frameworks, anti-patterns
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI14942
ai, quality, craft, metrics, engineering-management
Building a GitHub Activity Feed With Node.js and Socket.IO14941
nodejs, github, functionality
The Impact of Color Contrast on Accessibility14940
accessibility, colors, contrast
JavaScript Code Quality Tools: See Qodana in Action (jet)14939
qodana, quality, javascript
How to Submit a Form in React Using FormData (wom)14938
how-tos, forms, react
Who Should Block AI Bots? (moz)14937
scraping, ai, seo
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)14936
accessibility, security
Webhooks and WebSockets14935
webhooks, websockets
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)14934
jquery, maintenance, migrating
Property Hooks Are Coming in PHP 8.4 (ami)14933
php, hooks
How to Write World-Beating Web Content (web)14932
how-tos, writing, content
Displaying HTML Web Components (ada)14931
web-components, css
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)14930
conversion, html, javascript
AI Isn’t Useless—but Is It Worth It? (mol)14929
ai, quality
12 Tips From a Mid-Level Developer14928
career, tips-and-tricks
Making Disabled Buttons More Accessible14927
accessibility, buttons, html, aria
We Need to Rewild the Internet (rob/noe)14926
web, standards, collaboration, creativity, outlooks
The Biggest Lie in HTML14925
videos, html
The Invisible Seafaring Industry That Keeps the Internet Afloat (jos/ver)14924
web
Alternating Style Queries (kiz)14923
css, style-queries, techniques
Hardest Problem in Computer Science: Centering Things (nik)14922
css, design, centering
Why We Are Still Using 88×31 Buttons14921
images, history, design
Things That Can Break “aspect-ratio” in CSS (chr/fro)14920
css, aspect-ratio
The Right Code for Your Design System (fig)14919
design-systems, figma
The Making of a TypeScript Feature: Inferring Type Predicates14918
typescript
[pnpm] v9.0.0 (pnp)14917
release-notes, pnpm
Electron 30.0.0 (kee/ele)14916
release-notes, electron
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (rgi/ope)14915
foss, security, openjs
Ethics in Times of Growth Design14914
design, ethics
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)14913
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)14912
cookies, consent-management, performance
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)14911
html, attributes, forms, usability
Document Collaboration (With Comments!) (chr/fro)14910
documentation, collaboration, comparisons, link-lists
CSS in React Server Components (jos)14909
css, javascript, react, components, css-in-js
ARIA in HTML (sco+/w3c)14908
standards, accessibility, aria, html
An Intro to Flexbox (cfe)14907
introductions, css, flexbox, layout
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)14906
accessibility
Interview With Senior JS Developer 202414905
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)14904
accessibility, auditing, tooling
Why Many Junior Developers Quit Programming (tip)14903
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)14902
apis, dark-mode
Things You Should Do in Your Dev Journey14901
career
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)14900
html, skip-links, accessibility, mobile
How to Write a Code Formatter14899
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)14898
quality, craft, accessibility, usability, user-experience, conformance, performance
Sliding 3D Image Frames in CSS (css/sma)14897
css, images, techniques, 3d
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment)14896
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
How Do Open Source Licenses Work? The Ultimate Guide14895
guides, foss, licensing
Naming Colors in Design Systems (ado)14894
naming, colors, design-systems
10 Things Software Developers Should Learn About Learning14893
research, learning
Monitoring BFCache Blocking Reasons (chr/mdn)14892
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)14891
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)14890
how-tos, css, grids, layout, maintainability
Blockin’ Bots (bee)14889
scraping, ai, apache, configuration
Purging Design System “Rot” From Our Checkboxes (chu)14888
design-systems, maintenance, quality, accessibility, case-studies
Why I’m Embracing the Arc Browser14887
browsers, arc
CSS Tricks to Master the “clip-path” Property (css)14886
css, masking, clipping, tips-and-tricks
Web Accessibility Statement: How to Write One14885
how-tos, accessibility, documentation, writing
Zombie Estimation14884
agile, scrum, processes, project-management
npm Basics for New Developers (nim)14883
fundamentals, npm
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)14882
tips-and-tricks, how-tos, animations, gradients, css
The Dos and Don’ts of Using “tabindex” in Web Design (a11)14881
accessibility, keyboard-navigation, html
Let Me Be14880
videos, javascript
Unleashing Designers With Tailwind CSS14879
videos, tailwind, design, processes
Accessible Interactions in JavaScript Apps (san)14878
videos, accessibility, javascript, aria
Epic App Performance Starts With the Database14877
videos, performance, databases, optimization
Socks, Lies, and Accessibility14876
accessibility, awareness-days, link-lists
Gap Is the New Margin (chr/fro)14875
css, margins, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)14874
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)14873
introductions, css, grids, layout
A Comparison of Automated Testing Tools for Digital Accessibility (equ)14872
accessibility, testing, tooling, automation, comparisons
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)14871
webkit, browsers, safari, performance, optimization
The Guide to Git I Never Had14870
guides, git, command-line, cheat-sheets
I Never Knew a Website Could Hurt Someone (kar)14869
videos, accessibility
Release Notes for Safari Technology Preview 192 (jon/web)14868
release-notes, browsers, safari
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions14867
design, user-experience
Frontend Development Beyond React: Svelte14866
svelte
Wednesday, April 10, 2024 Security Releases (raf/nod)14865
release-notes, nodejs, security
The Future of Design Systems Is Marketing (fig)14864
design-systems, marketing, metrics
Notes on Git’s Error Messages (b0r)14863
git, errors
JS Naked Day (mac+)14862
websites, javascript, awareness-days
Recapping ng-conf 202414861
angular
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)14860
accessibility, ada, legal, web, mobile
React Server Components in a Nutshell14859
react, components
Sending Email Using Node.js (cra)14858
nodejs, email
An Introduction to the Node.js Performance API (bet)14857
introductions, nodejs, performance, apis
Happy CSS Naked Day 2024 (fro)14856
frontend-dogma, css, awareness-days
Is the Party Over for Scrum Masters and Agile Coaches?14855
agile, scrum, career
Understanding Interaction to Next Paint (INP) (wil/fro)14854
performance, web-vitals
Layered Toggles: Optional CSS Mixins (kiz)14853
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)14852
design, processes, prototyping, figma, html, comparisons
Ableism and Related Terms You Need to Know (mer)14851
terminology, communication, dei
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution14850
react, history
DORA’s Software Delivery Metrics: The Four Keys (nat)14849
processes, metrics
Node.js Debugging in Chrome DevTools (chr/fro)14848
nodejs, debugging, tooling, browsers, chrome, dev-tools
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities14847
accessibility, legal, web, mobile
Creating a Navbar in React14846
navigation, react, css
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)14845
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Building a CLI From Scratch With TypeScript and oclif14844
command-line, typescript
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities14843
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)14842
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)14841
user-experience, ai, hci
Things That I Like Better in Vue Than in React14840
vuejs, react, frameworks, comparisons
The Death of Creativity14839
creativity, ai
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)14838
design, communication
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)14837
redesigning, strategies, dei, accessibility
How I Write Commits Like a Pro14836
version-control, git, commit-messages, conventions
Blind Internet Users Struggle With Error-Prone AI Aids (fin)14835
accessibility, ai
10 Must Know System Design Concepts for Interviews14834
interviewing, architecture, system-design, concepts, scalability
Testing HTML With Modern CSS (hey)14833
html, css, testing, quality
Jekyll vs. Astro (koo)14832
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)14831
html, images, performance
Demystifying the Shadow DOM14830
dom, shadow-dom
Reviewing Polypane for Responsive Website Tweaks14829
videos, polypane, browsers
Why I’m Yet Another Woman Leaving the Tech Industry14828
career, community
[zx] 8.0.014827
release-notes, zx
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)14826
accessibility, user-experience, keyboard-navigation, skip-links, wcag
How to Think About HTML Responsive Images (db)14825
how-tos, html, images, responsive-design
21 HTML Tips You Must Know About14824
html, tips-and-tricks
Creativity in Software Engineering14823
research, creativity, programming
Breakpoints in Responsive Design (nng)14822
design, responsive-design, breakpoints, usability
The Free Software Commons (jen)14821
foss, community, security
Should Designers Code? (bra)14820
design, career
Managing User Focus With “:focus-visible” (css)14819
css, selectors, focus
How to Make Your Website Work Offline14818
how-tos, web-workers, offline, javascript
ESLint v9.0.0 Released (nza/esl)14817
release-notes, eslint
Drive-By Accessibility Tweaks (bru)14816
accessibility
DevTools Tips and Tricks (fro)14815
browsers, dev-tools, tips-and-tricks
“AI” Won’t Solve Accessibility (yat)14814
accessibility, ai
The Basics of Legibility14813
fundamentals, typography, legibility
Heat Death of the Internet14812
web
Modern CSS Patterns in Campfire14811
css, case-studies
Building Components With Radix UI14810
radix, components
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)14809
guides, css, logical-properties, cheat-sheets
AI and the Future of Web Accessibility Guidelines14808
discussions, accessibility, wcag, standards, ai, w3c
The V8 Sandbox14807
v8, security
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue14806
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)14805
accessibility, keyboard-navigation, focus, html
Rounded Tabs With Inner Curves (css)14804
css, effects, tips-and-tricks
How to Strongly Type process.env (mat)14803
how-tos, typescript, nodejs
Introducing Jpegli: A New JPEG Coding Library14802
introductions, jpeg, images, libraries, compression
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?14801
dns, security
Using JSON Web Tokens With Node.js14800
json-web-tokens, nodejs, security, authentication
How to Build a Simple Web Server With Node.js14799
how-tos, servers, nodejs
In-Page Links: 3 Usability Tips (nng)14798
videos, links, usability, tips-and-tricks
Wednesday, April 3, 2024 Security Releases (nod)14797
release-notes, nodejs, security
Theming Design Systems (per)14796
design-systems, theming
The View Transitions API (cas/fro)14795
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)14794
svelte, html, parsing
Hanging Punctuation in CSS (ada)14793
css, typography
Fluid Typography With Discrete Steps (css)14792
css, typography, tips-and-tricks
Finally Understand Responsive Design14791
videos, responsive-design, css
BFCache Explained14790
bfcache, browsers, performance
“aspect-ratio” Gotcha (css)14789
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)14788
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)14787
ai, web
WebAssembly at Google (tom)14786
videos, webassembly, google
Learn JavaScript (wil)14785
courses, javascript
WordPress 6.5 “Regina” (pho/wor)14784
release-notes, wordpress
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)14783
how-tos, html, conformance, performance
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)14782
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)14781
css, theming
How to Get Somebody Fired Using Git14780
version-control, git, career
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)14779
css, anchor-positioning
Authentication in Next.js (rwi)14778
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)14777
guides, css, container-queries
Micro Frontends With Native Federation14776
micro-frontends, comparisons
The Era of High-Paying Tech Jobs Is Over14775
programming, career, ai, economics
Introducing Root.js14774
introductions, tooling, content-management
What Even Is a JSON Number?14773
json, terminology
The Detail, the Quality14772
design, quality
Bun 1.1 (jar+/bun)14771
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)14770
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)14769
user-experience, tooling, link-lists
Disable AWS CloudFront Distributions if Budget Is Exceeded14768
aws, cloudfront, configuration, economics
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time14767
tooling, nodejs, deno, bun, quickjs
Why I Care Deeply About Web Accessibility and You Should Too (sch)14766
accessibility, web
The DevOps Basics14765
dev-ops, fundamentals
Object Structure in JavaScript Engines14764
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)14763
accessibility
Kobold Letters (wed)14762
html, email, support
10 JavaScript Sites Every Web Developer Should Know14761
javascript, learning, link-lists
Some Samples Using UIkit14760
uikit
Design Is a Process of Getting Stuck (fon)14759
design, processes
“@scope” Is Coming to CSS and It’s Amazing (kev)14758
videos, css, scope
What Negative Effects Does a Bad Website Design Have on My Business? (web)14757
design, economics
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)14756
studies, research, accessibility, homepages, metrics
The Power of “:has()” in CSS (css)14755
css, selectors
The Easy Way to Access the Last JavaScript Array Element14754
javascript, arrays
The Curious Case of the CSS Monochrome Media Query (sea)14753
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)14752
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)14751
career
Figma Plugins (tmc)14750
figma, plugins
Improving the Developer Experience of Enterprise Design Systems14749
design-systems, developer-experience, optimization
History of JS Interop in Dart14748
javascript, dart, interoperability, history
The Browser Company and Radical Transparency14747
the-browser-company, culture, communication
What’s New in DevTools, Chrome 12414746
release-notes, dev-tools, browsers, chrome
Release Notes for Safari Technology Preview 191 (jon/web)14745
release-notes, browsers, safari
New to the Web Platform in March (rac)14744
release-notes, web-platform, browsers, firefox, safari, chrome
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)14743
css, functions, colors, dark-mode
The Complete Guide to Captioned Videos (mer)14742
guides, accessibility, captions, multimedia
Finally Understanding How “Array.sort(comparator)” Works (jam)14741
javascript, arrays
A Guide to Building CLI Tools in JavaScript14740
guides, tooling, command-line, javascript, nodejs
What Even Are Dragging Movements? (cat/spa)14739
accessibility, interaction-design, terminology
Iterator Helpers14738
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)14737
performance, metrics, optimization
ai.robots.txt (cor)14736
ai, crawling, scraping, robotstxt, tooling
Meet Angular’s New “output()” API (ang)14735
angular, apis
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)14734
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)14733
css, effects
History of Web Accessibility14732
videos, accessibility, history
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)14731
tips-and-tricks, how-tos, css, grids, layout, alignment
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests14730
how-tos, jquery, ajax, functions, asynchronicity
Convention Over Creativity? The Ups and Downs of UX Design14729
user-experience, design
Exploring the Power of ARIA Live Attribute in Web Accessibility14728
accessibility, aria, attributes
Animating Clip Paths on Scroll With “@property” in CSS (uti)14727
css, animations, scrolling, clipping, masking
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)14726
css, overviews
Node v20.12.0 (LTS) (nod)14725
release-notes, nodejs
How to Take Control of Flexbox (kev)14724
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)14723
html, conformance, performance
How Does npx Actually Work and When to Use It14722
npx, nodejs
CSS Anchor Positioning (tab+/w3c)14721
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)14720
accessibility
How to Consolidate Multiple Design Systems14719
how-tos, design-systems, processes
7 Simple Rules for Better Data Visualization14718
information-design
Error Messages 101 (nng)14717
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)14716
colors, dark-mode, css, javascript
No One Actually Wants Accessibility (dav)14715
accessibility
CORS Finally Explained—Simply14714
security, csrf, cors, concepts
JavaScript Visualized: Promise Execution14713
javascript, promises, visualization
How Does Single Sign-On (SSO) Work? (mil)14712
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)14711
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)14710
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries14709
javascript, animations, libraries, link-lists
Diving Into the Node.js Website Redesign (bri/nod)14708
redesigning, case-studies
Radix Themes 3.014707
release-notes, radix
Learn OAuth 2.0 by Building Your Own OAuth Client14706
authorization, oauth, functionality
Profile Node.js Performance With the Performance Panel (jec+)14705
nodejs, performance, debugging, browsers, chrome, dev-tools
AI Can Make a Code Review for Free14704
ai, code-reviews, tooling
ARIA “role=application” and Mobile Screen Readers (cer)14703
accessibility, aria, screen-readers, mobile
Don’t Get Scammed by Fake Performance Experts and Apps14702
performance, tooling
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)14701
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress14700
research, productivity, processes
12 Figma Tips to Work More Efficiently14699
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)14698
git
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)14697
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)14696
css, units
CSS Values and Units Module Level 3 (tab+/w3c)14695
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)14694
accessibility, captcha
Accessible Forms With Pseudo Classes (css)14693
accessibility, forms, css, selectors
Node.js: The Documentary (isa+)14692
videos, nodejs, history
Welcome to Future of Web Accessibility Based on Predictors (jar+)14691
videos, accessibility, outlooks
Avoid These Design System Traps14690
design-systems
“__dirname” Is Back in Node.js With ES Modules (phi)14689
nodejs, esm
Microservices Promised Freedom but Delivered Dependencies (pur)14688
microservices, dependencies
This Pattern Will Wreck Your React App’s TS Performance (mat)14687
design-patterns, react, typescript, performance
Relicensing and Rug Pulls14686
foss, licensing, history
Optimizing JavaScript for Fun and for Profit14685
javascript, optimization
On the Gift of OKR for Company Culture (j9t)14684
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)14683
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)14682
how-tos, accessibility, testing, authentication
[Bulma] 1.0.014681
release-notes, bulma
Building a Micro htmx SSR Framework (mco/pla)14680
frameworks, htmx, examples
Psychology and UX: Decoding the Science Behind User Clicks14679
user-experience, design, principles
Angular Signals: Best Practices14678
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)14677
javascript-engines, memory, garbage-collection, asynchronicity
The Box Model and Box Sizing (bel/pic)14676
css, box-model, concepts
Progressive Disclosure Defaults (ada)14675
css, forms, interaction-design
How to Plan Your First Successful Website (web)14674
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)14673
how-tos, code-generation, pdf, functionality
Folder Structures in React Projects14672
react, architecture
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)14671
code-pens, layout, css
Essential CSS Tools for Developers (nim)14670
css, tooling
Build a Full-Stack App With Node.js and htmx14669
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)14668
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)14667
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)14666
css, scrolling
The Ultimate Guide to Understanding npx vs. npm14665
guides, npx, npm, nodejs
Make a Web Browser: Beginner’s Guide (nim)14664
guides, browsers, browser-engines
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)14663
user-experience, interaction-design, best-practices
A Designer’s Role Is Not “at the Table”14662
design, career
How Meta Improved Their Cache Consistency to 99.9999999914661
facebook+meta, caching
Accessibility Foundations (ihe/tpg)14660
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)14659
observability, logging, monitoring, alerting
“require(esm)” in Node.js (joy)14658
nodejs, ecmascript, esm, commonjs
The Power of Textual Content in UX Design (uxm)14657
content, user-experience
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility14656
accessibility
I’m So Old: Web Edition (dav)14655
web, history
How Web-Site Design and Social Media Work Together (uxm)14654
design, content, social-media
How to Kill the Cascade (fon)14653
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes14652
videos, react, concepts
Comparing ECMAScript Modules and CommonJS14651
comparisons, esm, commonjs
Build a Node App With TypeScript (mat)14650
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)14649
javascript, types, comparisons
Why UI Designers Should Understand Flexbox and CSS Grid14648
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)14647
embed-code, google, analytics, sustainability, performance, compliance
2024 Cheat Sheet Collection14646
cheat-sheets, link-lists
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)14645
migrating, jest, testing, memory, performance
How Web Bloat Impacts Users With Slow Devices14644
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript14643
javascript, objects
Webflow 101: A Guide for Beginners14642
introductions, guides, webflow, low-and-no-code
Deploying Remix to GitHub Pages (rem)14641
videos, deploying, remix, github-pages
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)14640
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?14639
efficiency, processes, engineering-management
Quick Tip: Creating a Date Picker in React14638
tips-and-tricks, react, functionality
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets14637
accessibility, design-systems, documentation, dei
Skeuomorphism (nng)14636
design, terminology
Homepage Design: 5 Fundamental Principles (nng)14635
design, homepages, principles
Performance Tooling in 2024 and Beyond (pau)14634
performance, tooling, browsers, dev-tools, lighthouse
There Is No EU Cookie Banner Law14633
consent-management, cookies, legal
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?14632
frameworks, comparisons, qwik, nextjs
When “Semantic Tokens” Are No Longer Semantic14631
design-tokens, semantics
What Is Safe Alignment in CSS? (chr/fro)14630
css, layout, user-experience
The Golden Age of Accessibility14629
accessibility
Make Your Functions More Reusable With Generics (mat)14628
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)14627
links, usability
WCAG 2.2 Detective Skills14626
accessibility, standards, wcag
How to Design Icons in Figma14625
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright14624
how-tos, testing, flakiness, playwright
A Beginner’s Guide to Node.js Worker Threads (bet)14623
guides, nodejs, worker-threads
You Want “border-color: transparent”, Not “border: none” (dav/fro)14622
css, borders, transparency+opacity, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages14621
html, landing-pages, performance, optimization, tips-and-tricks
What’s Next for a Global Design System (bra)14620
design-systems
There Are No Standards Police (mno)14619
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)14618
html, custom-data, css, typography, effects
The Problem With AI (cfe)14617
ai
Ruby Is Complicated14616
html
Refactoring My Ugliest Code With Signal View Queries14615
videos, refactoring, angular
My New Favorite CSS Trick: “will-change”14614
css, animations, transitions, tips-and-tricks
Another JS Registry—Seriously?! (den)14613
videos, jsr, dependencies, javascript
25 Unnoticeable Features of JavaScript14612
javascript
Runtime Compatibility (asc+)14611
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
The Essential Guide to Microcopy and Becoming a More Literate Designer14610
guides, design, microcontent, content, writing
5 Exciting New JavaScript Features in 202414609
javascript
Marking the Web’s 35th Birthday: An Open Letter (tim)14608
open-letters, web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi)14607
performance, web-vitals
15 Years of Running a Personal Website (ste)14606
indieweb
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)14605
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)14604
accessibility, images, metadata
The “10× Engineer”: 50 Years Ago and Now (ger)14603
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript14602
javascript, operators, comparisons
How to Read Files Quickly in JavaScript (lem)14601
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)14600
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)14599
accessibility, advocacy, retrospectives
Accessibility: Implementing Focus Traps14598
accessibility, focus, keyboard-navigation
JSON Canvas14597
websites, standards, json, canvas
Have You Optimized for INP?14596
performance, web-vitals, optimization
What Is INP and Why You Should Care (whi/get)14595
performance, web-vitals, monitoring
Streaming HTML (chr/fro)14594
html, php, streaming
IDEs vs. Code Editors: Everything You Need to Know (jet)14593
code-editors, comparisons, concepts
Express.js With TypeScript—Setup, Examples, Testing14592
videos, express, typescript, testing, examples
Distinguishing Between ARIA and Native HTML Attributes (deq)14591
html, aria, attributes, accessibility, comparisons
Comparing JavaScript Frameworks: Templates14590
javascript, frameworks, templates, comparisons
Are We Watching the Internet Die? (edz)14589
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness14588
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)14587
css, generated-content, alt-text, accessibility
A Gentle Introduction to Generics in TypeScript14586
introductions, typescript, generics
Optimising Your Design System With Figma’s Variables14585
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library14584
javascript, libraries, lessons
CSS Button Styles You Might Not Know (dbu)14583
html, css, buttons
Replace ESLint and Prettier With Biome.js14582
biome, eslint, prettier, comparisons, tooling, remix
Jakob Has Jumped the Shark (aar)14581
accessibility, link-lists
How to Invert the Colors Using CSS (ron)14580
css, colors, filters, images
eslint-plugin-depend14579
packages, npm, maintenance, simplicity
Access by a Thousand Curb Cuts (yat)14578
accessibility
Navigating the Future of Frontend14577
frameworks, web-platform, outlooks
Asking Users for Their Pronouns: A Guide for UX Designers14576
guides, user-experience, communication
Creating Color Palettes With the CSS “color-mix()” Function (mic)14575
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)14574
css, style-queries, custom-properties
Modern CSS Tooltips and Speech Bubbles II (css/sma)14573
tooltips, css, techniques
How “HEAD” Works in Git (b0r)14572
git
Dissecting Layered Architecture (yok)14571
architecture
Managing Static Files in Django: A Comprehensive Guide14570
guides, django, file-handling
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project14569
how-tos, nodejs, environments
AVIF Is the Future of Web Images14568
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)14567
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)14566
css, selectors, examples
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)14565
how-tos, accessibility, testing
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets14564
shadow-dom, dom, css
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers14563
figma, keyboard-shortcuts, cheat-sheets, design
Release Notes for Safari Technology Preview 190 (jon/web)14562
release-notes, browsers, safari
5 Ways Productivity Culture Kills Business Agility14561
productivity, agile, economics, culture
Leadership Is a Hell of a Drug (lud)14560
leadership, engineering-management
90% of Designers are Unhirable?14559
design, processes, career
Exploring the Creative Power of CSS Filters and Blending14558
css, blend-modes, filters, effects
The Ultimate Guide to Choosing the Best React Website Builder14557
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial14556
webassembly, origin-trials
Sometimes, a Button Just Wants to Look Like a Button14555
design, usability, buttons
The End of My Gatsby Journey (mon)14554
gatsby, frameworks, comparisons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)14553
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)14552
videos, css, selectors
Making Room for Long List Markers With Subgrid (nol)14551
html, lists, css, grids
Internationalization With Remix (rem)14550
remix, internationalization
Announcing TypeScript 5.4 (dan/typ)14549
release-notes, typescript
Best Practices for Inclusive Design (slo)14548
design, dei, accessibility, best-practices
WebKit Features in Safari 17.4 (jen+/web)14547
release-notes, browsers, safari, webkit
How to Ensure Your Designs Work if You Can’t Access Sample Data14546
how-tos, design, usability, metrics, testing
Data Table Design Patterns14545
information-design, tables, design-patterns
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)14544
how-tos, websockets, nodejs
When We Talk About Front-End Performance, What Are We Talking About14543
performance, metrics, web-vitals, lighthouse
JavaScript Runs the World—Maybe Even Literally (wir)14542
javascript, programming, web
SemVer Simplified: An Introduction to Semantic Versioning14541
introductions, semver, versioning
WCAG? More Like, W-What?! (stv)14540
accessibility, wcag, link-lists
The 88×31 Archive14539
web, images, history
Modern Git Commands and Features You Should Be Using14538
git, command-line
JSR: Second Look (dbu)14537
jsr
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)14536
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)14535
design, collaboration
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)14534
npm, dependencies, examples, security
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr14533
servers, hosting, comparisons, metrics
Visualizing Frontend Architecture (max)14532
architecture, documentation, visualization
We Need to Talk About Jakob (mat)14531
accessibility
Tools That Make Me Productive as a Software Engineer14530
tooling, productivity, link-lists
CSS for Printing to Paper14529
css, print
Bugs I’ve Filed on Browsers (nol)14528
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)14527
accessibility, ai
Accessibility Darkness (ste)14526
accessibility, overlays
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked14525
lambda, javascript, runtimes, nodejs, comparisons, metrics
Emerging UX Patterns in Generative AI Experiences14524
user-experience, design-patterns, ai
Planning a Design System Generation (nat)14523
design-systems, automation
The Hunt for the Missing Data Type (hil)14522
types, algorithms
Go Ahead and Block AI Web Crawlers (cor)14521
robotstxt, crawling, scraping, ai
Introducing JSR—the JavaScript Registry (lca+/den)14520
introductions, jsr, deno, dependencies, javascript
Team Productivity Metrics for Engineering Managers14519
productivity, metrics, engineering-management
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)14518
browsers, apple, mobile, web-apps
An Introduction to Webflow—the No-Code Website Builder14517
introductions, webflow, low-and-no-code
Design System Generations (nat)14516
design-systems, processes
Retrofitting Fluid Typography (ric)14515
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)14514
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)14513
javascript, comparisons
Modern CSS Tooltips and Speech Bubbles (css/sma)14512
tooltips, css, techniques
Eloquent JavaScript (mar)14511
websites, books, javascript
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)14510
web-apps, apple
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)14509
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech14508
community
Diving Into CSS Interactivity (daw+/sto)14507
videos, css
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)14506
design, dei, accessibility
New to the Web Platform in February (rac)14505
release-notes, web-platform, browsers, firefox, chrome, safari
Understanding Cookies and Sessions in React14504
react, authentication, cookies
Why Does “is-number” Package Have 59M Weekly Downloads?14503
dependencies, npm
What You Need to Know About Software Requirements14502
software-design, best-practices
The Wax and the Wane of the Web (ste/ali)14501
web-platform, history
Techniques to Break Words (aar)14500
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices14499
accessibility, testing, keyboard-navigation, mobile
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)14498
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX14497
accessibility, usability, ai, outlooks
Ultimate Guide to Visual Testing With Playwright14496
guides, testing, regressions, playwright
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js14495
how-tos, navigation, functionality, astro, tailwind, alpinejs
Top 8 Recent V8 in Node Updates (app)14494
nodejs, v8
Creativity Lies in the Paradoxes14493
creativity, design
Enhanced Internationalization (I18N) in Next.js 1414492
nextjs, internationalization
Test Quality vs. Bashing Tailwind CSS (mar)14491
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)14490
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)14489
accessibility, math
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)14488
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)14487
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)14486
html, css, forms
What Is Vuetify in Vue.js?14485
vuetify, vuejs
A Guide to CSS Cursor Types14484
guides, css, cursors
The 3 Capabilities Designers Need to Build for the AI Era14483
design, career, training, ai, link-lists
How to Use Server-Sent Events in Node.js (cra)14482
how-tos, nodejs, events
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)14481
drag-and-drop, accessibility, browsers, screen-readers, support
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)14480
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)14479
multimedia, embed-code, youtube, html, privacy
ServerlessHorrors (and)14478
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)14477
apis, performance, web-vitals
How to Lazy-Load CodePen and CanIUse Embeds14476
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI14475
web, content, ai
AI and Design Systems (bra)14474
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)14473
videos, mistakes, dark-mode, css
A Fun Line of Code (dbu)14472
javascript, apis, multimedia
Speaker Spotlight: Michelle Barker (mic)14471
interviews, css, sustainability
Why I Use Firefox (sim)14470
browsers, firefox
Advanced Figma Tips and Tricks 2024: Little Gems We Love14469
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)14468
open-letters, apple, web-apps
CSS Foundations: What Is IACVT? (bra)14467
css, fundamentals
What Is a Single-Page Application? (hey)14466
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)14465
videos, css, cascade
No Outer Margin14464
css, margins, spacing, components
How to Build a Newthing14463
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)14462
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)14461
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)14460
accessibility, screen-readers
Home Screen Advantage (sli)14459
browsers, apple, mobile, support, web-apps, web-platform