Инструмент: сборник минималистичных спинеров загрузки

Их анимация осуществляется исключительно с использованием CSS. Всего в наборе 12 различных видов спинеров.

Ссылка на инструмент: SpinKit

#инструмент #css #frontend

​Курс: экспресс-обучение Tailwind CSS v3

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

В этом небольшом курсе разберут Tailwind CSS v3 и большинство его функций. Вы научитесь делать кастомные конфиги, подключать плагины и создавать кастомные компоненты. Также разберётесь с директивами и функциями.

https://youtu.be/fyK1sW1CNug?si=2BDdC77KrfAfPBhk

#курс #tailwind #css #frontend #ru

​Доклад: CSS, который рвёт шаблоны

При написании стилей разработчики часто сталкиваются с проблемами, которые сложно решить через CSS — приходится прибегать к помощи JS и в целом использовать «костыли».

На вебинаре рассмотрят эти проблемы и расскажут как их решать, применяя современный стандарт CSS.

https://www.youtube.com/live/TV_CqFriagI?si=PNn3Ae66PlKUJuAw

#доклад #css #frontend #ru

Статья: Новые единицы измерения svh, lvh, dvh в CSS для адаптивной верстки

Единицы области просмотра были впервые представлены в CSS в 2012 году, и с тех пор стандарты практически не изменялись. Для создания адаптивного дизайна часто прибегали к использованию единиц измерения, таких как vh, vw, vmin и vmax.

В статье рассматривают новые единицы измерения svh, lvh и dvh, а также рассказывают, в чём существенные отличия этих новых единиц от традиционной vh.

Ссылка на статью

#статья #css #frontend #ru