Tailwind CSS

Tailwind CSS

Tailwind sa líši od rámcov ako Bootstrap, Foundation alebo Bulma v tom, že nejde o súpravu UI.
Tailwind sa líši od rámcov ako Bootstrap, Foundation alebo Bulma v tom, že nejde o súpravu UI.Nemá predvolenú tému a neexistujú žiadne zabudované komponenty používateľského rozhrania.Na druhej strane to tiež nemá žiadny názor na to, ako by mal vyzerať váš web, a neukladá rozhodnutia o dizajne, s ktorými musíte bojovať.Ak hľadáte rámec, ktorý je dodávaný s ponukou preddefinovaných miniaplikácií na vytvorenie vášho webu, nemusí byť Tailwind tým správnym rámcom, a preto máme niekoľko alternatív.Ak však chcete, aby sa s implementáciou vlastného dizajnu s vlastnou identitou začal obrovský náskok, Tailwind môže byť práve to, čo hľadáte.Najprv obslužný program Vytvorenie rámca pre vytváranie vlastných používateľských rozhraní znamená, že nemôžete poskytnúť abstrakcie na obvyklej úrovni tlačidiel, formulárov, kariet, navbarov atď. Namiesto toho poskytuje Tailwind vysoko zložiteľné triedy pomocných programov na nízkej úrovni, ktoré uľahčujú zostavenie.zložité používateľské rozhrania bez povzbudenia akýchkoľvek dvoch stránok, aby vyzerali rovnako.Priateľský voči komponentom Aj keď dokážete veľa urobiť len s triedami užitočnosti, niekedy je trieda komponentov správne rozhodnutie.Tailwind poskytuje nástroje na extrahovanie tried komponentov z opakovaných vzorov obsluhy, čo uľahčuje aktualizáciu viacerých inštancií komponentu z jedného miesta.Reaguje na jadro Každý obslužný program Tailwind má tiež citlivé arómy, vďaka čomu je veľmi ľahké vytvárať citlivé rozhrania bez toho, aby ste opustili HTML.Tailwind používa intuitívnu predvoľbu {screen}: predponu, ktorá uľahčuje všimnutie si responzívnych tried vo vašom značkovaní, zatiaľ čo pôvodný názov triedy je rozpoznateľný a neporušený.Navrhnuté na prispôsobenie Ak má zmysel byť prispôsobiteľný, Tailwind vám umožňuje prispôsobiť ho.To zahŕňa farby, veľkosti okrajov, hmotnosti písma, pomôcky na rozmiestnenie, body prerušenia, tiene a ďalšie.Tailwind je napísaný v PostCSS a je nakonfigurovaný v JavaScripte, čo znamená, že máte plný výkon skutočného programovacieho jazyka na dosah ruky.Tailwind je viac ako rámec CSS, je to motor na vytváranie dizajnérskych systémov.

Vlastnosti

Kategórie

Alternatívy Tailwind CSS pre všetky platformy s akoukoľvek licenciou

Golden Grid System

Golden Grid System

Mriežkový systém pre responzívny webový dizajn.Zahŕňa skladacie stĺpy, elastické žľaby, zväčšiteľnú základnú mriežku a skript prekrývajúci prekrytie mriežky.
  • Bezplatná
  • Web
320 and Up

320 and Up

„Kotúčová doska reagujúca na malé obrazovky“.
  • Bezplatná
  • Web
Less Framework

Less Framework

Less Framework je mriežkový systém CSS na navrhovanie prispôsobivých webových stránok.Obsahuje 4 rozloženia a 3 sady predvolieb typografie, všetky založené na jednej mriežke.
  • Bezplatná
  • Web
yeti.css

yeti.css

yeti.css je knižnica vzorov pozostávajúca z ľahkých, opakovane použiteľných modulov.Bol navrhnutý tak, aby odrážal vizuálne pokyny a pokyny týkajúce sa budovania značky.
960 Grid System

960 Grid System

Gridový systém 960 je snaha o zefektívnenie pracovného postupu vývoja webu poskytnutím bežne používaných rozmerov na základe šírky 960 pixelov.
Sassy-validation

Sassy-validation

Sassy-validation je knižnica na overenie typu údajov Sass. Validujte zadané údaje alebo Sass vôbec nevynechajte!
Wee

Wee

Ľahký front-end framework pre logické budovanie komplexných, responzívnych webových projektov.
  • Bezplatná
  • Web
inuit.css

inuit.css

inuit.css je ľahký, neustále aktualizovaný rámec CSS, ktorý vám poskytuje pragmatický a funkčne východiskový bod pre všetky vaše projekty.
  • Bezplatná
  • Web
Flexbox Grid

Flexbox Grid

Mriežkový systém založený na vlastnosti zobrazenia flex.
Backstretch

Backstretch

Backstretch je jednoduchý doplnok jQuery, ktorý vám umožňuje pridať obrázok na pozadí s dynamickou veľkosťou a možnosťou prezentácie na ľubovoľnú stránku alebo prvok.
Frameless

Frameless

Vykopávate responzívny dizajn?Nenávidíte tekuté mriežky?Vyskúšajte bezrámovú mriežku.
  • Bezplatná
  • Web
SimpleGrid

SimpleGrid

Citlivý.Nekonečné hniezdenie.Jedna trieda na prvok.Jednoduchá.
  • Bezplatná
  • Web
Fluid 960 Grid System

Fluid 960 Grid System

Šablóny systému Fluid 960 Grid System boli postavené na práci Nathana Smitha a jeho systému Grid 960 pomocou efektov z knižníc JavaScriptu MooTools a jQuery.
Foldy960

Foldy960

Foldy960 - responzívna verzia mriežky 960, cesta Pvel!
Unsemantic CSS Framework

Unsemantic CSS Framework

Unsemantic je systém s fluidnou mriežkou, ktorý je nástupcom systému Grid 960.