Description
Poznaj rewelacyjną nowość na rynku frontenduFramework 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.Spis treści:Od autoraMateriały do książkiDane kontaktowe autoraPodziękowaniaPrzedmowaZawartość książki Tailwind CSS. Projektowanie stron WWW i podejście utility-firstAdresaci książkiFramework Tailwind CSSZaletyWadyPodsumowanieCo będzie Ci potrzebne?Visual Studio CodeTailwind CSS IntelliSenseNode.jsRozdział 1. Krótka historia TailwindaRozdział 2. Wsparcie przeglądarekRozdział 3. Tailwind w teoriiInstalacjaPostCSS 8PostCSS 7Bez PostCSSUżywanie źródła z CDNWady korzystania z prekompilowanego źródła z CDNTailwind CSS i Next.jsTworzenie nowego projektuWeryfikacja działania Tailwind CSSPodejście utility-firstRóżnica pomiędzy stylami liniowymiKlasa zawsze oznacza to samoDostęp do pseudoklas typu :hover lub :focusMożliwość zastosowania Media QueriesGenerowanie własnych klas dla najczęściej powtarzanych elementówResponsywnośćPunkty graniczne w responsywnościPodejście mobile-firstStany i pseudoklasyStyle elementu względem stanu rodzicaTryb ciemny (nocny)Style bazoweWłasne style bazoweWyłączanie domyślnych stylów bazowychWydzielanie komponentów i ich ponowne wykorzystanieRozdział 4. Przykłady stron wykorzystujących Tailwind CSSLaravelEurovisionGitHub CopilotNetlifyRozdział 5. Przygotowanie do projektuTworzenie szablonu startowego za pomocą FlexboksaStruktura szablonu z wykorzystaniem FlexboksaTypografiaPrzyciskiButtonSuccessButtonDangerButtonInfoButtonPrimaryButtonWarningPodgląd przyciskówElementy formularzaPole tekstoweLista rozwijanaRozszerzone pole tekstowePole zaznaczania wielokrotnegoPole zaznaczania jednorazowegoPodgląd elementów formularzaKartyOdnośniki do logowania i rejestracjiRozdział 6. Praktyczne projekty budowa panelu administracyjnego aplikacjiZałożeniaWybrane elementy interfejsu użytkownikaFormularz logowaniaFormularz rejestracjiDwukolumnowy szablon panelu administratoraNawigacja głównaRozwijane menu użytkownikaWyszukiwarkaStopkaKafelki stanu aplikacjiIkona użytkownikaIkona książkiIkona biuraIkona komentarzaZapis na newsletterWezwanie do działania Call To ActionLista z komentarzamiOkno modalneFiltry tła rozmycieWarianty cenoweŁadowanieTabelaNagłówek tabeliKomórka wiersza z treścią tabeliPierwszy kontakt z JIT Just-in-TimeUzupełnienie tabeliPaginacjaIkona wsteczIkona dalejPodgląd paginacji pod tabeląBreadcrumbsArtykułAlertyAlert zielony sukcesAlert czerwony błądIkonyAlerty w akcjiPytania i odpowiedzi FAQFormularz kontaktowyMapa dojazdowaGaleriaKalendarzRozdział 7. Just-in-Time kompilacja w czasie rzeczywistymCzym jest JIT mode w Tailwind CSS?Możliwości trybu JITWszystkie warianty są dostępneWartości dla atrybutów podajemy (prawie) dokładnie tak, jak wyglądają w rzeczywistościŁączenie wielu wariantówDostępny modyfikator !importantMnóstwo dostępnych pseudoklasSelektor sąsiadaBrak konieczności używania klas .transform, .filter i .backdrop-filterRozdział 8. Palety kolorówRozdział 9. Zaawansowana konfiguracjaWłasne przedziały responsywności (breakpointy)Dodawanie kolejnego, szerszego punktuDodawanie kolejnego, pośredniego punktuSpecjalna klasa dla drukuWłasne palety kolorówPodmiana startowych kolorów na inneWłasna paleta kolorówRozszerzanie domyślnej palety kolorówRozszerzenia (pluginy)Oficjalne rozszerzenia Tailwind CSSRozszerzenie dla typografiiRozszerzenie dla formularzyRozszerzenie dla skracania tekstuRozszerzenie dla skracania tekstuPrefiksy klasTworzenie własnych rozszerzeńDodawanie wariantówWłasne komponentyRozszerzenia stylów bazowychPodsumowanieRozdział 10. Przydatne miejsca i narzędzia ułatwiające pracę z TailwindemDokumentacja Tailwind CSSTailwind UIOficjalny blog TailwindTwitter @adamwathanTintWindyTailwind.plRozdział 11. Optymalizacja projektu dla środowiska produkcyjnegoAnaliza i usuwanie zbędnych klas w kodzie wynikowymWskazywanie lokalizacji plików do analizyRęczne wskazywanie klas, które mają być zawsze dołączoneUsuwanie nieużywanych animacjiZakończenie O autorze: Michał Kortas jest autorem bloga webroad.pl traktującego o tematach z szeroko pojętej dziedziny technologii webowych. Nieprzerwanie od blisko dziesięciu lat spełnia się zawodowo jako architekt projektów i full-stack web developer. Jest autorem książki Bootstrap. Praktyczne projekty, wydanej nakładem Wydawnictwa Helion.
— Informatyka–
rybacy na morzu
, konstrukcja hali łukowej
, meksyk gov
, praca na nocki
, waschmittel po polsku
, w polsce bardzo ważnym źródłem energii jest
, gdzie jest finlandia
, bagaz podreczny wizz air
, empik foro
, pawel domagala wystarczę ja
, godziny otwarcia energylandia
, krause świdnica praca
, na wspólnej berg
, numer potwierdzenia ds160
, przestawienie czasu 2021
, internet norwegia
yyyyy
