The latest articles on DEV Community by Jabo (@jabo). https://dev.to/jabo 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%2F411896%2F8fddd325-2634-4695-a129-e671e92e6b9a.jpg https://dev.to/jabo en Jabo Tue, 15 Sep 2020 16:10:19 +0000 https://dev.to/jabo/the-reason-why-i-chose-tailwind-over-bootstrap-49ke https://dev.to/jabo/the-reason-why-i-chose-tailwind-over-bootstrap-49ke <h2> Summary </h2> <p>In this blog post I will talk about the reason why I chose tailwind over bootstrap while building my portfolio website I will give some things that I liked and didn't liked in both frameworks</p> <h2> Introduction </h2> <p>I've been wanting to redesign my portfolio website since it hasn't been update for almost a year. I'm used to creating my UI designs completely from scratch since using framework/tools give me headache. Now I wanted to level up my game using CSS frameworks.</p> <h3> Bootstrap </h3> <p>I've been playing around with CSS frameworks in the past couple of months I first got introduced on <strong>Bootstrap</strong> by google.com since it was "The most popular HTML, CSS, and JS library in the world." The first problem that I had using Bootstrap was, it is hard to customize the look and feel of my website while using it. The things that I liked about bootstrap is its built-in UI component and it's awesome plugins made by other developers.</p> <h3> Tailwind </h3> <p>After using Bootstrap I gave up working on my portfolio and worked on other side projects. After a couple of months I gained back my motivation on finishing my portfolio finally I looked up some CSS frameworks and I got into Tailwind's website and I got fell in love with it immediately because first of all, The documentation is really really really good it took me just a couple of hours to understand how things works. The things that I liked on this framework is it has no default theme meaning, I can easily customize the colors with just a few lines of code, You can literally style your page just in your HTML file</p> <p>After a couple of research I came across with this really great article which really gave me a motivation to not look back on Bootstrap ever again. </p> <div class="ltag__link"> <a href="/tracycss" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--JYFQCue2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--80aVnrm_--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/351805/b4695b4c-38bc-4998-99f3-3021fbd8a680.jpg" alt="tracycss"> </div> </a> <a href="/tracycss/tailwind-css-resources-you-wish-you-had-3i18" class="ltag__link__link"> <div class="ltag__link__content"> <h2>Tailwind CSS Resources you wish you had.</h2> <h3>Jane Tracy 👩🏽‍💻 ・ Sep 13 '20 ・ 6 min read</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#css</span> <span class="ltag__link__tag">#tailwindcss</span> <span class="ltag__link__tag">#productivity</span> <span class="ltag__link__tag">#webdev</span> </div> </div> </a> </div> <p>I highly recommend reading the article above if you'll ever want to use Tailwind.</p> <p><a href="https://jabo-bernardo.github.io">Here is the result of my portfolio using Tailwind</a></p> <h2> Conclusion </h2> <p>Both frameworks are great both have pros and cons I'll definitely use either of them in the future!</p> webdev css frameworks frontend