For website speed, I am considering tailwind, a CSS framework that acts more like a library than a framework.
I will be adding my notes here, and the links at the bottom.
Which is better, tailwind or bootstrap
Well, like i said above, you are comparing apples to oranges, while it is very easy to spot a bootstrap theme when you see one, tailwind is more like CSS extended, so you have elements that you can use in your design, but your design is yours 😉
Some of the cool tutorials I have found….
Traversy Media : Tailwind CSS Crash Course (30 minutes)
Traversy Media : Tailwind Crash Course | Project From Scratch (1:30)
Net Ninja – Tailwind CSS Tutorial
Development in TailWind CSS
All you need for developing in TailWind is your CSS editor (VS Code in this post), then you will need NodeJS, and NPM to generate the production CSS and minify it
I will create a few ultra simple files for you to learn the process,
- the HTML file: Where you add your HTYML
- The tailwindCSS file, from which the production CSS file is copied.
- The NPM config file and the tailwind config file WHICH YOU CAN SIMPLY COPY FROM HERE and modify if needed
I personally use Debian Linux, everything should be identical on Windows and Mac, I will assume you are using the command line on Linux, but if you open the command prompt on windows, it should work exactly the same way