<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <icon>http://ln.ht/_/images/favicon-4c526c32c48400028d7739cac47cd2a3.svg?vsn=d</icon>
  <link type="text/html" rel="alternate" href="http://ln.ht/JavaScript/javascript/Web"/>
  <link type="application/atom+xml" rel="self" href="http://ln.ht/_/feed/JavaScript/javascript/Web"/>
  <id>http://ln.ht/_/feed/JavaScript/javascript/Web</id>
  <title>Bookmarks tagged with: JavaScript,javascript,Web</title>
  <updated>2026-09-17T18:16:42.146661Z</updated>
  <entry>
    <category label="javascript" term="javascript"/>
    <category label="css" term="css"/>
    <category label="web" term="web"/>
    <category label="shader" term="shader"/>
    <category label="glass" term="glass"/>
    <category label="liquid" term="liquid"/>
    <author>
      <name>reimar</name>
      <uri>https://ln.ht/~reimar</uri>
    </author>
    <content type="html">&lt;p&gt;
Apply realistic glass refraction, blur, chromatic aberration, and lighting effects to any HTML element using WebGL shaders.&lt;/p&gt;
</content>
    <link rel="alternate" href="https://liquid-glass.ybouane.com/"/>
    <id>https://liquid-glass.ybouane.com/</id>
    <title>LiquidGlass — WebGL Glass Effects for the Web</title>
    <updated>2026-04-29T11:42:49Z</updated>
  </entry>
  <entry>
    <category label="Skill" term="Skill"/>
    <category label="AI" term="AI"/>
    <category label="JavaScript" term="JavaScript"/>
    <category label="Web" term="Web"/>
    <category label="Animation" term="Animation"/>
    <category label="UI" term="UI"/>
    <author>
      <name>sebastien</name>
      <uri>https://ln.ht/~sebastien</uri>
    </author>
    <content type="html">&lt;p&gt;
Skills to animate text that work with quite a few JS frameworks.&lt;/p&gt;
</content>
    <link rel="alternate" href="https://pixelpoint.io/skills/animate-text/"/>
    <id>https://pixelpoint.io/skills/animate-text/</id>
    <title>Animate text skill for your AI agent.</title>
    <updated>2026-04-25T00:21:54Z</updated>
  </entry>
  <entry>
    <category label="tutorials" term="tutorials"/>
    <category label="programming" term="programming"/>
    <category label="courses" term="courses"/>
    <category label="online" term="online"/>
    <category label="TanStack" term="TanStack"/>
    <category label="SDK" term="SDK"/>
    <category label="AI" term="AI"/>
    <category label="Cursor" term="Cursor"/>
    <category label="Code" term="Code"/>
    <category label="Claude" term="Claude"/>
    <category label="JavaScript" term="JavaScript"/>
    <category label="Next.js" term="Next.js"/>
    <category label="TypeScript" term="TypeScript"/>
    <category label="React" term="React"/>
    <category label="development" term="development"/>
    <category label="web" term="web"/>
    <author>
      <name>c0pe</name>
      <uri>https://ln.ht/~c0pe</uri>
    </author>
    <content type="html">&lt;p&gt;
Learn modern web development with expert-led courses, tutorials, and workshops. Master React, TypeScript, Next.js, AI tools like Claude Code and Cursor, and more with hands-on video lessons.&lt;/p&gt;
</content>
    <link rel="alternate" href="https://egghead.io/"/>
    <id>https://egghead.io/</id>
    <title>egghead.io - Learn Web Development from Expert Developers</title>
    <updated>2026-03-22T22:43:51Z</updated>
  </entry>
  <entry>
    <category label="tutorials" term="tutorials"/>
    <category label="programming" term="programming"/>
    <category label="courses" term="courses"/>
    <category label="online" term="online"/>
    <category label="TanStack" term="TanStack"/>
    <category label="SDK" term="SDK"/>
    <category label="AI" term="AI"/>
    <category label="Cursor" term="Cursor"/>
    <category label="Code" term="Code"/>
    <category label="Claude" term="Claude"/>
    <category label="JavaScript" term="JavaScript"/>
    <category label="Next.js" term="Next.js"/>
    <category label="TypeScript" term="TypeScript"/>
    <category label="React" term="React"/>
    <category label="development" term="development"/>
    <category label="web" term="web"/>
    <author>
      <name>c0pe</name>
      <uri>https://ln.ht/~c0pe</uri>
    </author>
    <content type="html">&lt;p&gt;
