Публикации по теме 'tailwind'
Классовое безумие попутного ветра. Никогда больше?!
Пару дней назад моя сестра попросила об одолжении. Она хотела создать небольшую контактную / промо-страницу для детского сада, которым она руководит. Ничего особенного и необычного, просто обычная целевая страница с графикой мероприятий и контактной формой. Работа выходного дня.
Что ж, звучит как очень простая и быстрая задача, которую нужно выполнить и помочь нуждающемуся брату или сестре. Первая мысль была Vue , следующей - Попутный ветер . Поразмыслив, выясняется, что это..
Используйте TailwindCSS через директиву в Angular
Избавьтесь от беспорядка в классах попутного ветра из шаблонов Angular и повторно используйте стили во всем приложении.
Angular имеет первоклассную поддержку TailwindCSS начиная с версии 11.2. При использовании попутного ветра в шаблонах angular вы можете сгруппировать некоторые классы для повторного использования. Например, для стиля карты у вас может быть bg-gray-100 rounded-md p-4 shadow hover:shadow-lg hover:bg-gray-50 . Конечно, у вас есть директива @apply попутного ветра,..
HeadlessUI: Раскрытие информации
Часть 2: Стилизация открытой панели
В этой части мы собираемся стилизовать открытую панель.
Сначала нам нужно установить реагирующий герой.
npm i @heroicons/react
Затем импортируйте ChevronUpIcon вверху.
import { ChevronUpIcon } from '@heroicons/react/solid'
Затем мы условно меняем состояние с помощью открытого состояния.
{({open})=>(
<>
</>
)}
Мы помещаем все Disclosure.Button и Disclosure.Panel внутрь фрагмента.
<div className="w-full px-4..
В Tailwind 3.3.3 просочилась информация о проекте Misterious Oxide
На данный момент статью прочитали более 600 веб-разработчиков. Я рада, что вы цените мою работу!
В Tailwind 3.3.3 (или 4.0.0) будут внесены некоторые улучшения. Он также раскрывает информацию о секретном проекте Oxide, который может оказаться революционным!
Взлет и падение Bootstrap
Как Tailwind стал популярным CSS-фреймворком
Недавно я использовал Bootstrap 5, и это был кошмар по сравнению с Tailwind
Недавно я начал создавать небольшие туториалы для разработчиков . Цель состояла в том, чтобы показать младшим разработчикам, как старший разработчик думает, когда пишет код. Например, как старший разработчик может понять документацию или новый фреймворк, о котором он не знает, и как он может узнать, когда что-то идет не так. Знаменитый «код пахнет .»
Примеры..
Как настроить приложение Vue js для использования Tailwind CSS
Простое руководство по использованию TailwindCSS в вашем следующем проекте Vue.
Что такое TailwindCSS?
Tailwind - это CSS-фреймворк для быстрого создания пользовательских интерфейсов. Tailwind отличается от таких фреймворков, как Bootstrap, Foundation или Bulma, тем, что это не комплект пользовательского интерфейса. У него нет темы по умолчанию и нет встроенных компонентов пользовательского интерфейса. С другой стороны, он также не имеет мнения о том, как должен выглядеть ваш..
Учебное пособие по ReactJS: как установить Tailwind CSS с Vite
Всем привет! В этом уроке мы покажем вам, как установить и использовать Tailwind CSS с Vite и React. Готовы к стилю с Tailwind? вот так!
Чтобы установить и использовать Tailwind CSS с Vite в проекте React, выполните следующие действия:
Шаг 1: Установите Vite
Чтобы установить Vite, выполните следующую команду в своем терминале:
npm create vite
? Project name: (your project name)
? Select a framework: React
? Select a variant: Javascript
cd (your project name)
npm install
npm..