
2
Tailwind CSS
Tailwind różni się od frameworków takich jak Bootstrap, Foundation lub Bulma tym, że nie jest to zestaw interfejsu użytkownika.
- Darmowa
- Self-Hosted
- CSS
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.
Stronie internetowej:
https://tailwindcss.comcechy
Kategorie
Alternatywy dla Tailwind CSS dla Web

3

3
Material Design Lite
Front-endowa platforma internetowa Google do budowania witryn zgodna ze specyfikacją Material Design.
- Darmowa
- Web

2

2
Juiced (a Flexbox CSS Framework)
Juiced ma wiele takich samych funkcji układu, które znasz i lubisz, ale poprawia je dzięki lepszemu kierowaniu na komórki, niestandardowemu porządkowaniu kolumn, lepszym opcjom wyrównania ...
- Darmowa
- Web
- Self-Hosted

2
The Semantic Grid System
Ustaw szerokość kolumny i rynny, wybierz liczbę kolumn i przełączaj między pikselami a wartościami procentowymi.
- Darmowa
- Web

2
Kube Web Framework
Kube jest jednym z najbardziej zaawansowanych i elastycznych frameworków na świecie. Kube pomaga spędzać mniej czasu na rutynowych zadaniach i więcej czasu na tworzenie niesamowitych produktów.
- Darmowa
- Web

2
The Goldilocks Approach
Podejście Goldilocks do responsywnego projektowania stron internetowych - dobry punkt wyjścia do projektowania, który wyklucza rozdzielczość urządzenia z równania.
- Darmowa
- Web

2
Golden Grid System
System grid do responsywnego projektowania stron internetowych.Zawiera składane kolumny, elastyczne rynny, powiększalną siatkę linii bazowej i wspaniały skrypt nakładki siatki.
- Darmowa
- Web

2
Less Framework
Less Framework to system grid CSS do projektowania adaptacyjnych stron internetowych.Zawiera 4 układy i 3 zestawy ustawień typografii, wszystkie oparte na jednej siatce.
- Darmowa
- Web

2

2

2

2

2