Czym jest Tailwind?

Tailwind.css to nowoczesny framework do stylowania CSS stworzony z myślą o minimalnym rozmiarze pliku CSS, szybkim programowaniu frontendowym przy użyciu małych klas CSS i zwiększaniu produktywności zespołu poprzez minimalizację konieczności edytowania klas CSS.

Jeśli znasz bootstrap, wiesz, jak stylizować właściwości elementów HTML za pomocą sprytnych klas CSS. Tailwind.css idzie znacznie dalej, pozwala w pełni zakodować stronę internetową z responsywnością i zdarzeniami przy użyciu wyłącznie klas CSS.

Z dwóch powodów. Pierwszym z nich jest zminimalizowanie ilości kodu CSS. Tailwind generuje tylko niezbędne klasy użyte w kodzie strony za pomocą npm. Drugim jest skupienie całego procesu stylowania na pliku HTML i dodawaniu kolejnych klas do atrybutu class. Po krótkim wprowadzeniu do tailwind nie chcesz już kodować w innym środowisku.

Nie. Wszyscy początkujący mogą kodować w tailwind.css po tygodniu ćwiczeń. Tailwind jest bardzo prosty i intuicyjny, wystarczy w atrybucie class wpisać jak ma wyglądać dany element i gotowe.

Jeśli masz powtarzające się elementy, takie jak bloki, przyciski lub podobne elementy, możesz, podobnie jak w przypadku tradycyjnego podejścia, zadeklarować ich style w pliku konfiguracyjnym tailwind za pomocą dyrektyw @apply. Pamiętaj tylko, aby definicje były krótkie i przejrzyste, w przeciwnym razie Twój CSS zacznie się rozrastać, a Twoja witryna zwolni