[Перевод] Полное визуальное руководство/шпаргалка по CSS Grid

[Перевод] Полное визуальное руководство/шпаргалка по CSS Grid

Сегодня мы с вами рассмотрим свойства CSS Grid (далее также — Грид), позволяющие создавать адаптивные или отзывчивые макеты веб-страниц. Я постараюсь кратко, но полно объяснить, как работает каждое свойство. Что такое CSS Grid? Грид — это макет для сайта (его схема, проект). Грид-модель позволяет размещать контент сайта (располагать его определенным образом, позиционировать). Она позволяет создавать структуры, необходимые для обеспечения отзывчивости сайтов на различных…

Подробнее
Полное визуальное руководство-шпаргалка по Flexbox и Grid + туториал

Полное визуальное руководство-шпаргалка по Flexbox и Grid + туториал

Доброго времени суток, друзья! Представляю вашему вниманию полное визуальное руководство-шпаргалку по всем свойствам CSS-модулей Flexbox и Grid. Основные источники: A Complete Guide to Flexbox, A Complete Guide to Grid. В конце статьи вас ждет небольшой туториал по созданию тренажера по Flexbox. Без дальнейших предисловий. Оглавление Flexbox Терминология Свойства флекс-контейнера Свойства флекс-элементов Примеры Полезные ресурсы …

Подробнее
[Перевод] CSS Houdini: практическое руководство

[Перевод] CSS Houdini: практическое руководство

Доброго времени суток, друзья! Что такое Houdini? Houdini (Гудини) — коллекция API браузера, значительно улучшающих процесс веб разработки, включая разработку стандартов CSS. Разработчики смогут расширять CSS, используя JavaScript, влияя на рендеринг CSS и указывая браузеру, как следует применять стили. Это обеспечит значительное повышение производительности и стабильности, нежели использование полифилов. Гудини состоит из двух групп API — высокоуровневые API и API низкого уровня. …

Подробнее