Перевод Создание Scrapbook-макета на CSS Grid

Недавно на уроках дошкольной подготовки моему сыну поручили в течение недели присматривать за плюшевым мишкой, что предполагало необходимость взять мишку в какое-то приключение, а свои воспоминания об этом добавить в альбом. Мне очень понравилось делать этот альбом и подтолкнуло к мысли о том, как бы я сделал нечто подобной с помощью CSS Grid!

Читать дальше →

Источник: Уроки CSS на Хабрахабре

[Перевод] CSS Grid — швейцарский армейский нож для макетов сайтов и приложений

В течение последних двух месяцев я углубился в изучение CSS Grid. В этой заметке я хочу поделиться своими основными...

Подробнее

[Из песочницы] Создание несимметричной сетки с помощью Grid Layout

На данный момент, по данным Can I Use, 84% браузеров поддерживает Grid Layout. С каждым месяцем это число растет. А...

Подробнее

[Перевод] Учим CSS Grid за 5 минут

Быстро познакомимся с будущим макетов веб-сайтов. Grid макеты имеют основополагающее значение для дизайна веб-сайтов, а...

Подробнее

[Перевод] Gap — светлое будущее для отступов в Flexbox (как в Grid)

Одна из моих любимых частей спецификации CSS Grid — это grid-gap. Они позволяют легко создавать отступы между...

Подробнее

Видеоурок по применению CSS Grid

Привет! Тема CSS Grid уже долгое время не даёт покоя frontend сообществу. В этом видео мы решили перейти от теории к...

Подробнее

[Перевод] Grid или Flexbox?

Мишель Баркер, автор материала, перевод которого мы сегодня публикуем, говорит, что недавнее обсуждение в Twitter,...

Подробнее

[Перевод] Создание Scrapbook-макета на CSS Grid

[Перевод] CSS Grid — швейцарский армейский нож для макетов сайтов и приложений

[Из песочницы] Создание несимметричной сетки с помощью Grid Layout

[Перевод] Учим CSS Grid за 5 минут

[Перевод] Gap — светлое будущее для отступов в Flexbox (как в Grid)

Видеоурок по применению CSS Grid

[Перевод] Grid или Flexbox?

Написать комментарий