[Перевод] Пришло время попрощаться с единицей измерения px

Скрипты и советы | 14 февраля 2021

Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании RUVDS.com, Разработка веб-сайтов, CSS, Дизайн, дизайн,

Если вы занимаетесь дизайном сайтов или их разработкой — не используйте абсолютные единицы измерения. А именно — px, in, mm, cm, pt и pc. Это, в дизайне, так же плохо в плане доступности и отзывчивости контента, как использование таблиц в сфере создания макетов страниц. Если взглянуть на все абсолютные единицы измерения, то окажется, что лишь px упрямо не желает нас покидать. Коллективный разум веб-дизайнеров (что правильно!) отказался от применения всех остальных подобных единиц измерения в деле стилизации материалов веб-страниц.



Дизайнеры и разработчики способны осознать абсурдность применения физических единиц измерения расстояний для стилизации цифрового контента, а вот пиксели… похоже, они кажутся всем достаточно «цифровыми». Но они таковыми не являются. Изначально единица измерения px была предназначена для представления физических пикселей на экранах устройств, то есть — для описания наименьших фрагментов изображений, которые можно окрасить в некий цвет. Они больше не привязаны к этому определению. Взгляните на этот материал о пикселях, написанный ещё в 2010 году. Современные браузеры могут рендерить элементы, измеряемые в сотых долях пикселя.
Читать дальше →
[Из песочницы] Занимательная вёрстка с единицами измерения области просмотра

Единицы измерения области просмотра используются вот уже несколько лет. Они практически полностью поддерживаются...

Подробнее
[Перевод] Новые (и старые) единицы измерения в CSS, о которых вы вряд ли слышали

В последнее время JavaScript развивается очень быстро, но и языки-помощники веб-разработчика не стоят на месте. CSS...

Подробнее
Гибкий прелоадер с использованием единиц измерения em

Я люблю придумывать различные элементы интерфейса, и однажды мне захотелось сделать прелоадер. Читать дальше →...

Подробнее
[Из песочницы] Изучить отзывчивый веб-дизайн за 5 минут

Привет, Хабр! Представляю вашему вниманию перевод статьи «Learn responsive web design in 5 minutes» автора Per. В этой...

Подробнее
Web-разработка / Перевод CSS Font-Size: em vs. px vs. pt vs. percent

Одним из наиболее запутанных аспектов CSS является применение font-size атрибута для масштабирования текста. Используя...

Подробнее
[Из песочницы] Разработка CSS в GitHub

От переводчика: Статья написана от лица Mark Otto, одного из ведущих мейнтейнеров популярного front-end фреймворка...

Подробнее

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

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