Can you write a beautiful, maintainable, and responsive web applications without a single line of CSS? With Tailwind, you can. Unlike the majority of CSS frameworks that give you prebuilt components, Tailwind provides you with low-level CSS utility classes that you can combine to create custom designs. The goal of this presentation is to help you understand the value proposition of the utility-first philosophy. We will have a look at: - why utility-first CSS is the future - how Tailwind makes building bespoke user interfaces a total breeze - the benefits and challenges of the utility-first approach

1. Tailwind: The Future of CSS is Here!

2. Hi I'm Abdullah Al Mahi
Software Engineer
Selise Digital Platforms
aamahi
amahiwp
abdullahalmahi
https://amahiwp.wordpress.com

3. a love-hate relationship with CSS
Like many of you, I have

4. The current state of CSS

5. Two Options
VS

6. The Bronze Plan
You can write everything from
scratch using Vanilla CSS™

11. Lots of freedom
Lots of risks
Lots of works

12. The Silver Plan
You can use prebuilt components
from a component-oriented CSS
framework

15. Very fast
Very monotonous
Very easy
Very easy
Very rigid

16. What if you could build custom designs
without the downsides of vanilla CSS?

17. What if you could build custom designs without
losing your mind?

18. I have a solution for you: Tailwind CSS,
a utility-first CSS framework

19. Demo Time!!

20. What will Tailwind do for you?

21. Ensure consistency at scale with a true
design system out of the box

22. Effortlessly create responsive layouts
so you can focus on "real work"

23. Create highly customizable layouts
without compromising your design

24. A highly extensible framework means
that you are never painted into a corner

25. A performant framework provides a
globally accessible experience

26. Ultimately, you are provided with a
great developer experience

27. The Tailwind Developer Experience™
You can stay in your HTML
You can refactor with confidence
You can rapidly prototype
You can avoid naming things

28. Real talk! What are the tradeoffs?

29. You need to know CSS to be
successful with Tailwind

30. The huge number of HTML classes can make
your pull requests harder to review

31. Building a component library
from scratch is no easy task

32. A true design system
Summary Responsive to the core
Highly customizable
Extensible
More performant
Great developer experience
Requires you to know CSS
It’s verbose
No components

33. Thank you