<story><title>Show HN: Tailwind.run – An Online Playground for Tailwind CSS</title><url>https://tailwind.run</url></story><parent_chain></parent_chain><comment><author>Etheryte</author><text>While semantic styling has been around for quite a while in different shapes and forms, this is essentially the same as inlining all of your styles in a style attribute on every element, albeit just a bit shorter to write.&lt;p&gt;It&amp;#x27;s an interesting idea to entertain as a thought, and some utility classes certainly hold value in general, but I don&amp;#x27;t see how you would ever reasonably want to use this in a project. It has all the same drawbacks as writing inline styles on elements, not to mention the large size.&lt;p&gt;Say you have a number of views and decide (or a client decides) you want all of the buttons to have a bit more padding. If anything else happens to completely accidentally also use the same padding class you&amp;#x27;re always left with manually checking every single instance just for a small change like this.</text></comment>
<story><title>Show HN: Tailwind.run – An Online Playground for Tailwind CSS</title><url>https://tailwind.run</url></story><parent_chain></parent_chain><comment><author>utkarshkukreti</author><text>Hey everyone!&lt;p&gt;I tweeted a video of the app in action here: &lt;a href=&quot;https:&amp;#x2F;&amp;#x2F;twitter.com&amp;#x2F;utkarshkukreti&amp;#x2F;status&amp;#x2F;1158323716515778560&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;twitter.com&amp;#x2F;utkarshkukreti&amp;#x2F;status&amp;#x2F;115832371651577856...&lt;/a&gt;&lt;p&gt;I made this TailwindCSS Playground over the last two weeks. I really like the core idea of Tailwind and the productivity gains it gives and would like to build more stuff with it in the future!&lt;p&gt;Features:&lt;p&gt;* Compile custom @tailwindcss config and CSS in the browser&lt;p&gt;* Live preview in 5 screen sizes&lt;p&gt;* Class name autocompletion with CSS definition preview&lt;p&gt;* Save code online or export .zip&lt;p&gt;* Vim&amp;#x2F;Emacs&amp;#x2F;Sublime key bindings + Emmet</text></comment>