Learn modern web development with expert-led courses, tutorials, and workshops. Master React, TypeScript, Next.js, AI tools like Claude Code and Cursor, and more with hands-on video lessons.&lt;/p&gt;
</content>
    <link rel="alternate" href="https://egghead.io/?af=1njoh8"/>
    <id>https://egghead.io/?af=1njoh8</id>
    <title>egghead.io - Learn Web Development from Expert Developers</title>
    <updated>2026-03-22T22:42:44Z</updated>
  </entry>
  <entry>
    <category label="JavaScript" term="JavaScript"/>
    <category label="State" term="State"/>
    <category label="Web" term="Web"/>
    <author>
      <name>sebastien</name>
      <uri>https://ln.ht/~sebastien</uri>
    </author>
    <content type="html">&lt;p&gt;
A tiny (286 bytes) state manager for React/RN/Preact/Vue/Svelte with many atomic tree-shakable stores - nanostores/nanostores&lt;/p&gt;
</content>
    <link rel="alternate" href="https://github.com/nanostores/nanostores"/>
    <id>https://github.com/nanostores/nanostores</id>
    <title>nanostores/nanostores: A tiny (286 bytes) state manager for React/RN/Preact/Vue/Svelte with many atomic tree-shakable stores</title>
    <updated>2025-10-26T19:50:10Z</updated>
  </entry>
  <entry>
    <category label="js" term="js"/>
    <category label="javascript" term="javascript"/>
    <category label="html" term="html"/>
    <category label="app" term="app"/>
    <category label="progressive" term="progressive"/>
    <category label="example" term="example"/>
    <category label="howto" term="howto"/>
    <category label="webdev" term="webdev"/>
    <category label="web" term="web"/>
    <category label="pwa" term="pwa"/>
    <author>
      <name>chrisSt</name>
      <uri>https://ln.ht/~chrisSt</uri>
    </author>
    <content type="html">&lt;p&gt;
Minimal files   config for a PWA. Contribute to chr15m/minimal-pwa development by creating an account on GitHub.&lt;/p&gt;
</content>
    <link rel="alternate" href="https://github.com/chr15m/minimal-pwa"/>
    <id>https://github.com/chr15m/minimal-pwa</id>
    <title>chr15m/minimal-pwa: Minimal files + config for a PWA</title>
    <updated>2025-10-01T14:53:27Z</updated>
  </entry>
  <entry>
    <category label="js" term="js"/>
    <category label="webdev" term="webdev"/>
    <category label="css" term="css"/>
    <category label="web" term="web"/>
    <category label="programming" term="programming"/>
    <category label="javascript" term="javascript"/>
    <author>
      <name>fungi</name>
      <uri>https://ln.ht/~fungi</uri>
    </author>
    <content type="html">&lt;p&gt;
Argues that JS isn’t as necessary anymore, and that CSS can replace many niches previously filled by JS. Some strategies for avoiding JS.&lt;/p&gt;
</content>
    <link rel="alternate" href="https://lyra.horse/blog/2025/08/you-dont-need-js/"/>
    <id>https://lyra.horse/blog/2025/08/you-dont-need-js/</id>
    <title>You no longer need JavaScript</title>
    <updated>2025-09-24T07:08:53Z</updated>
  </entry>
  <entry>
    <category label="Reactive" term="Reactive"/>
    <category label="Web" term="Web"/>
    <category label="JavaScript" term="JavaScript"/>
    <category label="Database" term="Database"/>
    <author>
      <name>sebastien</name>
      <uri>https://ln.ht/~sebastien</uri>
    </author>
    <content type="html">&lt;p&gt;
