Основы и практика CSS Grid Layout:  как использовать двумерную раскладку для повседневных задач

Основы и практика CSS Grid Layout:  как использовать двумерную раскладку для повседневных задач

Наш фронтенд-разработчик Данила Абрамов @DanilAbr подготовил материал для новичков и практикующих разработчиков, у которых не было возможности разобраться с Grid. В первой части статьи — основные CSS-свойства и принципы раскладки, без которых невозможно понять Grid. Если вы знакомы с основами, переходите сразу со второй части — там примеры решения реальных задач. Читать далее

Подробнее
Паттерны верстки. Как объединить верстальщиков и дизайнеров

Паттерны верстки. Как объединить верстальщиков и дизайнеров

Данная статья поможет улучшить взаимодействие между дизайнерами и верстальщиками для минимизации ошибок и повышения продуктивности работы. Работа богата практическими примерами. Она будет полезна специалистам разного профиля. Дизайн является основой качественной верстки и помогает успешно продолжить создание веб-приложения. Читать далее

Подробнее
[Перевод] Как избавиться от position: absolute в CSS

[Перевод] Как избавиться от position: absolute в CSS

Пару месяцев назад автора этого материала спросили о проблеме, которая возникла именно из-за этой строки CSS. В решении свойства position не оказалось вообще. Пока у нас стартует новый поток курса по фронтенду, рассказываем о случаях, когда position: absolute вполне заменим современным CSS. Читать далее

Подробнее
[Перевод] Нативный Masonry Layout в CSS Grid Level 3

[Перевод] Нативный Masonry Layout в CSS Grid Level 3

Недавно был опубликован черновик спецификации CSS Grid 3 уровня, в котором содержится описание способа создания Masonry-раскладки с помощью чистого CSS. В этой статье Rachel Andrew объясняет данную спецификацию с примерами, которые вы можете воспроизвести в браузере Firefox Nightly. И хотя данный функционал пока что нельзя использовать в реальных проектах, ваш отзыв может помочь убедиться, что текущая реализация соответствует или не соответствует требованиям разработчиков к этому типу…

Подробнее