Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 July 29

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Sergey Bogush
Представьте если на экранах большой ширины кто-то в коде увидит rem(24px) но на деле там будет 36px.

если в проекте scss прикручен, можно использовать функцию, которая будет облегчать понимание и читаемость кода, но в то же время будет использовать ремы
Например, в коде пишешь rem(24), на входе принимает единицы в пикселях, а на выходе переводит в ремы
а в девтулзе не отобразит rem(24) и пошаманить в браузере не даст. в этом и проблема
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
главная причина это постоянная конвертация пикселей в ремы ради мнимой выгоды.  Дизайнеры то макеты передают в пикселях нам.  и браузеры тоже не пишут нам в ремах.
Это усложняет разработку,  а где сложность там и   баги =)
когда мы пишем в процентах, браузер-то тоже в пиксели переводит)
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
и получается, что писать в процентах — тоже усложнение разработки
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
я не топлю за проценты. )
источник

SB

Sergey Bogush in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
а в девтулзе не отобразит rem(24) и пошаманить в браузере не даст. в этом и проблема
а вкладка Computed для каких целей создавалась?) там в пикселях отображает все значения вычисленные
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
ой всё
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
если выстроить процесс в rem, показать участникам команды, как делать, и написать, если это необходимо, быструю статейку о работе ремов, работать будет также, как в px, только если придут требования по доступности, не придётся всё переписывать с px
источник

SB

Sergey Bogush in HTML/CSS — русскоговорящее сообщество
:D
источник

SB

Sergey Bogush in HTML/CSS — русскоговорящее сообщество
Sergey Bekharsky
economy.gov.ru — пример на ремах.

Почему ремы? потому что дизвайн был изначально под 1440 пикселей, а времени не было

Сколько у нас ноутбуков на свете под 1440?

вы понимаете суть?

остальное через час
час прошел))
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Zahar Avsievich
если выстроить процесс в rem, показать участникам команды, как делать, и написать, если это необходимо, быструю статейку о работе ремов, работать будет также, как в px, только если придут требования по доступности, не придётся всё переписывать с px
а ради чего выстраивать процесс с ремом?  чтобы уметь в определённые моменты сделать везде шрифт 72? ))
источник

Р

Руслан in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
а ради чего выстраивать процесс с ремом?  чтобы уметь в определённые моменты сделать везде шрифт 72? ))
я даже менее абсурдную аналогию придумать не могу
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
редкий кейс решающие узкие задачи которые можно решить иначе — увеличив зум в браузере или в винде
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
а ради чего выстраивать процесс с ремом?  чтобы уметь в определённые моменты сделать везде шрифт 72? ))
чтобы можно было увеличить размер шрифта в браузере, или поменять его в html, и весь сайт под это подстроился
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Zahar Avsievich
чтобы можно было увеличить размер шрифта в браузере, или поменять его в html, и весь сайт под это подстроился
Вопрос в том, действительно ли нужна эта функциональность для конкретного проекта? Как правило это гораздо менее распространенный случай использования, чем есть на самом деле.
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
редкий кейс решающие узкие задачи которые можно решить иначе — увеличив зум в браузере или в винде
пользовался на своём проекте, было удобно)
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
редкий кейс решающие узкие задачи которые можно решить иначе — увеличив зум в браузере или в винде
не всё так просто, когда дело касается требований wcag)
источник

BA

Bogdan Aleksandrovic... in HTML/CSS — русскоговорящее сообщество
всем привет, как вы абарский делаете на цсс чистом? подключением вторых стилей, которые переопределяют текущие?
источник

SB

Sergey Bogush in HTML/CSS — русскоговорящее сообщество
Ну вообще, если честно, то я согласен про масштабирование сайтов... Это крайне редкий кейс, ибо люди с плохим зрением будут использовать масштабирование системы, а не сайта.. Ведь получается треш, когда у тебя сайты с увеличенными элементами, а окружение всем системы (в том числе и браузер), остаются мелкими
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Zahar Avsievich
не всё так просто, когда дело касается требований wcag)
Ну как одно из решений годится)

Хотя я бы наверное заюзил нестандартное свойство zoom) если на фаерфокс плевать)
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Sergey Bogush
Ну вообще, если честно, то я согласен про масштабирование сайтов... Это крайне редкий кейс, ибо люди с плохим зрением будут использовать масштабирование системы, а не сайта.. Ведь получается треш, когда у тебя сайты с увеличенными элементами, а окружение всем системы (в том числе и браузер), остаются мелкими
не говори того, чего не знаешь
есть часть людей, которая использует исключительно увеличение шрифта
источник