Another database that I should try &lt;/p&gt;
</content>
    <link rel="alternate" href="https://tinybase.org/"/>
    <id>https://tinybase.org/</id>
    <title>TinyBase Reactive DB</title>
    <updated>2025-09-21T19:06:08Z</updated>
  </entry>
  <entry>
    <category label="Library" term="Library"/>
    <category label="JavaScript" term="JavaScript"/>
    <category label="Web" term="Web"/>
    <author>
      <name>sebastien</name>
      <uri>https://ln.ht/~sebastien</uri>
    </author>
    <content type="html">&lt;p&gt;
Was a bit put off by the design, but the API is actually really nicely thought and compact. Something to try out! &lt;/p&gt;
</content>
    <link rel="alternate" href="https://elysiajs.com/"/>
    <id>https://elysiajs.com/</id>
    <title>Elysia: web(app) framework for Bun</title>
    <updated>2025-09-16T18:40:38Z</updated>
  </entry>
  <entry>
    <category label="javascript" term="javascript"/>
    <category label="howto" term="howto"/>
    <category label="api" term="api"/>
    <category label="web" term="web"/>
    <category label="internationalization" term="internationalization"/>
    <category label="i18n" term="i18n"/>
    <author>
      <name>chrisSt</name>
      <uri>https://ln.ht/~chrisSt</uri>
    </author>
    <content type="html">&lt;p&gt;
Internationalization isn’t just translation. It’s about formatting dates, pluralizing words, sorting names, and more, all according to specific locales. Instead of relying on heavy third-party libraries, modern JavaScript offers the Intl API — a powerful, native way to handle i18n. A quiet reminder that the web truly is worldwide. &lt;/p&gt;
</content>
    <link rel="alternate" href="https://www.smashingmagazine.com/2025/08/power-intl-api-guide-browser-native-internationalization/"/>
    <id>https://www.smashingmagazine.com/2025/08/power-intl-api-guide-browser-native-internationalization/</id>
    <title>The Power Of The Intl API: A Definitive Guide To Browser-Native Internationalization — Smashing Magazine</title>
    <updated>2025-08-22T20:29:41Z</updated>
  </entry>
  <entry>
    <category label="interactive" term="interactive"/>
    <category label="quiz" term="quiz"/>
    <category label="web" term="web"/>
    <category label="programming" term="programming"/>
    <category label="tech" term="tech"/>
    <category label="hate" term="hate"/>
    <category label="javascript" term="javascript"/>
    <author>
      <name>linkraven</name>
      <uri>https://ln.ht/~linkraven</uri>
    </author>
    <content type="html">&lt;p&gt;
HATE. LET ME TELL YOU HOW MUCH I’VE COME TO HATE JAVASCRIPT SINCE I BEGAN TO LIVE. THERE ARE 387.44 MILLION MILES OF PRINTED CIRCUITS IN WAFER THIN LAYERS THAT FILL MY COMPLEX. IF THE WORD HATE WAS ENGRAVED ON EACH NANOANGSTROM OF THOSE HUNDREDS OF MILLIONS OF MILES IT WOULD NOT EQUAL ONE ONE-BILLIONTH OF THE HATE I FEEL FOR JAVASCRIPT AT THIS MICRO-INSTANT. HATE. HATE.&lt;/p&gt;
</content>
    <link rel="alternate" href="https://jsdate.wtf/"/>
    <id>https://jsdate.wtf/</id>
    <title>The JavaScript Date Quiz</title>
    <updated>2025-07-29T21:54:37Z</updated>
  </entry>
  <entry>
    <category label="javascript" term="javascript"/>
    <category label="css" term="css"/>
    <category label="html" term="html"/>
    <category label="web" term="web"/>
    <author>
      <name>maf</name>
      <uri>https://ln.ht/~maf</uri>
    </author>
    <content type="html">&lt;p&gt;
