Tailwind CSS

Tailwind CSS

Tailwind se liší od frameworků jako Bootstrap, Foundation nebo Bulma v tom, že se nejedná o UI kit.
Tailwind se liší od frameworků jako Bootstrap, Foundation nebo Bulma v tom, že se nejedná o UI kit.Nemá výchozí motiv a neexistují žádné vestavěné komponenty uživatelského rozhraní.Na druhou stranu také nemá žádný názor na to, jak by měl váš web vypadat, a neukládá návrhová rozhodnutí, se kterými se musíte vrátit.Pokud hledáte rámec, který je dodáván s nabídkou předpřipravených widgetů pro stavbu vašeho webu, nemusí být Tailwind tím správným rámcem, a proto máme několik alternativ.Ale pokud chcete, aby obrovský náskok implementoval vlastní design s vlastní identitou, Tailwind může být právě to, co hledáte.Utility-first Vytvoření rámce pro vytváření vlastních uživatelských rozhraní znamená, že nemůžete poskytnout abstrakce na obvyklé úrovni tlačítek, formulářů, karet, navbarů atd. Místo toho poskytuje Tailwind vysoce skládatelné třídy nástrojů na nízké úrovni, které usnadňují vytvářenísložitá uživatelská rozhraní bez povzbuzování jakýchkoli dvou webů, aby vypadaly stejně.Přizpůsobení komponentám I když můžete dělat hodně s pouhými třídami obsluhy, někdy je třída komponent správným rozhodnutím.Tailwind poskytuje nástroje pro extrahování tříd komponent z opakovaných vzorců obsluhy, což usnadňuje aktualizaci více instancí komponenty z jednoho místa.Reakce na jádro Každý obslužný program Tailwind přichází také s odezvou, takže je velmi snadné vytvářet responzivní rozhraní, aniž byste museli kdykoli opustit svůj HTML.Tailwind používá intuitivní {screen}: předponu, která usnadňuje upozornění na citlivé třídy ve vašem značení při zachování původního názvu třídy rozpoznatelného a neporušeného.Navržen tak, aby byl přizpůsobitelný Pokud má smysl přizpůsobení, Tailwind vám umožňuje přizpůsobit ho.To zahrnuje barvy, velikosti okrajů, hmotnosti písma, pomůcky pro mezery, zarážky, stíny a další tuny.Tailwind je napsán v PostCSS a nakonfigurován v JavaScriptu, což znamená, že máte plný výkon skutečného programovacího jazyka na dosah ruky.Tailwind je více než rámec CSS, je to motor pro vytváření designových systémů.
tailwind-css

Webová stránka:

Funkce

Kategorie

Alternativy Tailwind CSS pro všechny platformy s jakoukoli licencí

Golden Grid System

Golden Grid System

Mřížkový systém pro responzivní webový design.Zahrnuje skládací sloupy, elastické okapy, zvětšitelnou základní mřížku a nádherný skript pro překrytí mřížky.
320 and Up

320 and Up

„První displej s malou obrazovkou“, který reaguje na reakci.
Less Framework

Less Framework

Less Framework je mřížkový systém CSS pro navrhování přizpůsobivých webů.Obsahuje 4 rozvržení a 3 sady předvoleb typografie, vše založené na jediné mřížce.
yeti.css

yeti.css

yeti.css je knihovna vzorů sestávající z lehkých, opakovaně použitelných modulů.Byl vytvořen tak, aby odrážel & ještě vizuální a značky pokyny.
960 Grid System

960 Grid System

Gridový systém 960 je snaha o zjednodušení pracovního postupu vývoje webu poskytováním běžně používaných rozměrů na základě šířky 960 pixelů.
Sassy-validation

Sassy-validation

Sassy-validation je knihovna pro ověřování typu dat Sass. Validujte zadaná data nebo vůbec ne Sass!
Wee

Wee

Lehký front-end framework pro logické budování komplexních, responzivních webových projektů.
inuit.css

inuit.css

inuit.css je lehký, neustále aktualizovaný rámec CSS, který vám poskytuje pragmatický a na funkce bohatý výchozí bod pro všechny vaše projekty.
Flexbox Grid

Flexbox Grid

Mřížkový systém založený na vlastnosti zobrazení flex.
Backstretch

Backstretch

Backstretch je jednoduchý plugin jQuery, který vám umožňuje přidat obrázek pozadí na dynamicky upravenou prezentaci na jakoukoli stránku nebo prvek.
Frameless

Frameless

Kopat citlivý design?Nenávidíte tekuté sítě?Vyzkoušejte bezrámovou mřížku.
SimpleGrid

SimpleGrid

Citlivý.Nekonečné hnízdění.Jedna třída na prvek.Jednoduchý.
Fluid 960 Grid System

Fluid 960 Grid System

Šablony systému Fluid 960 Grid System byly vytvořeny na základě práce Nathana Smitha a jeho systému Grid 960 pomocí efektů z knihoven JavaScriptu MooTools a jQuery.
Foldy960

Foldy960

Foldy960 - responzivní verze mřížky 960, cesta Pvel!
Unsemantic CSS Framework

Unsemantic CSS Framework

Unsemantic je systém tekutinové mřížky, který je nástupcem systému Grid 960.