Раскладка

Как вы располагаете элементы на странице?

Grid
Процент заполнения: 94.9% (10906)
Процент заполнения: 94.9% (10906)

Экспорт
Проценты%
КоличествоΣ

2019

2020

Использовал
Знаю
Впервые слышу

Subgrid
Процент заполнения: 94.5% (10859)
Процент заполнения: 94.5% (10859)

Экспорт
Проценты%
КоличествоΣ

2020

Использовал
Знаю
Впервые слышу

Flexbox
Процент заполнения: 94.6% (10871)
Процент заполнения: 94.6% (10871)

Экспорт
Проценты%
КоличествоΣ

2019

2020

Использовал
Знаю
Впервые слышу
Проценты%
КоличествоΣ

2019

2020

Использовал
Знаю
Впервые слышу
Проценты%
КоличествоΣ

2019

2020

Использовал
Знаю
Впервые слышу
Мы попросили участников CSS-сообщества поделиться своим ”выбором года”.

Мой выбор в 2020 году: Container Queries

Медиавыражения от контейнера — это долгожданная для всех нас возможность, и я в восторге, что команда Chrome работает над её нативной поддержкой!

Мы попросили участников CSS-сообщества поделиться своим ”выбором года”.

Ahmad Shadeed

Автор debuggingcss.com

Exclusions
Процент заполнения: 94.2% (10830)
Процент заполнения: 94.2% (10830)

Экспорт
Проценты%
КоличествоΣ

2019

2020

Использовал
Знаю
Впервые слышу
Проценты%
КоличествоΣ

2020

Использовал
Знаю
Впервые слышу
Проценты%
КоличествоΣ

2020

Использовал
Знаю
Впервые слышу
Проценты%
КоличествоΣ

2020

Использовал
Знаю
Впервые слышу

CSS content-visibility
Процент заполнения: 94.5% (10865)
Процент заполнения: 94.5% (10865)

Экспорт
Проценты%
КоличествоΣ

2020

Использовал
Знаю
Впервые слышу

Рекомендуемые ресурсы

CSS Grids and Flexbox for Responsive Web Design

Starting with a review of floats for context, but quickly moving into Flexbox and CSS grids, this essential course is for web developers that want to build responsive, beautiful web applications faster using less code and best practices.
Спасибо нашим партнёрам за поддержку! Подробнее.