Tailwind CSS and Beyond
Recently, this website of mine was redesigned. The The inspiration comes from this beautiful website. is a stylistic book and implemented using the Tailwind CSS framework.
Now on version 1.0 as of May 13th, 2019. CSS is a tight and compact CSS framework that gives one a myriad of custom design choices.
“Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it’s not a UI kit.”
“It doesn’t have a default theme, and there are no built-in UI components.”
“On the flip side, it also has no opinion about how your site should look and doesn’t impose design decisions that you have to fight to undo.”
Tailwind is a utility first
It is not utility only.
Your HTML will contain many
This composite and utility-like nature also allows for easier cache busting opportunities.
classes that build up into a complete component.
<div class="bg-white mx-auto max-w-sm shadow-lg rounded-lg overflow-hidden">
While the above looks like bad practice, you’ll get used to its utility-like nature very quickly and may end up writing little to no CSS at all.
In repetitive situations, we can implement abstractions by extracting components.
Updated 16 May 2019