https://mediawiki.zina.run/index.php?action=history&feed=atom&title=Tailwind 2026-10-12T09:33:27Z Історія редагувань цієї сторінки в вікі MediaWiki 1.44.2 https://mediawiki.zina.run/index.php?title=Tailwind&diff=880&oldid=prev 2022-03-11T12:18:42Z

<p></p> <p><b>Нова сторінка</b></p><div>{|<br /> |-<br /> | <br /> * [[Сниппеты Tailwind]]<br /> * [[Компоненты Tailwind]]<br /> * [[Tailwind и Vue]]<br /> * [[Hugo и Tailwind]]<br /> * [[Tailwind и PurgeCSS]]<br /> * [[Tailwind и postcss-extract-media-query]]<br /> || <br /> * https://tailwindcss.com/docs/<br /> * [https://github.com/tailwindlabs/tailwindcss/discussions Discussions]<br /> * [[Tailwind Best Practices]]<br /> * [https://github.com/tailwindlabs/tailwindcss/blob/master/CHANGELOG.md CHANGELOG]<br /> || <br /> * [https://tailwindcomponents.com/cheatsheet/ Tailwind Cheat Sheet] — с поиском, легкий<br /> * [https://nerdcave.com/tailwind-cheat-sheet Tailwind Cheat Sheet] — с поиском, тяжелый, но более актуальный<br /> * [https://github.com/LeCoupa/awesome-cheatsheets/blob/master/frontend/tailwind.css Tailwind Cheat Sheet] — в текстовом виде на GitHub<br /> |}<br /> <br /> Чем Tailwind отличается от других CSS фреймворков: [https://hn.matthewblode.com/item/22422873 большое обсуждение на Hacker News].<br /> <br /> == Наши репозитории для начала работы с Tailwind ==<br /> <br /> * https://gitlab.com/zina.design/tailwind-starter-pack — самая простая версия для знакомства с Tailwind<br /> * https://gitlab.com/zina.design/tailwind-performance — Tailwind CSS + PurgeCSS + postcss-extract-media-query<br /> * https://gitlab.com/zina.design/hugo-tailwind — минимальная конфигурация Hugo с Tailwind CSS + PurgeCSS + postcss-extract-media-query<br /> * https://gitlab.com/romychvk/tailwind-vue-app — сборка Tailwind на основе приложения Vue.js, т.е. HTML генерируется на лету из шаблонов<br /> <br /> == Конфигурационный файл tailwind.config.js ==<br /> <br /> Создать стандартный конфиг Tailwind &lt;code&gt;tailwind.config.js&lt;/code&gt; можно командой:<br /> <br /> npx tailwindcss init<br /> <br /> Далее по документации: [https://tailwindcss.com/docs/configuration Configuration]<br /> <br /> == Компоненты ==<br /> <br /> * https://tailwindui.com/<br /> * https://headlessui.dev/<br /> <br /> == Сервисы ==<br /> <br /> * [https://tailwind.build/ Tailwind Builder] — Create Tailwind templates in minutes<br /> * [https://www.tailwindtoolbox.com/ Tailwind Toolbox] — Free Starter Templates and Components for Tailwind CSS<br /> * [https://javisperez.github.io/tailwindcolorshades/ Tailwind Color Shades Generator]<br /> * https://heroicons.com/ — иконки, в двух размерах: 24 и 20 px (use &lt;code&gt;h-6 w-6&lt;/code&gt; for medium icons, and &lt;code&gt;h-5 w-5&lt;/code&gt; for small icons)</div>

>Zina