Tim Davis Watch Me Work Tailwind CSS with Anibal Sanchez

Tailwind CSS has become very popular despite its short time in the market and one of the developers who has worked the most is Aníbal Sánchez. Aníbal will tell us why he likes Tailwind so much, and will show us how we can introduce him to our Joomla sites.

This repository: https://github.com/anibalsanchez/Tim-Davis-Watch-Me-Work-Tailwind-CSS-with-Anibal-Sanchez

1. Starting projects with Tailwind CSS
2. Comparison with the monolithic framework Bootstrap
3. Documentation, references, components, utilities and materials for the use of Tailwind CSS
4. Designing a Business Card
5. Test code on Tailwind.run
6. Local development with Node.js and Tailwind CSS
7. Test of stylesheet generated with Tailwind in Joomla 4
8. Iterative and evolutionary design
9. Performance analysis and Tailwind generated code
10. Comparison of Tailwind with other frameworks, such as Bootstrap, Bulma, Foundation, Tachyons, Semantic and Materialize
11. Implementation of inline styles, user.css stylesheet or complete template
12. Conclusions, advanced design, prototypes and next steps

Youtube: https://www.youtube.com/watch?v=YhrGpELIuiI

Repositories

• Extly's Tailwind CSS Starter: https://github.com/anibalsanchez/XT-TailwindCSS-Starter
• My Blog template: https://github.com/anibalsanchez/XT-Tailwind-for-Joomla
• PHP-Roberto's Template: https://tabata.phproberto.com/en/

References

• Tailwind CSS - Oficial Page: https://tailwindcss.com/

• Tailwind UI Components - Oficial Page: https://tailwindui.com/components

• Tailwind CSS - Community Components: https://tailwindcomponents.com/

• Made with Tailwind CSS: https://builtwithtailwind.com

• Handy cheat-sheet: https://nerdcave.com/tailwind-cheat-sheet

• Tailwind CSS Sandbox: https://tailwind.run/new

• Awesome Tailwind CSS: https://github.com/aniftyco/awesome-tailwindcss

Requirements

• Install Node.js before starting: https://nodejs.org/en/

Running the Tailwind CSS Starter

Download/clone/fork the starter project Initialization of the environment:

cd XT-TailwindCSS-Starter
npm install

To run the development mode:

npm run dev

To generate the style distribution:

npm run prod

Copyright & License

• Copyright (c)2012-2020 Aníbal Sánchez, Extly, CB. All rights reserved.
• Distributed under the GNU General Public License version 3 or later; see LICENSE
• This project is dedicated to Andrea Gentil ;-D