Tailwind cheatsheet
Ez a segédlet azért készült, hogy gyorsan átlásd a legfontosabb Tailwind CSS classokat és használati mintákat. Nem helyettesíti a hivatalos dokumentációt, hanem kiegészíti: egy nyomtatható, egyoldalas összefoglaló, amit fejlesztés közben is kéznél tarthatsz.
A cheatsheet tartalmazza:
- leggyakoribb reszponzív és állapot-prefixeket
- spacing, tipográfia és layout classokat
- színek, háttér és árnyék beállításokat
- @apply példákat ismétlődő komponensekhez (pl. gomb, kártya)
Közösségi/online „cheatsheetek”
- Flowbite – Tailwind Cheat Sheet (interaktív, jól kereshető; böngészőből nyomtatható). flowbite.com
- Creative Tim – Tailwind Cheat Sheet (interaktív referencia). creative-tim.com
- Nerdcave – klasszikus cheat sheet (sokak szerint hasznos, de régóta nem frissül; v2-környéki). nerdcave.com, Reddit
- Browsee – PDF Tailwind Cheatsheet (nyomtatható, általános; nem hivatalos és nem verziózott). Browsee
- GitHub: „A printable one-page cheatsheet” (archív, régi, v2/v3). GitHub
Hasznos hivatalos hivatkozások (v4-hez)
- v4 kiadás & újdonságok (hivatalos blog). tailwindcss.com
- v3→v4 upgrade guide (rétegek, config, böngészőtámogatás). tailwindcss.com
- Font-size utilok mintái (aktuális dokumentáció). tailwindcss.com