WebGrower – это попытка собрать в одном месте все необходимые, полезные и интересные ресурсы для веб-разработки.

1-Line Layouts

На недавней конференции Web.dev в своем докладе @una рассказывала про современные техники создания макетов для веб-страниц. Честно говоря, на классические однострочники примеры абсолютно не похожи, но большинство способов пригодятся в повседневной верстке.

У каждого способа над редактором кода (можно поиграться с макетом) есть поддержка браузерами использованных технологий, но, к сожалению, без указания с какой версии начинается полноценная поддержка. Цвет тега с названием браузера меняется в зависимости от полноты поддержки браузером выбранного способа. А еще все примеры можно проверить на респонсивность/адаптивность и подобрать именно тот, который нужен в вашем случае.

© 2020 Работает на Gatsby