<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="/pretty-feed.xsl" type="text/xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>Bookmarks by Saneef</title>
  
    <link href="https://saneef.com/feed-bookmarks.xml" rel="self" />
    <link href="https://saneef.com" rel="alternate" type="text/html" />
    <updated>2026-02-11T06:14:53Z</updated>
    <id>https://saneef.com/</id>
    <author>
      <name>Saneef H. Ansari</name>
      <uri>https://saneef.com/</uri>
    </author>
    <image>
      <url>https://saneef.com/192.png</url>
      <title>Bookmarks by Saneef</title>
      <link>https://saneef.com/</link>
    </image><entry>
        <title>Aliasing start commands</title>
        <link href="https://saneef.com/bookmarks/aliasing-start-commands/" />
        <published>2026-02-11T03:30:00Z</published>
        <updated>2026-02-11T06:14:53Z</updated>
        <id>https://saneef.com/bookmarks/aliasing-start-commands/</id>
        <content type="html"
          ><![CDATA[<p>I always forget the command to start the dev server for different projects I work on. It’s annoying to hunt for that command in the <code>readme.md</code> or <code>package.json</code>.</p> <p>I have been using <a href="https://multiline.co/mment/2025/05/aliasing-start-commands/">Ashur’s alias script</a> for the past year. I only have to run the command <code>start</code>! It’s so helpful.</p> <p>It is a Zsh script. If you are looking for a Fish Shell variant, you can use the <a href="https://gist.github.com/saneef/e276efd1e0cb182bf7d2926f727d5717">I have written</a>.</p> 
          
 <p> <a href="https://multiline.co/mment/2025/05/aliasing-start-commands/">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/aliasing-start-commands/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>macOS Tidbits</title>
        <link href="https://saneef.com/bookmarks/macos-tidbits/" />
        <published>2026-02-03T03:30:00Z</published>
        <updated>2026-02-03T05:12:30Z</updated>
        <id>https://saneef.com/bookmarks/macos-tidbits/</id>
        <content type="html"
          ><![CDATA[<p><a href="https://lai.nz">Jasper</a> has put together a list of useful macOS tricks. One that surprised me: Hold <kbd>⌘</kbd> to interact with background windows without bringing them into focus. Wow!</p> 
          
 <p> <a href="https://macos-tidbits.lai.nz/">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/macos-tidbits/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>Care and leadership</title>
        <link href="https://saneef.com/bookmarks/care-and-leadership/" />
        <published>2025-12-14T03:30:00Z</published>
        <updated>2025-12-13T17:55:20Z</updated>
        <id>https://saneef.com/bookmarks/care-and-leadership/</id>
        <content type="html"
          ><![CDATA[<p>A beautiful essay by an anonymous writer about the prevalent performance of ‘care’ by the leaders.</p> <blockquote> <p>You can’t fake care. People feel it. In small moments, in the gaps between your words, in the way you prioritise your business over their wellbeing. Care is a practice, not a performance. If you only care when outsiders are watching, you’re just performing.</p> <p>—<cite>Anonymous, <a href="https://www.ithoughtaboutthatalot.com/2025/the-things-i-want-to-say-to-my-boss">In 2025, I thought a lot about the things I want to say to my boss</a></cite></p> </blockquote> 
          
 <p> <a href="https://www.ithoughtaboutthatalot.com/2025/the-things-i-want-to-say-to-my-boss">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/care-and-leadership/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>Great Design Comes from Looking Away</title>
        <link href="https://saneef.com/bookmarks/great-design-comes-from-looking-away/" />
        <published>2025-05-29T03:30:00Z</published>
        <updated>2025-05-29T17:40:54Z</updated>
        <id>https://saneef.com/bookmarks/great-design-comes-from-looking-away/</id>
        <content type="html"
          ><![CDATA[<blockquote> <p>When we constantly reference existing solutions, our work inevitably gravitates toward the mean. We solve for expectations rather than needs. We optimize for recognition rather than revelation. We produce work that feels familiar and safe but lacks the distinctive character that makes design truly compelling.</p> <p>—<cite>Christopher Butler, <a href="https://www.chrbutler.com/good-design-comes-from-looking-great-design-comes-from-looking-away/">Good Design Comes from Looking, Great Design Comes from Looking Away</a></cite></p> </blockquote> 
          
 <p> <a href="https://www.chrbutler.com/good-design-comes-from-looking-great-design-comes-from-looking-away/">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/great-design-comes-from-looking-away/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>How Andy builds a button component</title>
        <link href="https://saneef.com/bookmarks/how-andy-builds-a-button-component/" />
        <published>2024-10-06T03:30:00Z</published>
        <updated>2024-10-06T07:28:31Z</updated>
        <id>https://saneef.com/bookmarks/how-andy-builds-a-button-component/</id>
        <content type="html"
          ><![CDATA[<p><a href="https://piccalil.li/blog/how-i-build-a-button-component/">Andy Bell walks through</a> his process of writing configurable CSS using the most common component, the button.</p> 
          
 <p> <a href="https://piccalil.li/blog/how-i-build-a-button-component/">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/how-andy-builds-a-button-component/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>The Anchor Element</title>
        <link href="https://saneef.com/bookmarks/anchor-element/" />
        <published>2024-08-19T03:30:00Z</published>
        <updated>2024-10-06T07:28:31Z</updated>
        <id>https://saneef.com/bookmarks/anchor-element/</id>
        <content type="html"
          ><![CDATA[<p>Heydon Pickering wrote about the important HTML <code>&lt;a&gt;</code> element, the element that makes the World Wide Web. The article is funny and informative. Don’t miss it.</p> <blockquote> <p>Web developers and content editors, the world over, make the mistake of not making text that describes a link actually go inside that link. This is collosally unfortunate, given it’s the main thing to get right when writing hypertext.</p> <p>—<cite>Heydon Pickering, <a href="https://heydonworks.com/article/the-anchor-element/">The Anchor Element</a></cite></p> </blockquote> 
          
 <p> <a href="https://heydonworks.com/article/the-anchor-element/">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/anchor-element/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>‘border-color: transparent’ beats ‘border: none’</title>
        <link href="https://saneef.com/bookmarks/border-transparent/" />
        <published>2024-05-09T03:30:00Z</published>
        <updated>2024-05-09T15:31:32Z</updated>
        <id>https://saneef.com/bookmarks/border-transparent/</id>
        <content type="html"
          ><![CDATA[<p><a href="https://frontendmasters.com/blog/you-want-border-color-transparent-not-border-none/">Dave Rupert explains</a> why it’s better to use <code>border-color: transparent</code> instead of <code>border: 0</code>, <code>border: none</code>, or <code>outline: none</code>.</p> 
          
 <p> <a href="https://frontendmasters.com/blog/you-want-border-color-transparent-not-border-none/">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/border-transparent/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>On disabled and aria-disabled attributes</title>
        <link href="https://saneef.com/bookmarks/on-disabled-and-aria-disabled-attributes/" />
        <published>2024-04-04T03:30:00Z</published>
        <updated>2024-04-04T04:44:40Z</updated>
        <id>https://saneef.com/bookmarks/on-disabled-and-aria-disabled-attributes/</id>
        <content type="html"
          ><![CDATA[<p>Kitty Giraudel wrote about the differences between <code>disabled</code> and <code>aria-disabled</code> HTML attributes. She also explained when to use what.</p> 
          
 <p> <a href="https://kittygiraudel.com/2024/03/29/on-disabled-and-aria-disabled-attributes/">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/on-disabled-and-aria-disabled-attributes/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>Design is a process of getting stuck</title>
        <link href="https://saneef.com/bookmarks/design-is-a-process-of-getting-stuck/" />
        <published>2024-04-01T08:30:00Z</published>
        <updated>2024-04-01T09:09:06Z</updated>
        <id>https://saneef.com/bookmarks/design-is-a-process-of-getting-stuck/</id>
        <content type="html"
          ><![CDATA[<p><em>…and getting unstuck.</em></p> <p>Robin Rendle writes about how he uses a whiteboard to get unstuck. A whiteboard (the real one) may not be practical for doing design remotely. I believe the key is to get feedbacks on early ideas from a colleague or a client. Use any tool that works for you. A sketch on a paper, or a quick-and-dirty mockup with <a href="https://balsamiq.com/">Balsamiq</a> works for me.</p> 
          
 <p> <a href="https://robinrendle.com/notes/design-is-a-process-of-getting-stuck-/">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/design-is-a-process-of-getting-stuck/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>How to help someone use a computer</title>
        <link href="https://saneef.com/bookmarks/how-to-help-someone-use-a-computer/" />
        <published>2024-03-28T17:30:00Z</published>
        <updated>2024-03-28T19:12:03Z</updated>
        <id>https://saneef.com/bookmarks/how-to-help-someone-use-a-computer/</id>
        <content type="html"
          ><![CDATA[<p>Teaching a subject you are good at is hard. Many of us suffer from the <a href="https://en.wikipedia.org/wiki/Curse_of_knowledge">curse of knowledge</a>. We might end up confusing the folks who need help instead of helping them. Phil’s article reminds us how to think like a beginner – which we had forgotten – and tips to help them better.</p> <blockquote> <p>Attend to the symbolism of the interaction. Try to squat down so your eyes are just below the level of theirs. When they’re looking at the computer, look at the computer. When they’re looking at you, look back at them.</p> <p>—<cite>Phil Agre, <a href="https://pages.gseis.ucla.edu/faculty/agre/how-to-help.html">How to help someone use a computer</a></cite></p> </blockquote> 
          
 <p> <a href="https://pages.gseis.ucla.edu/faculty/agre/how-to-help.html">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/how-to-help-someone-use-a-computer/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>CSS button styles you might not know</title>
        <link href="https://saneef.com/bookmarks/css-button-styles-you-might-not-know/" />
        <published>2024-03-22T03:30:00Z</published>
        <updated>2024-03-22T12:54:36Z</updated>
        <id>https://saneef.com/bookmarks/css-button-styles-you-might-not-know/</id>
        <content type="html"
          ><![CDATA[<p><a href="https://dbushell.com">David Bushell</a> has written <a href="https://dbushell.com/2024/03/10/css-button-styles-you-might-not-know/">a succinct article</a> on CSS properties that are handy while creating a button. <code>inline-size: fit-content</code> and <code>touch-action: manipulation</code> are new to me.</p> 
          
 <p> <a href="https://dbushell.com/2024/03/10/css-button-styles-you-might-not-know/">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/css-button-styles-you-might-not-know/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>Making sure screen readers read out minus symbol</title>
        <link href="https://saneef.com/bookmarks/minus-symbol/" />
        <published>2024-03-18T11:00:00Z</published>
        <updated>2024-03-18T09:59:28Z</updated>
        <id>https://saneef.com/bookmarks/minus-symbol/</id>
        <content type="html"
          ><![CDATA[<p><a href="https://www.robinwhittleton.com/2020/10/29/reading-the-hyphen-minus/">Robin wrote about</a> preparing markup with negative currency values for screen readers. Thanks to <a href="https://front-end.social/@matuzo/112087789699549387">Manuel</a> for finding it.</p> 
          
 <p> <a href="https://www.robinwhittleton.com/2020/10/29/reading-the-hyphen-minus/">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/minus-symbol/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>Illustrated guide to Tailwind vs. Semantic CSS</title>
        <link href="https://saneef.com/bookmarks/tailwind-vs-semantic-css/" />
        <published>2024-02-28T06:00:00Z</published>
        <updated>2024-02-28T05:42:58Z</updated>
        <id>https://saneef.com/bookmarks/tailwind-vs-semantic-css/</id>
        <content type="html"
          ><![CDATA[<p>Following up on Tailwind vs Semantic CSS, Tero Piirainen <a href="https://nuejs.org/blog/tailwind-vs-semantic-css/">illustrates</a> their differences by implementing a design using both Tailwind and Semantic CSS.</p> 
          
 <p> <a href="https://nuejs.org/blog/tailwind-vs-semantic-css/">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/tailwind-vs-semantic-css/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>Interactive Guide for CSS :has</title>
        <link href="https://saneef.com/bookmarks/css-has-interactive-guide/" />
        <published>2024-02-26T03:30:00Z</published>
        <updated>2024-02-26T15:35:44Z</updated>
        <id>https://saneef.com/bookmarks/css-has-interactive-guide/</id>
        <content type="html"
          ><![CDATA[<p><a href="https://ishadeed.com/">Ahmad Shadeed</a> wrote a valuable <a href="https://ishadeed.com/article/css-has-guide">guide on CSS <code>:has</code> pseudo-class</a> with loads of examples. Almost all the examples are interactive and accompany explanations.</p> 
          
 <p> <a href="https://ishadeed.com/article/css-has-guide">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/css-has-interactive-guide/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>Use the right CSS units to make content accessible</title>
        <link href="https://saneef.com/bookmarks/right-css-units/" />
        <published>2024-02-21T23:00:00Z</published>
        <updated>2024-02-21T03:49:35Z</updated>
        <id>https://saneef.com/bookmarks/right-css-units/</id>
        <content type="html"
          ><![CDATA[<p>Josh Comeau wrote <a href="https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/">an educational article</a> on the implications of different CSS units on accessibility.</p> <p>Using relative units (<code>rem</code>, <code>em</code>) for everything is quite common these days. But, using relative units in some context is detrimental to accessibility. In some scenarios, fixed units make the content accessible to more people. Josh helps us build mental models on sizing things on the web, and guides us with the how’s and why’s of choosing a CSS unit.</p> 
          
 <p> <a href="https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/right-css-units/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>A practical guide to using shadow DOM</title>
        <link href="https://saneef.com/bookmarks/guide-to-shadow-dom/" />
        <published>2024-02-21T03:30:00Z</published>
        <updated>2024-02-21T03:04:22Z</updated>
        <id>https://saneef.com/bookmarks/guide-to-shadow-dom/</id>
        <content type="html"
          ><![CDATA[<p>To go with the good news of <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/123#html">Firefox 123</a> release with <a href="https://developer.chrome.com/docs/css-ui/declarative-shadow-dom">declarative shadow DOM</a> <a href="https://www.mayank.co">Mayank</a> has written a guide to using shadow DOM.</p> 
          
 <p> <a href="https://www.mayank.co/blog/declarative-shadow-dom-guide">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/guide-to-shadow-dom/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>Utility-First CSS</title>
        <link href="https://saneef.com/bookmarks/utility-first-css/" />
        <published>2024-02-20T11:30:00Z</published>
        <updated>2024-02-20T09:51:55Z</updated>
        <id>https://saneef.com/bookmarks/utility-first-css/</id>
        <content type="html"
          ><![CDATA[<p>In the age of the Utility-First CSS, speaking of CSS is a revolutionary act.</p> <p><a href="https://twitter.com/tipiirai">Tero Piirainen</a> wrote about <a href="https://nuejs.org/blog/tailwind-misinformation-engine/">how the pitch of Tailwind is convoluted</a> and the future of Tailwind is nightmarish. As a follow-up, <a href="https://heydonworks.com">Heydon Pickering</a> wrote an article explaining <a href="https://heydonworks.com/article/what-is-utility-first-css/">how counterproductive is the approach of Utility-First CSS</a> compared to writing real CSS.</p> 
          
 <p> <a href="https://heydonworks.com/article/what-is-utility-first-css/">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/utility-first-css/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>UI = f(org)</title>
        <link href="https://saneef.com/bookmarks/ui-and-org/" />
        <published>2024-02-20T05:30:00Z</published>
        <updated>2024-02-19T15:40:58Z</updated>
        <id>https://saneef.com/bookmarks/ui-and-org/</id>
        <content type="html"
          ><![CDATA[<p>Every time I work on a project with a large organisation, I get the feeling that I’m working with a stubborn monster. It’s difficult to get any answers, it’s difficult to convince, it’s difficult to make any changes, and it’s difficult to implement solutions.</p> <p>Jim Nielsen verbalise that feeling succinctly.</p> <blockquote> <p>UI is a function of your organization.</p> <p>—<cite>Jim Nielsen, <a href="https://blog.jim-nielsen.com/2024/ui-fn-org/">UI=f(org): UI is a Function of Your Organization</a></cite></p> </blockquote> 
          
 <p> <a href="https://blog.jim-nielsen.com/2024/ui-fn-org/">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/ui-and-org/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>Don’t delegate understanding</title>
        <link href="https://saneef.com/bookmarks/dont-delegate-understanding/" />
        <published>2024-02-20T03:30:00Z</published>
        <updated>2024-02-19T05:34:44Z</updated>
        <id>https://saneef.com/bookmarks/dont-delegate-understanding/</id>
        <content type="html"
          ><![CDATA[<blockquote> <p>There is a parasite, I see it everywhere. It consumes your health and wealth. It preys on ignorance and is easy to catch. It’s so common you may not even notice you have it.</p> <p>The parasite has a simple and attractive proposition: let me take care of this hard thing for you. Trust me, I know better.</p> <p>Instead of understanding it yourself, you choose to give the parasite control over your health, education, money, housing, business, identity, data, infrastructure, climate, justice. Even your beliefs.</p> <p>—<cite>Step Ango, <a href="https://stephango.com/understand">Don’t delegate understanding</a></cite></p> </blockquote> 
          
 <p> <a href="https://stephango.com/understand">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/dont-delegate-understanding/">Permalink</a> </p> 

          ]]></content
        >
      </entry><entry>
        <title>Understanding time zones</title>
        <link href="https://saneef.com/bookmarks/understanding-time-zones/" />
        <published>2024-02-19T15:30:00Z</published>
        <updated>2024-02-19T05:31:27Z</updated>
        <id>https://saneef.com/bookmarks/understanding-time-zones/</id>
        <content type="html"
          ><![CDATA[<p>Time zones are tricky when building applications. Ciju <a href="https://ciju.in/writings/understanding-timezones">wrote about time zones</a> in software beyond the usual advice, “always use UTC.” His article includes a short history of time zones too.</p> 
          
 <p> <a href="https://ciju.in/writings/understanding-timezones">Direct Link to Article</a> &#8212; <a href="https://saneef.com/bookmarks/understanding-time-zones/">Permalink</a> </p> 

          ]]></content
        >
      </entry>
</feed>

