Публикации по теме 'tailwind-css'
Битва за отзывчивость Bootstrap и Tailwind
И почему Tailwind побеждает
Обе библиотеки активно используются во внешнем сообществе. Говорят, что Tailwind более настраиваемый, в то время как bootstrap считается более простым, но, следовательно, более быстрым для изучения.
Сегодня мы рассмотрим функцию отзывчивости обеих библиотек. Мы все знаем, как сложно писать медиа-запросы самостоятельно, даже если это ускоряется при использовании миксинов SCSS. Простое добавление класса к элементу DOM может сэкономить много времени. Но..
HeadlessUI: всплывающее окно
Часть 1: Базовый пример
В этой статье мы собираемся создать базовый пример Popover с использованием безголового пользовательского интерфейса.
После создания проекта и установки TailwindCSS установите безголовый пользовательский интерфейс.
Создать всплывающий компонент
В корневой папке создайте папку компонентов, затем создайте MyPopover.js. Мы добавляем класс во внешний div, кнопку Popover, а также содержимое панели.
import React from 'react'
import { Popover } from..
Объяснение того, что такое хороший уровень абстракции с помощью Tailwind CSS
Слои абстракции очень субъективны в зависимости от того, что, когда и как вы хотите. Этот пост основан на моем опыте работы с Tailwind CSS 3. Он также о том, что, когда и как.
В вычислениях уровень абстракции или уровень абстракции — это способ скрыть рабочие детали подсистемы. — https://en.wikipedia.org/wiki/Abstraction_layer
Уровни абстракции должны быть более доступной версией подсистемы. Фреймворки и библиотеки можно назвать уровнями абстракции, потому что они скрывают то,..