Tailwind CSS – Dream way of building UI and quick landing pages
This is a quick review and demo of the “utility style CSS framework” named “Tailwindcss” – https://tailwindui.com/
What is Tailwind CSS?
Tailwind CSS is a utility-first CSS framework that provides a set of best practices and opinionated defaults. It’s the perfect starting point for any project that needs to be built quickly, but still wants to look good. Tailwind has been designed with the goal of making it easier for you to build websites faster, without compromising on design or UX.
Why Tailwind?
If you know your CSS, you will love this because you can literally make a perfect form or/and landing page within hours. If you have good imagination, you don’t even have to touch Figma, just look at some examples are recreate it with actual CSS classes that are provided with Tailwind.
Best thing about this framework is, when the style CSS class is used in the HTML files, only then native CSS is generated and outputted into the main.css file, this is how you can keep your file sizes minimal and not include styles you don’t need.
For example, in Bootstrap or others (like Foundation, Materialize CSS …), you are including the whole CSS package, with every imaginable style, even though you are not using them, which is not ideal, if you are building smaller apps.
What is in this demo – I wanted to test this framework on an actual “mini project” with examples I am doing, as part of my “developer” diary. I am exploring different technologies and publishing smaller demos.
Check out the site:
Concepts 2GIKA demo website
Magical automated way of doing animations – with Stable diffusion with Deforum extension
Let’s explore the magical of doing animations – automated and unpredicable. Yes, you input the text prompt and have general control, but the magical part is, that you let the […]
Stable diffusion AI – high resolution generated art
What is Stable Diffusion AI? Stable Diffusion is a deep learning, text-to-image model released in 2022. It is primarily used to generate detailed images conditioned on text descriptions, though it […]
Tailwind CSS – Dream way of building UI and quick landing pages
This is a quick review and demo of the “utility style CSS framework” named “Tailwindcss” – https://tailwindui.com/ What is Tailwind CSS? Tailwind CSS is a utility-first CSS framework that provides […]
Blender 3D | Best way to start with 3D
It’s been a while since I done 3D stills and animations and 3D Blender seems to be perfect software to start, even if you have zero experience. I have to […]