- Создание простой страницы лендинга за 5 минут используя готовые CSS блоки tailwind.
- Строим простой сайт используя TailBlocks:
- Давайте начнем
- Шаг 1) Создадим новый HTML файл
- Шаг 2) Добавим CDN для TailWind CSS.
- Шаг 3) Выберем компоненты TailBlocks
- Шаг 4) Попробуйте разные компоненты и поэкспериментируйте с разными шаблонами
Создание простой страницы лендинга за 5 минут используя готовые CSS блоки tailwind.
TailBlocks – это проект, который предоставляет несколько шаблонов, созданных с использованием Tailwind CSS.
Он предоставляет HTML-код, который сразу можно использовать в своих проектах.
Строим простой сайт используя TailBlocks:
Давайте начнем
Шаг 1) Создадим новый HTML файл
Шаг 2) Добавим CDN для TailWind CSS.
TailBlock использует TailWindCSS для css
Шаг 3) Выберем компоненты TailBlocks
Посетите TailBlocks, там вы можете увидеть список всех компонентов в левой боковой панели
Найдите компоненты заголовка (Header components) на левой боковой панели и выберите один компонент, затем скопируйте его код в созданный нами HTML-файл.
Вы можете скопировать его код, сначала щелкнув ViewCode, а затем скопировать в буфер обмена, представленный в Header на сайте TailBlocks.
Это код, который я скопировал из компонента заголовка
TailBlock также предоставляет опции для изменения цвета компонентов.
Шаг 4) Попробуйте разные компоненты и поэкспериментируйте с разными шаблонами
Мои мысли о TailBlocks:
Этот проект очень полезен для быстрого создания сайтов однако поддержка и настройка кода всегда будут требовать каких то усилий.
Но, мне он очень понравился, для быстрого создания простых страничек 😄 Возможно вам понравиться тоже.