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:

• LESS. Kurs video. Poziom pierwszy. Jak usprawnić pracę z CSS 89,00 zł, (35,60 zł -60%)
• 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%)
• Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM 47,93 zł, (22,05 zł -54%)
• Frontend developer. Kurs video. HTML i CSS. Poziom średnio zaawansowany 89,00 zł, (44,50 zł -50%)

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