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 Web

Topcoat

Topcoat

Topcoat je zbrusu nová otevřená knihovna CSS s otevřeným zdrojovým kódem, která má vývojářům pomoci vytvářet webové aplikace s důrazem na rychlost.
Material Design Lite

Material Design Lite

Přední webový rámec společnosti Google pro vytváření webů podle specifikace Material Design.
320 and Up

320 and Up

„První displej s malou obrazovkou“, který reaguje na reakci.
Juiced (a Flexbox CSS Framework)

Juiced (a Flexbox CSS Framework)

Juiced má mnoho stejných funkcí rozvržení, které znáte a milujete, ale vylepšuje je pomocí lepšího cílení na mobilní zařízení, vlastního řazení sloupců, lepších možností zarovnání ...
The Semantic Grid System

The Semantic Grid System

Nastavte šířku sloupců a okapů, zvolte počet sloupců a přepněte mezi pixely a procenty.
Kube Web Framework

Kube Web Framework

Kube je jedním z nejpokročilejších a nejflexibilnějších frameworků na světě. Kube vám pomáhá trávit méně času rutinními úkoly a více času vytvářením úžasných produktů.
The Goldilocks Approach

The Goldilocks Approach

Goldilocks přístup k responzivnímu webovému designu - dobrý výchozí bod pro design, který odstraní rozlišení zařízení z rovnice.
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.
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.
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.