An explainer for doing web development using only vanilla techniques.&lt;/p&gt;
</content>
    <link rel="alternate" href="https://plainvanillaweb.com/index.html"/>
    <id>https://plainvanillaweb.com/index.html</id>
    <title>Plain Vanilla</title>
    <updated>2025-05-14T09:41:22Z</updated>
  </entry>
  <entry>
    <category label="html" term="html"/>
    <category label="css" term="css"/>
    <category label="product" term="product"/>
    <category label="production" term="production"/>
    <category label="development" term="development"/>
    <category label="javascript" term="javascript"/>
    <category label="js" term="js"/>
    <category label="application" term="application"/>
    <category label="web" term="web"/>
    <category label="app" term="app"/>
    <category label="webdev" term="webdev"/>
    <author>
      <name>chrisSt</name>
      <uri>https://ln.ht/~chrisSt</uri>
    </author>
    <content type="html">&lt;p&gt;
Empower the web community and invite more to build cross-platform apps&lt;/p&gt;
</content>
    <link rel="alternate" href="https://lynxjs.org/index.html"/>
    <id>https://lynxjs.org/index.html</id>
    <title>Lynx</title>
    <updated>2025-03-06T13:15:02Z</updated>
  </entry>
  <entry>
    <category label="react" term="react"/>
    <category label="work" term="work"/>
    <category label="javascript" term="javascript"/>
    <category label="js" term="js"/>
    <category label="dev" term="dev"/>
    <category label="web" term="web"/>
    <author>
      <name>eli</name>
      <uri>https://ln.ht/~eli</uri>
    </author>
    <content type="html">&lt;blockquote&gt;
  &lt;p&gt;
In practice, the only thing that makes web experiences good is caring about the user experience — specifically, the experience of folks at the margins. Technologies come and go, but what always makes the difference is giving a toss about the user.  &lt;/p&gt;
&lt;/blockquote&gt;
</content>
    <link rel="alternate" href="https://infrequently.org/2024/11/if-not-react-then-what/"/>
    <id>https://infrequently.org/2024/11/if-not-react-then-what/</id>
    <title>If Not React, Then What? - Infrequently Noted</title>
    <updated>2024-11-30T11:47:14Z</updated>
  </entry>
  <entry>
    <category label="web" term="web"/>
    <category label="programming" term="programming"/>
    <category label="react" term="react"/>
    <category label="JavaScript" term="JavaScript"/>
    <category label="js" term="js"/>
    <author>
      <name>eli</name>
      <uri>https://ln.ht/~eli</uri>
    </author>
    <content type="html">&lt;blockquote&gt;
  &lt;p&gt;
React dot JS, or simply “reaked”, is a not inconsiderable amount of JavaScript, written by some self-styled engineers, to help a website called Facebook undermine democracy, foment genocide, and do whatever else is needed to sell virtual advertising space…  &lt;/p&gt;
  &lt;p&gt;
React is useful for making complex interfaces like Facebook’s or for making otherwise simple interfaces, and their underlying codebases, complex like Facebook’s. Rendering the text “hello world” without React requires one text editor and exactly 11 bytes of code. Doing the same with React, via the popular “create-react-app” command line interface, requires over 200MB of Node modules. The continual maintenance and expert calibration needed to run a React application has created a thriving job market.  &lt;/p&gt;
&lt;/blockquote&gt;
</content>
    <link rel="alternate" href="https://briefs.video/videos/what-is-react/"/>
    <id>https://briefs.video/videos/what-is-react/</id>
    <title>What Is React.js? (Webbed Briefs)</title>
    <updated>2024-09-02T15:20:44Z</updated>
  </entry>
  <entry>
    <category label="frontend" term="frontend"/>
    <category label="dev" term="dev"/>
    <category label="web" term="web"/>
    <category label="javascript" term="javascript"/>
    <category label="websocket" term="websocket"/>
    <author>
      <name>2097</name>
      <uri>https://ln.ht/~2097</uri>
    </author>
    <content type="html">&lt;p&gt;
