Tailwind CSS

Tailwind CSS

Tailwind różni się od frameworków takich jak Bootstrap, Foundation lub Bulma tym, że nie jest to zestaw interfejsu użytkownika.
Tailwind różni się od frameworków takich jak Bootstrap, Foundation lub Bulma tym, że nie jest to zestaw interfejsu użytkownika.Nie ma domyślnego motywu i nie ma wbudowanych składników interfejsu użytkownika.Z drugiej strony nie ma też opinii o tym, jak powinna wyglądać twoja strona i nie narzuca decyzji projektowych, z którymi musisz walczyć, aby cofnąć.Jeśli szukasz frameworka, który zawiera menu wstępnie zaprojektowanych widżetów do budowania witryny, Tailwind może nie być dla Ciebie odpowiednim frameworkiem, dlatego mamy kilka alternatyw.Ale jeśli chcesz od razu zacząć od niestandardowego projektu z własną tożsamością, Tailwind może być tym, czego szukasz.Po pierwsze narzędzie Tworzenie frameworka do budowania niestandardowych interfejsów użytkownika oznacza, że ​​nie można udostępniać abstrakcji na zwykłym poziomie przycisków, formularzy, kart, pasków nawigacyjnych itp. Zamiast tego Tailwind zapewnia wysoce składalne, niskopoziomowe klasy narzędzi, które ułatwiają budowaniezłożone interfejsy użytkownika bez zachęcania dwóch witryn do wyglądania tak samo.Przyjazny dla komponentów Chociaż możesz wiele zrobić za pomocą klas użytkowych, czasem klasa komponentów jest właściwą decyzją.Tailwind zapewnia narzędzia do wyodrębniania klas komponentów z powtarzających się wzorów narzędzi, ułatwiając aktualizację wielu instancji komponentu z jednego miejsca.Reaguje na rdzeń Każde narzędzie Tailwind ma również responsywne smaki, co sprawia, że ​​niezwykle łatwo jest budować responsywne interfejsy bez opuszczania HTML.Tailwind używa intuicyjnego {screen}: przedrostka, który ułatwia zauważenie responsywnych klas w znacznikach, przy jednoczesnym zachowaniu rozpoznawalności i nienaruszalności oryginalnej nazwy klasy.Zaprojektowany z myślą o dostosowaniu Jeśli ma sens dostosowywanie, Tailwind umożliwia dostosowanie.Obejmuje to kolory, rozmiary obramowań, grubości czcionek, narzędzia do rozmieszczania, punkty przerwania, cienie i wiele innych.Tailwind jest napisany w PostCSS i skonfigurowany w JavaScript, co oznacza, że ​​masz pełną moc prawdziwego języka programowania na wyciągnięcie ręki.Tailwind to coś więcej niż framework CSS, to silnik do tworzenia systemów projektowych.
tailwind-css

Stronie internetowej:

Kategorie

Alternatywy dla Tailwind CSS dla Mac

Topcoat

Topcoat

Topcoat to zupełnie nowa biblioteka CSS typu open source zaprojektowana, aby pomóc programistom w tworzeniu aplikacji internetowych z naciskiem na szybkość.
Responsable

Responsable

Odpowiedzialny jest responsywny framework HTML CSS LESS SCSS z czystym znacznikiem, znormalizowanym CSS i responsywnymi obrazami.
960 Grid System

960 Grid System

960 Grid System to wysiłek mający na celu usprawnienie przepływu pracy związanej z tworzeniem stron internetowych, zapewniając powszechnie używane wymiary w oparciu o szerokość 960 pikseli.
Sassy-validation

Sassy-validation

Sassy-validation to biblioteka do sprawdzania poprawności typu danych Sass. Sprawdź poprawność wprowadzonych danych lub wcale nie Sass!
Blaze CSS

Blaze CSS

Modułowa struktura CSS typu open source zapewniająca doskonałą strukturę do szybkiego budowania stron internetowych.
yeti.css

yeti.css

yeti.css to biblioteka wzorców składająca się z lekkich modułów wielokrotnego użytku.Został zbudowany, aby odzwierciedlać i jeszcze wytyczne wizualne i brandingowe.
Backstretch

Backstretch

Backstretch to prosta wtyczka jQuery, która pozwala dodawać dynamicznie zmieniany obraz tła z możliwością pokazu slajdów do dowolnej strony lub elementu.
Unsemantic CSS Framework

Unsemantic CSS Framework

Unsemantic to system płynnej siatki, który jest następcą 960 Grid System.
Fluid 960 Grid System

Fluid 960 Grid System

Szablony Fluid 960 Grid System zostały zbudowane na podstawie pracy Nathana Smitha i jego systemu 960 Grid System z wykorzystaniem efektów z bibliotek JavaScript MooTools i jQuery.
Foldy960

Foldy960

Foldy960 - responsywna wersja siatki 960, sposób Pvel!
Shoelace.css

Shoelace.css

Shoelace.css to zestaw startowy, a nie framework.Możliwość dostosowania za pomocą zmiennych CSS, nie wymaga w ogóle Less, Sass ani żadnego wstępnego przetwarzania.Wersja zminimalizowana ma tylko 35,3 KB i jest znacznie mniejsza po zgzipowaniu.