<?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/html"/>
  <link type="application/atom+xml" rel="self" href="http://ln.ht/_/feed/javascript/JavaScript/html"/>
  <id>http://ln.ht/_/feed/javascript/JavaScript/html</id>
  <title>Bookmarks tagged with: javascript,JavaScript,html</title>
  <updated>2026-09-17T20:35:45.995861Z</updated>
  <entry>
    <category label="soup" term="soup"/>
    <category label="react" term="react"/>
    <category label="javascript" term="javascript"/>
    <category label="html" term="html"/>
    <category label="sizing" term="sizing"/>
    <category label="size" term="size"/>
    <category label="logo" term="logo"/>
    <author>
      <name>reimar</name>
      <uri>https://ln.ht/~reimar</uri>
    </author>
    <content type="html">&lt;p&gt;
A deep dive into the math behind making mismatched brand logos actually look good together. And a tiny React library that does it for you.&lt;/p&gt;
</content>
    <link rel="alternate" href="https://www.sanity.io/blog/the-logo-soup-problem?utm_source=stefanjudis&amp;utm_medium=email&amp;utm_campaign=web-weekly-183-interop-2026-javascript-using-and"/>
    <id>https://www.sanity.io/blog/the-logo-soup-problem?utm_source=stefanjudis&amp;utm_medium=email&amp;utm_campaign=web-weekly-183-interop-2026-javascript-using-and</id>
    <title>The logo soup problem (and how to solve it) | Sanity</title>
    <updated>2026-02-26T16:28:13Z</updated>
  </entry>
  <entry>
    <category label="minimal" term="minimal"/>
    <category label="realtime" term="realtime"/>
    <category label="framework" term="framework"/>
    <category label="javascript" term="javascript"/>
    <category label="js" term="js"/>
    <category label="html" term="html"/>
    <author>
      <name>chrisSt</name>
      <uri>https://ln.ht/~chrisSt</uri>
    </author>
    <content type="html">&lt;p&gt;
The hypermedia framework.&lt;/p&gt;
</content>
    <link rel="alternate" href="https://data-star.dev/"/>
    <id>https://data-star.dev/</id>
    <title>Datastar</title>
    <updated>2025-11-28T17:23:57Z</updated>
  </entry>
  <entry>
    <category label="JavaScript" term="JavaScript"/>
    <category label="CSS" term="CSS"/>
    <category label="HTML" term="HTML"/>
    <category label="Date" term="Date"/>
    <author>
      <name>tmfnk</name>
      <uri>https://ln.ht/~tmfnk</uri>
    </author>
    <content type="html">&lt;p&gt;
A friendly guide to front-end date pickers!&lt;/p&gt;
</content>
    <link rel="alternate" href="https://pikaday.dbushell.com/"/>
    <id>https://pikaday.dbushell.com/</id>
    <title>Pikaday</title>
    <updated>2025-11-12T07:48:14Z</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="javascript" term="javascript"/>
    <category label="smallweb" term="smallweb"/>
    <category label="css" term="css"/>
    <category label="html" term="html"/>
    <author>
      <name>maf</name>
      <uri>https://ln.ht/~maf</uri>
    </author>
    <content type="html">&lt;p&gt;
It’s actually pretty incredible what HTML and CSS alone can achieve.&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-04T07:15:32Z</updated>
  </entry>
  <entry>
    <category label="HTML" term="HTML"/>
    <category label="JavaScript" term="JavaScript"/>
    <author>
      <name>sebastien</name>
      <uri>https://ln.ht/~sebastien</uri>
    </author>
    <content type="html">&lt;p&gt;
