[Книга] Современный CSS с Tailwind

Tailwind CSS - это новый захватывающий фреймворк CSS, который позволяет вам разрабатывать свой сайт, составляя простые служебные классы для создания сложных эффектов. С помощью Tailwind вы можете стилизовать свой текст, перемещать элементы на странице, разрабатывать сложные макеты страниц и адаптировать свой дизайн для устройств, от телефона до широкоэкранного монитора. Из этой книги вы узнаете, как использовать Tailwind, его гибкость и последовательность, от мельчайших деталей вашей типографики до всего дизайна вашего сайта.

С помощью CSS вы можете делать удивительные вещи с основным текстом и изображениями на своем веб-сайте, а с помощью небольшого количества клиентского кода для добавления и удаления классов CSS вы можете делать гораздо больше. CSS также может быть сложно отлаживать, сложно писать и сложно поддерживать, но это не обязательно. С помощью Tailwind вы можете свести к минимуму объем CSS, который вам нужно написать, упростив контроль и отладку, и при этом по-прежнему наслаждаться полной гибкостью и согласованностью на вашем сайте. Используйте Tailwind для создания сложных макетов страниц, добавления адаптивного дизайна, адаптирующегося к разной ширине экрана, и значительного уменьшения количества необходимых вам CSS.

Настройка Tailwind предельно ясна и позволяет понять отображение, просто взглянув на разметку HTML. Начните с разработки типографских деталей отдельных элементов, а затем разместите эти элементы и манипулируйте ими в «поле» - прямоугольнике пространства, которое каждый элемент занимает на экране - с помощью гибкого блока или дизайна сетки. Перемещайте эти элементы по странице с помощью небольшой полезной анимации и переходов. С Tailwind легко создать прототип, повторить и настроить отображение. Используйте префиксы, чтобы указать поведение. Измените настройки по умолчанию, добавьте новое поведение или интегрируйте с устаревшим CSS.

Используйте Tailwind, чтобы создавать необычные веб-дизайны без особых усилий.

Что вам нужно

Эта книга о Tailwind2.0. У вас должна быть возможность установить Ruby on Rails для запуска примера приложения.