Публикации по теме 'tailwind-css'
Создавайте доступные модальные окна с помощью React, TypeScript и Tailwind
Погружение в порталы, крючки и управление фокусом при создании простого и доступного модального окна.
Почему модальный? По моему опыту, модальные окна имеют тенденцию быть излишне раздутыми, что не идеально, поскольку они присутствуют повсюду. Кроме того, это позволит нам (повторно) вернуться к таким темам, как порталы , доступность и хуки .
Я предполагаю, что вы считаете React и TypeScript своими друзьями. Полезно, если вы тоже знакомы с Tailwind, но вы можете многое сделать..
Три способа настроить TailwindCSS с помощью Vanilla HTML и JS
Если вы читаете это, значит, у вас хороший вкус в CSS-фреймворках. В этом руководстве мы рассмотрим три основных метода интеграции TailwindCSS в ваши проекты Frontend и Full Stack Vanilla HTML.
Способ 1
Я называю это методом «ПОЦЕЛУЙ». Держать его просто глупо. На самом деле это настолько просто, что мы можем сделать это, добавив только следующую строку к тегу <head></head> в обычном файле index.html (или любом другом файле .html):
<script..
Как исправить Tailwind CSS IntelliSense в коде Visual Studio
TailwindCSS IntelliSense не работает в VS Code? Следуйте инструкциям в статье, чтобы исправить это.
Проблема
Недавно я начал переходить с традиционных CSS/SCSS на более современные варианты, такие как TailwindCSS . Поиграв в их онлайн-площадке, я решил попробовать локально и построить небольшой проект .
Однако я столкнулся с этой небольшой, но очень неприятной проблемой. Я знал, что в VSCode marketplace у TailwindCSS есть какой-то IntelliSense, после его установки я быстро..
Как освоить Tailwind CSS: разработка плагинов в ваших проектах Next.js
Подробное руководство по созданию простого плагина в проекте Next.js.
В этом сообщении блога мы обсудим важность и преимущества создания собственных подключаемых модулей CSS для Tailwind и продемонстрируем, как создать простой подключаемый модуль в проекте Next.js.
Введение
Tailwind CSS — это популярный CSS-фреймворк, предназначенный для упрощения стилизации современных приложений. Используя CSS-плагины Tailwind, вы можете расширить функциональность фреймворка и сделать свою..
TailwindCSS и Symfony Webpack Encore
Краткое руководство по интеграции TailwindCSS в Webpack на бис
Недавно у меня была возможность выбрать фреймворк TailwindCSS и поработать с ним над рабочим проектом.
После некоторого начального колебания его концепции CSS прежде всего на основе полезности я провел небольшое дополнительное исследование и пообщался с сообществом попутного ветра. В конце концов, я получил достаточно бай-ина, чтобы пересмотреть свое первоначальное суждение и попробовать.
Самое приятное..
Как использовать Turbopack и TailwindCSS в приложении NextJS 13
В этой статье я покажу, как реализовать Turbopack и TailwindCSS в приложении NextJS 13.
Если вы хотите сразу приступить к написанию кода, я создал репозиторий шаблонов, который был протестирован и работает как в среде разработки, так и в рабочей среде. Вы можете найти его здесь: https://github.com/thejamesgore/NextJS13-TailwindCSS-Turbopack-Template (Дайте ему звезду! ⭐️)
Введение
Turbopack, преемник Webpack, был выпущен Vercel в октябре 2022 года вместе с NextJS 13. Хотя NextJS..
Как создать адаптивную подсказку профиля с помощью TailwindCSS
Всплывающая подсказка — это элемент графического пользовательского интерфейса (GUI), используемый вместе с курсором или указателем мыши для отображения информации об элементе без необходимости нажимать на него.
Будучи одним из самых популярных экранных элементов адаптации и взаимодействия с пользователем, веб-сайты и приложения могут содержать простые всплывающие подсказки, серии всплывающих подсказок, отдельные всплывающие подсказки или всплывающие подсказки в качестве интерактивных..