<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Brian</title>
    <description>The latest articles on DEV Community by Brian (@brianh).</description>
    <link>https://dev.to/brianh</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1082521%2F6549a95d-8cf5-4585-bc02-b6c35b0cdd44.jpg</url>
      <title>DEV Community: Brian</title>
      <link>https://dev.to/brianh</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/brianh"/>
    <language>en</language>
    <item>
      <title>🛠️ HTML to JSX Conversion 🛠️</title>
      <dc:creator>Brian</dc:creator>
      <pubDate>Wed, 04 Oct 2023 13:47:35 +0000</pubDate>
      <link>https://dev.to/brianh/html-to-jsx-conversion-2fd6</link>
      <guid>https://dev.to/brianh/html-to-jsx-conversion-2fd6</guid>
      <description>&lt;p&gt;I'm working on a tool that converts HTML to JSX.&lt;/p&gt;

&lt;p&gt;What would be good features to add to a tool like this?&lt;/p&gt;

&lt;p&gt;I plan on adding JSX customization such as single, double quote selection, adjusting self-closing tags, adding/removing React imports and component class option.&lt;/p&gt;

&lt;p&gt;What would be other features that'd make it a better conversion tool?&lt;/p&gt;

&lt;p&gt;You can see the tool here: &lt;a href="https://divmagic.com/tools/html-to-jsx"&gt;https://divmagic.com/tools/html-to-jsx&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Don't think about colors again</title>
      <dc:creator>Brian</dc:creator>
      <pubDate>Fri, 29 Sep 2023 01:13:54 +0000</pubDate>
      <link>https://dev.to/brianh/dont-think-about-colors-again-13mn</link>
      <guid>https://dev.to/brianh/dont-think-about-colors-again-13mn</guid>
      <description>&lt;p&gt;I made a tool to convert colors including Tailwind CSS colors!&lt;/p&gt;

&lt;p&gt;You can use it here: &lt;a href="https://divmagic.com/tools/color-converter"&gt;https://divmagic.com/tools/color-converter&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It will give you color recommendations for creating color palettes.&lt;/p&gt;

&lt;p&gt;Let me know what you think!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--J8hholDI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dao9f76obb54s7bao9e0.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--J8hholDI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dao9f76obb54s7bao9e0.gif" alt="Color converter gif" width="800" height="563"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>css</category>
      <category>webdev</category>
    </item>
    <item>
      <title>How to copy style from any website</title>
      <dc:creator>Brian</dc:creator>
      <pubDate>Mon, 10 Jul 2023 05:10:38 +0000</pubDate>
      <link>https://dev.to/brianh/how-to-copy-style-from-any-website-3ooi</link>
      <guid>https://dev.to/brianh/how-to-copy-style-from-any-website-3ooi</guid>
      <description>&lt;p&gt;Would you like to copy the design style code from any website on the internet? With one-click? In CSS or Tailwind CSS?&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/QxPAsDSOIrI"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;I created a tool (&lt;a href="https://divmagic.com"&gt;DivMagic&lt;/a&gt;) which lets you copy any element from any website and convert it into HTML/JSX(React)/CSS/Tailwind CSS component.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vzyjhKHp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yd1fzzd3frmqqxdn84wq.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vzyjhKHp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yd1fzzd3frmqqxdn84wq.gif" alt="Demo" width="800" height="667"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Check it out at &lt;a href="https://divmagic.com"&gt;https://divmagic.com&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Copy Elements from any website as Tailwind CSS components</title>
      <dc:creator>Brian</dc:creator>
      <pubDate>Mon, 22 May 2023 15:47:52 +0000</pubDate>
      <link>https://dev.to/brianh/copy-elements-from-any-website-as-tailwind-css-components-ai8</link>
      <guid>https://dev.to/brianh/copy-elements-from-any-website-as-tailwind-css-components-ai8</guid>
      <description>&lt;p&gt;Would you like to convert any website on the internet into Tailwind CSS?&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/QxPAsDSOIrI"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;I created a tool (&lt;a href="https://divmagic.com"&gt;DivMagic&lt;/a&gt;) which lets you copy any element from any website as a Tailwind CSS component.&lt;/p&gt;

&lt;p&gt;It includes support for most of Tailwind's common features. It will convert elements directly into Tailwind CSS (including colors!)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vzyjhKHp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yd1fzzd3frmqqxdn84wq.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vzyjhKHp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yd1fzzd3frmqqxdn84wq.gif" alt="Demo" width="800" height="667"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Check it out at divmagic.com and let me know what you think!&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>webdev</category>
      <category>css</category>
      <category>design</category>
    </item>
  </channel>
</rss>
