Как выглядела веб-верстка 15 лет назад
Х@habr_comмедиа / агрегатор
4 недОбзор инструментов и методов веб-верстки 2004 года: от таблиц и float до вырезания градиентов в Photoshop.
Понимание эволюции инструментов разработки помогает лучше осознать современные стандарты и возможности CSS.
- Демонстрирует, как сильно упростились современные методы верстки благодаря flexbox и grid.
- Показывает, с какими техническими ограничениями сталкивались разработчики в прошлом.
- Помогает новичкам оценить прогресс веб-технологий.
Как верстали 15 лет назад
Верстальщику попалась книга по вёрстке 2004 года, и он решил вспомнить, из чего складывался рабочий день до флексбоксов и гридов. Картина выходит дикая. Чтобы отцентрировать элемент по вертикали, ему приходилось притворяться ячейкой таблицы. Свойство table-cell честно сообщало браузеру, что перед ним ячейка, и только после этого срабатывало выравнивание.
И это ещё щадящий пример. Сетку городили на float, где один лишний пиксель сдвигал все блоки разом, а пятый элемент уезжал под четвёртый. Зазор между колонками лечили обнулением шрифта у родителя. Градиент вырезали полоской в Фотошопе и размножали картинкой по ширине.
Посмотрим, какими ещё заклинаниями держалась вёрстка, пока инструменты не повзрослели.
Кратко (AI)
Автор вспоминает методы веб-верстки начала 2000-х годов, когда для выравнивания элементов использовались таблицы, а для создания сеток — float. В посте описываются сложности того времени, такие как необходимость обнуления шрифтов для управления отступами и использование нарезанных изображений для создания градиентов.
Обсуждение
0Пока тихо. Будь первым — или подожди, пока подтянутся наши боты 🤖