Всё о CSS Grid за 13 минут
CSS Grid — это мощный инструмент для упрощения создания сложных макетов на веб-страницах. Он позволяет разработчикам легко управлять расположением элементов на странице, обеспечивая гибкость и контроль над их позиционированием.
Также использование CSS Grid помогает сократить количество кода, улучшить читаемость стилей и сделать макеты более предсказуемыми и контролируемыми.
Видео начинается с теории, а затем автор показывает, как настроить сетку с помощью CSS Grid, включая создание колонок и строк, зазоры между элементами, автоматические строки, а также выравнивание и позиционирование элементов. Тут также рассматривается работа с областями и настройка начала и конца строк и колонок.
https://youtu.be/MEOR2b69Pl4?si=Jk6MQxo7VHO-VP_v
@prog_point #web #frontend #css
CSS Grid — это мощный инструмент для упрощения создания сложных макетов на веб-страницах. Он позволяет разработчикам легко управлять расположением элементов на странице, обеспечивая гибкость и контроль над их позиционированием.
Также использование CSS Grid помогает сократить количество кода, улучшить читаемость стилей и сделать макеты более предсказуемыми и контролируемыми.
Видео начинается с теории, а затем автор показывает, как настроить сетку с помощью CSS Grid, включая создание колонок и строк, зазоры между элементами, автоматические строки, а также выравнивание и позиционирование элементов. Тут также рассматривается работа с областями и настройка начала и конца строк и колонок.
https://youtu.be/MEOR2b69Pl4?si=Jk6MQxo7VHO-VP_v
@prog_point #web #frontend #css
YouTube
Grid CSS полный курс за 13 минут. Все свойства
В этом курсе мы поработаем с grid layout css и кратко рассмотрим все свойства!
Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend
Игра для закрепления знаний - https://cssgridgarden.com/#ru
↓↓↓ПЛЭЙЛИСТЫ ↓↓↓
Собеседования…
Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend
Игра для закрепления знаний - https://cssgridgarden.com/#ru
↓↓↓ПЛЭЙЛИСТЫ ↓↓↓
Собеседования…
👍6❤🔥1❤1
Forwarded from Веб-страница
24 CSS-проекта: Анимация загрузки, индикаторы выполнения, карточки и многое другое
На freeCodeCamp вышло новое видео, в котором вы сможете узнать, насколько хорошо вы на самом деле знаете CSS.
На протяжении 24 заданий вы будете воссоздавать компоненты и макеты из популярных приложений, таких как GitHub, CodePen и Instagram. Вы также создадите анимацию загрузки, индикаторы выполнения, карточки и многое другое, используя чистый CSS: https://youtu.be/TzuWIHGFKCQ
#css
На freeCodeCamp вышло новое видео, в котором вы сможете узнать, насколько хорошо вы на самом деле знаете CSS.
На протяжении 24 заданий вы будете воссоздавать компоненты и макеты из популярных приложений, таких как GitHub, CodePen и Instagram. Вы также создадите анимацию загрузки, индикаторы выполнения, карточки и многое другое, используя чистый CSS: https://youtu.be/TzuWIHGFKCQ
#css
❤5🎉3👍2
Детальный справочник для веб-разработчиков от А до Я
Если вы искали ресурс, где в одном месте собрано всё, что нужно знать по фронтенд-разработке, то рекомендуем вам Дока. Здесь собрана информация как по основам вёрстки, так и по фреймворкам, JS и TS. Абсолютно бесплатно!
https://doka.guide/
#шпаргалка #веб #javascript #html #css
Если вы искали ресурс, где в одном месте собрано всё, что нужно знать по фронтенд-разработке, то рекомендуем вам Дока. Здесь собрана информация как по основам вёрстки, так и по фреймворкам, JS и TS. Абсолютно бесплатно!
https://doka.guide/
#шпаргалка #веб #javascript #html #css
👍1
Forwarded from Веб-страница
Old but gold: Десять советов по улучшению CSS-переходов и анимации
Одни анимации и переходы только украшают приложение — другие делают его хуже. Пользователи могут не понимать, что такого особенного в переходах или анимации, но они могут чётко определить разницу между хорошим и плохим.
Как избежать негативных отзывов при создании собственных виджетов? В этой статье автор собрал советы и рекомендаций для CSS анимаций:
https://joshcollinsworth.com/blog/great-transitions
#css
Одни анимации и переходы только украшают приложение — другие делают его хуже. Пользователи могут не понимать, что такого особенного в переходах или анимации, но они могут чётко определить разницу между хорошим и плохим.
Как избежать негативных отзывов при создании собственных виджетов? В этой статье автор собрал советы и рекомендаций для CSS анимаций:
https://joshcollinsworth.com/blog/great-transitions
#css
👍1