<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <updated>2026-07-20T21:31:19Z</updated>
  <generator>https://njump.me</generator>

  <title>Nostr notes by Manuel Strehl 🫏</title>
  <author>
    <name>Manuel Strehl 🫏</name>
  </author>
  <link rel="self" type="application/atom+xml" href="https://njump.me/npub1s9m6ew5v394mceccgscjnu3lu42k48qe5csgez4vq0slese8933sc7pr63.rss" />
  <link href="https://njump.me/npub1s9m6ew5v394mceccgscjnu3lu42k48qe5csgez4vq0slese8933sc7pr63" />
  <id>https://njump.me/npub1s9m6ew5v394mceccgscjnu3lu42k48qe5csgez4vq0slese8933sc7pr63</id>
  <icon>https://files.mastodon.social/accounts/avatars/000/504/041/original/5f6f1bcce7b57b93.png</icon>
  <logo>https://files.mastodon.social/accounts/avatars/000/504/041/original/5f6f1bcce7b57b93.png</logo>




  <entry>
    <id>https://njump.me/nevent1qqsre9e4l5e84get7jlqqteel9wus8nn6uhe5sz7dnm339cs4vcurzqzyzqh0t963jykh0r8rpzrz20j8lj4265urxnzpry24sp7rlxryukxx6avzav</id>
    
      <title type="html">quick caveat (if you want to use it in your beginners’ series): ...</title>
    
    <link rel="alternate" href="https://njump.me/nevent1qqsre9e4l5e84get7jlqqteel9wus8nn6uhe5sz7dnm339cs4vcurzqzyzqh0t963jykh0r8rpzrz20j8lj4265urxnzpry24sp7rlxryukxx6avzav" />
    <content type="html">
      In reply to &lt;a href=&#39;/nevent1qqs0veutcsgjf3dh288ywfgdxlnv05d9dhj7udljd3zalwwuv3ne27s7fly7f&#39;&gt;nevent1q…ly7f&lt;/a&gt;&lt;br/&gt;_________________________&lt;br/&gt;&lt;br/&gt;quick caveat (if you want to use it in your beginners’ series): This diagram is only valid for elements with&lt;br/&gt;&lt;br/&gt;direction: ltr;&lt;br/&gt;writing-mode: horizontal-tb;&lt;br/&gt;flex-direction: row;&lt;br/&gt;&lt;br/&gt;(or writing-mode: vertical-*; flex-direction: column;)&lt;br/&gt;&lt;br/&gt;In the corresponding other cases it must be rotated/mirrored accordingly.&lt;br/&gt;&lt;br/&gt;I find that this creates a bit of a mental load to get justify/align right all the times, especially when I switch flex-direction on breakpoints.
    </content>
    <updated>2025-10-19T10:49:30Z</updated>
  </entry>

  <entry>
    <id>https://njump.me/nevent1qqsg3lnaqk38p4sylxa22npp5qn26jrwklry8pc7sh6v8cz6lels76szyzqh0t963jykh0r8rpzrz20j8lj4265urxnzpry24sp7rlxryukxxzu46g3</id>
    
      <title type="html">funnily, old HTML had this feature for table cells ...</title>
    
    <link rel="alternate" href="https://njump.me/nevent1qqsg3lnaqk38p4sylxa22npp5qn26jrwklry8pc7sh6v8cz6lels76szyzqh0t963jykh0r8rpzrz20j8lj4265urxnzpry24sp7rlxryukxxzu46g3" />
    <content type="html">
      In reply to &lt;a href=&#39;/nevent1qqsrwjdt473vgzewlm2cmkp9r6nwg9p4d08fsenaundlkk4et58ew9ctyhnsj&#39;&gt;nevent1q…hnsj&lt;/a&gt;&lt;br/&gt;_________________________&lt;br/&gt;&lt;br/&gt;funnily, old HTML had this feature for table cells (not-standardized, though, but Chromium-based browsers support it):&lt;br/&gt;&lt;br/&gt;&amp;lt;td align=char char=&amp;#34;.&amp;#34;&amp;gt;
    </content>
    <updated>2024-12-15T18:08:37Z</updated>
  </entry>

  <entry>
    <id>https://njump.me/nevent1qqsxjrjf7k7zlmsjrh46jm75wkgrh2fp5hkpl9mns9wg4dn2at32aeszyzqh0t963jykh0r8rpzrz20j8lj4265urxnzpry24sp7rlxryukxx8f5xsh</id>
    
      <title type="html">I ticked “nuanced”. The problem is that on face value the ...</title>
    
    <link rel="alternate" href="https://njump.me/nevent1qqsxjrjf7k7zlmsjrh46jm75wkgrh2fp5hkpl9mns9wg4dn2at32aeszyzqh0t963jykh0r8rpzrz20j8lj4265urxnzpry24sp7rlxryukxx8f5xsh" />
    <content type="html">
      In reply to &lt;a href=&#39;/nevent1qqs80a4cl06v6lud5xth4s7mlfmk3de3d9w2k5s35yufhpff80q5pqc8dcfwh&#39;&gt;nevent1q…cfwh&lt;/a&gt;&lt;br/&gt;_________________________&lt;br/&gt;&lt;br/&gt;I ticked “nuanced”. The problem is that on face value the collected data is trivial. But given the huge amount of possible data to collect and aggregate we need to factor in the aim of collecting the data. &lt;br/&gt;&lt;br/&gt;We implicitly assume that the supermarket is in the business of providing goods for its customers, having the well-being of them at least somewhere in the mind of the deciders.&lt;br/&gt;&lt;br/&gt;1/2
    </content>
    <updated>2024-12-15T12:11:37Z</updated>
  </entry>

  <entry>
    <id>https://njump.me/nevent1qqs85x6epf7xdn04dvtxmn6glqqpt0lgg590j768s4twk4cpc2t24yszyzqh0t963jykh0r8rpzrz20j8lj4265urxnzpry24sp7rlxryukxxyay3ll</id>
    
      <title type="html">yes, that is the reason why I virtually never use &amp;lt;input ...</title>
    
    <link rel="alternate" href="https://njump.me/nevent1qqs85x6epf7xdn04dvtxmn6glqqpt0lgg590j768s4twk4cpc2t24yszyzqh0t963jykh0r8rpzrz20j8lj4265urxnzpry24sp7rlxryukxxyay3ll" />
    <content type="html">
      In reply to &lt;a href=&#39;/nevent1qqsdf0s6pjx0afrmujr8ahupuwdrftqc9pcepcrtaqrgfjh642at3pswymmsz&#39;&gt;nevent1q…mmsz&lt;/a&gt;&lt;br/&gt;_________________________&lt;br/&gt;&lt;br/&gt;yes, that is the reason why I virtually never use &amp;lt;input type=color&amp;gt;. RGB hex is OK for a simple color picker (think “what’s your profile color?”), but in other contexts it fails miserably:&lt;br/&gt;&lt;br/&gt;- no transparency support&lt;br/&gt;- no empty value, default is black&lt;br/&gt;- no wide gamut colors&lt;br/&gt;&lt;br/&gt;This makes it the wrong tool, when it can be expected that the field will also be filled by professionals with higher requirements.
    </content>
    <updated>2024-12-13T09:40:00Z</updated>
  </entry>

  <entry>
    <id>https://njump.me/nevent1qqsft43y8966d7arp0qm58mefcq6nhx2p2dn6u2xa4sf0q9q6ej9qqqzyzqh0t963jykh0r8rpzrz20j8lj4265urxnzpry24sp7rlxryukxxtxgft2</id>
    
      <title type="html">If you allow user input for #CSS colors, e.g. for a CMS theme, ...</title>
    
    <link rel="alternate" href="https://njump.me/nevent1qqsft43y8966d7arp0qm58mefcq6nhx2p2dn6u2xa4sf0q9q6ej9qqqzyzqh0t963jykh0r8rpzrz20j8lj4265urxnzpry24sp7rlxryukxxtxgft2" />
    <content type="html">
      If you allow user input for #CSS colors, e.g. for a CMS theme, how would you validate the input?&lt;br/&gt;&lt;br/&gt;In the Olden Days ™️  it was easy:&lt;br/&gt;&lt;br/&gt;/#[0-9A-F]{6}$/&lt;br/&gt;&lt;br/&gt;But now, a valid CSS color can look like this:&lt;br/&gt;&lt;br/&gt;hsl(from var(--custom-color) h s clamp(var(--min-lightness), l, var(--max-lightness)))&lt;br/&gt;&lt;br/&gt;(from &lt;span itemprop=&#34;mentions&#34; itemscope itemtype=&#34;https://schema.org/Person&#34;&gt;&lt;a itemprop=&#34;url&#34; href=&#34;/npub1st5ne6qghqnj87frjvlexp775k6zdwudywazj09d87d0xuezqp8q4u78sq&#34; class=&#34;bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1&#34;&gt;&lt;span&gt;Angelika Cathor&lt;/span&gt; (&lt;span class=&#34;italic&#34;&gt;npub1st5…78sq&lt;/span&gt;)&lt;/a&gt;&lt;/span&gt;’s great post at &lt;a href=&#34;https://angelika.me/2024/12/01/how-to-clamp-relative-color-lightness/&#34;&gt;https://angelika.me/2024/12/01/how-to-clamp-relative-color-lightness/&lt;/a&gt;. Go read it!)&lt;br/&gt;&lt;br/&gt;I assume we only have two options now, „Write a full CSS parser“ and „forgo validation“?
    </content>
    <updated>2024-12-13T09:05:11Z</updated>
  </entry>

  <entry>
    <id>https://njump.me/nevent1qqs2drmry5hlt8w4x4fvdfkrd4pd8kc8c5c72n3pu5cqsjh0sf5x3sgzyzqh0t963jykh0r8rpzrz20j8lj4265urxnzpry24sp7rlxryukxxgvsywv</id>
    
      <title type="html">I’d say @‍layer, because this gives you a single point to ...</title>
    
    <link rel="alternate" href="https://njump.me/nevent1qqs2drmry5hlt8w4x4fvdfkrd4pd8kc8c5c72n3pu5cqsjh0sf5x3sgzyzqh0t963jykh0r8rpzrz20j8lj4265urxnzpry24sp7rlxryukxxgvsywv" />
    <content type="html">
      In reply to &lt;a href=&#39;/nevent1qqsyeszyxwvfttz00x4dx6rscnph2tx3pz5kpxg03z6gp7kzezzx3jgt746xv&#39;&gt;nevent1q…46xv&lt;/a&gt;&lt;br/&gt;_________________________&lt;br/&gt;&lt;br/&gt;I’d say @‍layer, because this gives you a single point to re-shuffle layers later. Or put another way, it makes the order of layers explicit.&lt;br/&gt;&lt;br/&gt;Using it after the imports has no effect (apart from specifying additional layers that come afterwards).
    </content>
    <updated>2024-10-23T09:41:12Z</updated>
  </entry>

</feed>