Golden canon grid: страшилка для фронтендеров

Скрипты и советы | 10 декабря 2019

Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов


Большая часть людей, так или иначе причастных к верстке сайтов, проходят через… Назовем это “путь бутстрапа”. Это такая философская позиция, когда у тебя есть 12 колонок и ничего больше. Ты берешь элементы, кладешь их в определенные колонки и все у тебя хорошо. Можно выключить мозг, погрузиться в нирвану и руки будут сами расставлять элементы. Красота… Но тут появляется современный дизайнер, который рисует что-то, что ну совсем не сходится с этой замечательной концепцией. Колонок явно больше, они все разной ширины, да еще и по высоте что-то нужно выравнивать. Жуть. А встречается такое все чаще, особенно если сделать шаг в сторону от магазинов или админок. Сегодня мы поговорим о том, что же это за чудо такое там используется и как его можно готовить в современном CSS. Кода будет совсем немного, в основном – размышления и картинки.

Читать дальше →
[Перевод] Именование в CSS Grid

Когда вы впервые изучаете, как использовать Grid-разметку, можно начать с размещения элементов на сетке по номерам...

Подробнее
[Перевод] Как CSS Grid меняет представление о структурировании контента

Каждый, кто хотя бы немного занимался созданием веб-сайтов, знает, что теги — являются важным строительным блоком для...

Подробнее
[Из песочницы] Responsive design: сохранение формы элементов разметки

Одним из приемов адаптивного веб-дизайна является установка размеров элементов разметки в процентах относительно...

Подробнее
Блог им. 3ds / Колонки одинаковой высоты + border-bottom!

Begin На хабре наверно уже миллион статей про колонки одинаковой высоты. Вы спросите зачем нам нужна еще одна статья в...

Подробнее
Поиск Рекламодателей для Блога

1) Составляешь краткое письмо (коммерческое предложение), где в идеале нужно описать все преимущества твоего блога и не...

Подробнее
Оптимизируем производительность веб-страницы: CSS

В наше время скорость интернета довольно высока. Казалось бы, можно забыть о тех временах, когда нам приходилось ждать...

Подробнее

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

  • Смайлы и люди
    Животные и природа
    Еда и напитки
    Активность
    Путешествия и места
    Предметы
    Символы
    Флаги