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 Self-Hosted

Bootstrap

Bootstrap

Bootstrap je kolekce open-source nástrojů pro vytváření webů a aplikací prohlížeče.
Bulma

Bulma

Moderní rámec CSS založený na Flexboxu.
Slides Framework

Slides Framework

Prezentace je jednoduchý a výkonný rámec HTML a CSS, který vám díky flexibilnímu modulárnímu nastavení umožňuje snadno vytvářet krásné statické weby.
Gridlex

Gridlex

Jednoduchý.Robustní.Citlivý.Flexibilní.Gridlex je založený na Flexboxu (CSS Flexible Box Layout Module) a je velmi jednoduchým mřížkovým systémem css, který umožňuje rychle vytvářet moderní rozvržení a submodulů.
GroundworkCSS

GroundworkCSS

GroundworkCSS je 100% bezplatný a open source citlivý HTML5, CSS a JavaScript Framework.
Spectre.css

Spectre.css

Lehký, pohotový a moderní rámec CSS pro rychlejší a rozšiřitelnější vývoj.
Element UI

Element UI

Element, knihovna komponent Vue 2.0 pro vývojáře, designéry a produktové manažery.
Picnic CSS

Picnic CSS

Rozbalte si jídlo a získejte kódování.Invazivní knihovna CSS pro začátek vašeho stylu.
mini.css

mini.css

Mini.css je open-source CSS framework, který je minimální (7KB gzipped), citlivý a stylově agnostický.
Milligram

Milligram

Milligram poskytuje minimální nastavení stylů pro rychlý a čistý výchozí bod.
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.
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í ...
Blaze CSS

Blaze CSS

Modulární framework CSS s otevřeným zdrojovým kódem poskytuje skvělou strukturu pro rychlé vytváření webových stránek.
Flexbox Grid

Flexbox Grid

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

Basis

Čistý vývoj kódu =======================