A very simple, no specific backend required, way to reload the current web page. Super useful for development.&lt;/p&gt;
</content>
    <link rel="alternate" href="https://leanrada.com/notes/simple-live-reload/"/>
    <id>https://leanrada.com/notes/simple-live-reload/</id>
    <title>JS Live Reload</title>
    <updated>2025-07-13T18:48:07Z</updated>
  </entry>
  <entry>
    <category label="graphql" term="graphql"/>
    <category label="json" term="json"/>
    <category label="typescript" term="typescript"/>
    <category label="javascript" term="javascript"/>
    <category label="css" term="css"/>
    <category label="html" term="html"/>
    <category label="biome" term="biome"/>
    <author>
      <name>stefankuehnel</name>
      <uri>https://ln.ht/~stefankuehnel</uri>
    </author>
    <content type="html"></content>
    <link rel="alternate" href="https://biomejs.dev/"/>
    <id>https://biomejs.dev/</id>
    <title>BiomeJS: Formatter, Linter, and More</title>
    <updated>2025-06-22T23:17:27Z</updated>
  </entry>
  <entry>
    <category label="bash" term="bash"/>
    <category label="python" term="python"/>
    <category label="go" term="go"/>
    <category label="java" term="java"/>
    <category label="javascript" term="javascript"/>
    <category label="typescript" term="typescript"/>
    <category label="css" term="css"/>
    <category label="html" term="html"/>
    <category label="google" term="google"/>
    <author>
      <name>stefankuehnel</name>
      <uri>https://ln.ht/~stefankuehnel</uri>
    </author>
    <content type="html"></content>
    <link rel="alternate" href="https://google.github.io/styleguide/"/>
    <id>https://google.github.io/styleguide/</id>
    <title>Google Style Guides</title>
    <updated>2025-06-13T23:53:08Z</updated>
  </entry>
  <entry>
    <category label="javascript" term="javascript"/>
    <category label="css" term="css"/>
    <category label="html" term="html"/>
    <author>
      <name>stefankuehnel</name>
      <uri>https://ln.ht/~stefankuehnel</uri>
    </author>
    <content type="html"></content>
    <link rel="alternate" href="https://web.dev/patterns?hl=en"/>
    <id>https://web.dev/patterns?hl=en</id>
    <title>Web Patterns: A Collection of Code Snippets to Help You Optimize Your Web Projects</title>
    <updated>2025-05-29T00:18:10Z</updated>
  </entry>
  <entry>
    <category label="javascript" term="javascript"/>
    <category label="html" term="html"/>
    <author>
      <name>stefankuehnel</name>
      <uri>https://ln.ht/~stefankuehnel</uri>
    </author>
    <content type="html"></content>
    <link rel="alternate" href="https://www.walterzorn.de/en/tooltip/tooltip_e.htm"/>
    <id>https://www.walterzorn.de/en/tooltip/tooltip_e.htm</id>
    <title>JavaScript, Dhtml Tooltips</title>
    <updated>2025-05-28T23:13:17Z</updated>
  </entry>
  <entry>
    <category label="javascript" term="javascript"/>
    <category label="html" term="html"/>
    <author>
      <name>stefankuehnel</name>
      <uri>https://ln.ht/~stefankuehnel</uri>
    </author>
    <content type="html"></content>
    <link rel="alternate" href="https://github.com/mozilla/readability"/>
    <id>https://github.com/mozilla/readability</id>
    <title>Readability.js</title>
    <updated>2025-05-28T22:09:50Z</updated>
  </entry>
  <entry>
    <category label="accessibility" term="accessibility"/>
    <category label="web-components" term="web-components"/>
    <category label="javascript" term="javascript"/>
    <category label="css" term="css"/>
    <category label="html" term="html"/>
    <author>
      <name>stefankuehnel</name>
      <uri>https://ln.ht/~stefankuehnel</uri>
    </author>
    <content type="html"></content>
    <link rel="alternate" href="https://www.w3.org/WAI/ARIA/apg/patterns/"/>
    <id>https://www.w3.org/WAI/ARIA/apg/patterns/</id>
    <title>APG (ARIA Authoring Practices Guide): Patterns</title>
    <updated>2025-05-28T22:02:36Z</updated>
  </entry>
  <entry>
    <category label="web-components" term="web-components"/>
    <category label="javascript" term="javascript"/>
    <category label="css" term="css"/>
    <category label="html" term="html"/>
    <author>
      <name>stefankuehnel</name>
      <uri>https://ln.ht/~stefankuehnel</uri>
    </author>
    <content type="html"></content>
    <link rel="alternate" href="https://component.gallery/"/>
    <id>https://component.gallery/</id>
    <title>The Component Gallery: An up-To-Date Repository of Interface Components Based on Examples from the World of Design Systems</title>
    <updated>2025-05-28T21:13:18Z</updated>
  </entry>
  <entry>
    <category label="javascript" term="javascript"/>
    <category label="css" term="css"/>
    <category label="html" term="html"/>
    <author>
      <name>stefankuehnel</name>
      <uri>https://ln.ht/~stefankuehnel</uri>
    </author>
    <content type="html"></content>
    <link rel="alternate" href="https://developer.chrome.com/blog/introducing-popover-api"/>
    <id>https://developer.chrome.com/blog/introducing-popover-api</id>
    <title> Introducing the Popover API</title>
    <updated>2025-05-28T21:10:18Z</updated>
  </entry>
  <entry>
    <category label="web-components" term="web-components"/>
    <category label="javascript" term="javascript"/>
    <category label="css" term="css"/>
    <category label="html" term="html"/>
    <author>
      <name>stefankuehnel</name>
      <uri>https://ln.ht/~stefankuehnel</uri>
    </author>
    <content type="html"></content>
    <link rel="alternate" href="https://plainvanillaweb.com/index.html"/>
    <id>https://plainvanillaweb.com/index.html</id>
    <title>Plain Vanilla Web: An Explainer for Doing Web Development Using Only Vanilla Techniques</title>
    <updated>2025-05-28T20:42:41Z</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="guide" term="guide"/>
    <category label="css" term="css"/>
    <category label="javascript" term="javascript"/>
    <category label="html" term="html"/>
    <category label="webdesign" term="webdesign"/>
    <author>
      <name>greyb34rd</name>
      <uri>https://ln.ht/~greyb34rd</uri>
    </author>
    <content type="html"></content>
    <link rel="alternate" href="https://plainvanillaweb.com/index.html"/>
    <id>https://plainvanillaweb.com/index.html</id>
    <title>Plain Vanilla</title>
    <updated>2025-05-12T16:22:19Z</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="javascript" term="javascript"/>
    <category label="html" term="html"/>
    <category label="programming" term="programming"/>
    <category label="work" term="work"/>
    <category label="webdev" term="webdev"/>
    <author>
      <name>eli</name>
      <uri>https://ln.ht/~eli</uri>
    </author>
    <content type="html">&lt;blockquote&gt;
  &lt;p&gt;
Now to be fair, I’ve dunked on shadow DOM a bit in the past myself… such as when it’s used as a container for piles of JavaScript-generated HTML that would be better off in the page from the start. But the more I’ve worked with web components, the more I’ve come to see that shadow DOM (and slots in particular) may still play an interesting role in the HTML Web Components story.  &lt;/p&gt;
&lt;/blockquote&gt;
</content>
    <link rel="alternate" href="https://scottjehl.com/posts/html-web-components-shadow-dom/?2"/>
    <id>https://scottjehl.com/posts/html-web-components-shadow-dom/?2</id>
    <title>HTML Web Components Can Have a Little Shadow DOM, As A Treat | Scott Jehl, Web Designer/Developer</title>
    <updated>2024-08-06T17:39:52Z</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>