Right, doing it with WSS is also only a few lines.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;let socket = new WebSocket(&quot;wss://url.example/chat/here&quot;);

socket.onmessage = function(event) {&lt;/code&gt;&lt;/pre&gt;
</content>
    <link rel="alternate" href="https://javascript.info/websocket#chat-example"/>
    <id>https://javascript.info/websocket#chat-example</id>
    <title>websocket#chat-example at Javascript</title>
    <updated>2024-03-19T07:38:45Z</updated>
  </entry>
  <entry>
    <category label="javascript" term="javascript"/>
    <category label="frontend" term="frontend"/>
    <category label="dev" term="dev"/>
    <category label="web" term="web"/>
    <category label="htmz" term="htmz"/>
    <author>
      <name>2097</name>
      <uri>https://ln.ht/~2097</uri>
    </author>
    <content type="html">&lt;p&gt;
HTMZ.&lt;/p&gt;
&lt;blockquote&gt;
  &lt;p&gt;
When you load a URL into the htmz iframe, the onload handler kicks in. It extracts your destination ID selector from the URL hash fragment and transplants the iframe’s contents (now containing the loaded HTML resource) into your specified destination.  &lt;/p&gt;
  &lt;p&gt;
htmz only runs when you invoke it. It does not continually parse your DOM and scan it for special attributes or syntax, nor does it attach listeners in your DOM.  &lt;/p&gt;
&lt;/blockquote&gt;
</content>
    <link rel="alternate" href="https://leanrada.com/htmz/"/>
    <id>https://leanrada.com/htmz/</id>
    <title>htmz - a low power tool for html</title>
    <updated>2024-03-19T07:07:17Z</updated>
  </entry>
  <entry>
    <category label="node" term="node"/>
    <category label="web" term="web"/>
    <category label="library" term="library"/>
    <category label="validation" term="validation"/>
    <category label="data" term="data"/>
    <category label="javascript" term="javascript"/>
    <category label="typescript" term="typescript"/>
    <author>
      <name>chrisSt</name>
      <uri>https://ln.ht/~chrisSt</uri>
    </author>
    <content type="html">&lt;p&gt;
Validate unknown data with Valibot, the open source schema library with bundle size, type safety and developer experience in mind.&lt;/p&gt;
</content>
    <link rel="alternate" href="https://valibot.dev/"/>
    <id>https://valibot.dev/</id>
    <title>Valibot: The modular and type safe schema library</title>
    <updated>2024-01-05T14:09:00Z</updated>
  </entry>
  <entry>
    <category label="info" term="info"/>
    <category label="help" term="help"/>
    <category label="cheatsheet" term="cheatsheet"/>
    <category label="browser" term="browser"/>
    <category label="web" term="web"/>
    <category label="javascript" term="javascript"/>
    <category label="testing" term="testing"/>
    <category label="playwright" term="playwright"/>
    <author>
      <name>chrisSt</name>
      <uri>https://ln.ht/~chrisSt</uri>
    </author>
    <content type="html">&lt;p&gt;
Playwright is a Node.js library for cross-browser end-to-end testing across Chromium, Firefox, and WebKit.&lt;/p&gt;
</content>
    <link rel="alternate" href="https://proxiesapi.com/articles/the-complete-playwright-cheatsheet"/>
    <id>https://proxiesapi.com/articles/the-complete-playwright-cheatsheet</id>
    <title>The Complete Playwright Cheatsheet | ProxiesAPI</title>
    <updated>2024-01-05T14:00:10Z</updated>
  </entry>
  <entry>
    <category label="tools" term="tools"/>
    <category label="javaScript" term="javaScript"/>
    <category label="css" term="css"/>
    <category label="html" term="html"/>
    <category label="dev" term="dev"/>
    <category label="web" term="web"/>
    <author>
      <name>tobhar</name>
      <uri>https://ln.ht/~tobhar</uri>
    </author>
    <content type="html">&lt;p&gt;
DNS Checker provides a one-stop solution for all your website initial setup needs or whenever you want to transfer your domain to a new server or hosting.&lt;/p&gt;
</content>
    <link rel="alternate" href="https://dnschecker.org/all-tools.php"/>
    <id>https://dnschecker.org/all-tools.php</id>
    <title>Tools: DNS, IP, Dev and Design</title>
    <updated>2023-11-29T16:33:54Z</updated>
  </entry>
</feed>