CSS-хаки, которые заставляли Internet Explorer работать: от `!important` до `expression()`
CSS Curiosities of the Past
Статья погружает в мир нестандартных CSS-приёмов, которые использовались для обхода ошибок Internet Explorer. Вы узнаете о звёздочном хаке, `!important`-трюках, `hasLayout`, `expression()` и фильтрах. Автор показывает, как эти уловки помогали верстальщикам добиться единообразия в эпоху разгула браузерных несоответствий.
Проблема с выражениями в том, что они вычисляются чаще, чем большинство людей ожидает. Они вычисляются не только при отрисовке и изменении размера страницы, но и при прокрутке и даже при движении мыши по странице.
- tiborsaas
Помните скруглённые углы? Это была настоящая боль, существовало столько хаков, чтобы добиться такой простой вещи, как
border-radius: 16px;
Моим другим любимым приёмом была загрузка шрифтов через sIFR :) Поскольку поддержка шрифтов была... неравномерной, придумали технику замены заголовков на Flash-вставки, которые отрисовывали нужный шрифт:
https://www.webdesignmuseum.org/web-design-history/sifr-2004
- zetanor
Помимо вендорных трюков, мне хотелось бы увидеть подборку или статью об эволюции паттернов вёрстки страниц со временем. То есть о лежащих в основе техниках, а не об эстетике; tables, фиксированные размеры изображений, float/clear, flex и т.д. Я нашёл https://code-literacy.medium.com/css-layout-evolution-detail... но это довольно скелетно и неполно. Кто-нибудь здесь встречал более полное описание?
- VCFundedGenYer
Последний раз я плотно работал с CSS в 2010/2011. Для меня они всё ещё не кажутся старыми.
Был момент, когда если ты писал хороший HTML/CSS, проходящий валидатор W3C, ты был на коне практически на любом устройстве. Это до сих пор верно.
- QuadrupleA
IE был настоящим бичом, обузой для человечества (по крайней мере, для той части человечества, которая делала сайты). Одно из великих зол Microsoft — они позволили продукту годами стагнировать, как только захватили рынок.
Windows в некотором роде стал таким же сейчас — низкокачественный, враждебный к пользователю продукт, навязанный людям через инерцию и монопольные тактики.
- meerita
У меня был мирный день, пока эти CSS-курьёзы не воскресили воспоминания о моих мучительных днях. Очень хорошо, что нам больше не нужно иметь дело с такими хаками и вендор-специфичными вещами. Последний раз я участвовал в проекте, нацеленном на старый браузер, в 2018 году!