​​6 полезных шпаргалок по CSS, которые сэкономят вам часы работы

Они идеально подходят как для новичков, так и для тех, кто уже неплохо разбирается.

Чит-листы охватывают такие аспекты как:
— CSS Flexbox.
— CSS Grid.
— CSS Positions.
— CSS Display Values.
— CSS Selectors.
— CSS :nth-child Selectors.

Сохраняйте, чтобы не потерять: https://github.com/WebdevShefali/CheatSheets/tree/main

#css #фронтенд

​​24 CSS-проекта: Анимация загрузки, индикаторы выполнения, карточки и многое другое

На freeCodeCamp вышло новое видео, в котором вы сможете узнать, насколько хорошо вы на самом деле знаете CSS.

На протяжении 24 заданий вы будете воссоздавать компоненты и макеты из популярных приложений, таких как GitHub, CodePen и Instagram. Вы также создадите анимацию загрузки, индикаторы выполнения, карточки и многое другое, используя чистый CSS: https://youtu.be/TzuWIHGFKCQ

#css

Упрощаем себе создание grid-вёрстки на сайте с помощью CSS Grid Generator

Как видно на видео, он помогает посмотреть, как будет выглядеть итоговая сетка и после этого получить готовый CSS-код. Всё, что вам нужно: задать количество строк, колонок и расстояния между ними, а потом нарисовать расположение div-блоков.

Инструмент бесплатный, доступен по ссылке: https://cssgrid-generator.netlify.app/

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