Poznaj rewelacyjną nowość na rynku frontendu

Framework Tailwind CSS to prawdziwy webmasterski hit ostatniego roku. WyjÄ…tkowym i nowatorskim czyni go przyjÄ™ta filozofia pracy. Twórcy frameworka proponujÄ… bowiem oryginalne podejÅ›cie do tworzenia stron i aplikacji internetowych. Zamiast Å›ciÅ›le semantycznego sposobu tworzenia klas CSS Tailwind opiera siÄ™ na fundamencie zwanym Utility-First. DziÄ™ki temu architekt interfejsu nie marnuje czasu na generowanie wymyÅ›lnych nazw opisujÄ…cych poszczególne elementy, a podchodzi do nich bardziej pragmatycznie — definiuje je w taki sposób, który najlepiej odpowiada rzeczywistoÅ›ci.

Ta książka przeznaczona jest przede wszystkim dla poczÄ…tkujÄ…cych i Å›redniozaawansowanych projektantów stron WWW. Czytelnik znajdzie w niej mnóstwo praktycznych informacji dotyczÄ…cych frameworka Tailwind. Pozna jego możliwoÅ›ci, mocne i sÅ‚abe strony. Opanuje rzÄ…dzÄ…ce nim zasady oraz dostÄ™pne w nim narzÄ™dzia. Ich użycia nauczy siÄ™ w praktyce, ponieważ znacznÄ… część podrÄ™cznika zajmuje realizacja konkretnego zadania — autor przeprowadzi Czytelnika przez przygotowanie kompletnego konceptu interfejsu z wykorzystaniem wszystkiego, co oferuje w swoich zasobach Tailwind.

Osoby które kupowały "Tailwind CSS. Projektowanie stron WWW i podejście utility-first", wybierały także:

• Vue.js 2. Wprowadzenie dla profesjonalistów 96,45 zÅ‚, (29,90 zÅ‚ -69%)
• LESS. Kurs video. Poziom pierwszy. Jak usprawnić pracÄ™ z CSS 89,00 zÅ‚, (35,60 zÅ‚ -60%)
• Zosta 149,00 zÅ‚, (67,05 zÅ‚ -55%)
• CSS i SASS. Kurs video. Praktyczny projekt nowoczesnego dashboardu 99,00 zÅ‚, (44,55 zÅ‚ -55%)
• CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW 59,00 zÅ‚, (26,55 zÅ‚ -55%)

Spis treści

Tailwind CSS. Projektowanie stron WWW i podejście utility-first -- spis treści

Od autora

Podziękowania

Przedmowa

RozdziaÅ‚ 1. Krótka historia Tailwinda

Rozdział 2. Wsparcie przeglądarek

Rozdział 3. Tailwind w teorii

• Instalacja
• PodejÅ›cie utility-first
• Responsywność
• Stany i pseudoklasy
• Tryb ciemny (nocny)
• Style bazowe
• Wydzielanie komponentów i ich ponowne wykorzystanie

Rozdział 4. Przykłady stron wykorzystujących Tailwind CSS

• Laravel
• Eurovision
• GitHub Copilot
• Netlify

Rozdział 5. Przygotowanie do projektu

• Tworzenie szablonu startowego za pomocÄ… Flexboksa
• Typografia
• Przyciski
• Elementy formularza
• Karty

Rozdział 6. Praktyczne projekty - budowa panelu administracyjnego aplikacji

• ZaÅ‚ożenia
• Wybrane elementy interfejsu użytkownika

Rozdział 7. Just-in-Time - kompilacja w czasie rzeczywistym

• Czym jest JIT mode w Tailwind CSS?
• MożliwoÅ›ci trybu JIT

RozdziaÅ‚ 8. Palety kolorów

Rozdział 9. Zaawansowana konfiguracja

• WÅ‚asne przedziaÅ‚y responsywnoÅ›ci (breakpointy)
• WÅ‚asne palety kolorów
• Rozszerzenia (pluginy)

Rozdział 10. Przydatne miejsca i narzędzia ułatwiające pracę z Tailwindem

• Dokumentacja Tailwind CSS
• Tailwind UI
• Oficjalny blog Tailwind
• Twitter @adamwathan
• Tint
• Windy
• Tailwind.pl

Rozdział 11. Optymalizacja projektu dla środowiska produkcyjnego

• Analiza i usuwanie zbÄ™dnych klas w kodzie wynikowym
• Wskazywanie lokalizacji plików do analizy
• RÄ™czne wskazywanie klas, które majÄ… być zawsze doÅ‚Ä…czone
• Usuwanie nieużywanych animacji

Zakończenie