honey
Про аццесабилити я знаю только 1. Табиндекс для перемещения по странице/формам, 2. Альтернативные описания для скрин ридера (и тег <nav> ещё)
🏴☠️
Вот основный аргумент перехода из px на em / rem. Это повышает доступность
сколько у тебя указан размер шрифта html?
VovaDos
сколько у тебя указан размер шрифта html?
Он не указан, браузер диктует в зависимости от как раз юзер сеттингов. Medium = 16px и как раз с помощью em / rem можно от этого масштабироваться, из-за чего и выходит такое
🏴☠️
Он не указан, браузер диктует в зависимости от как раз юзер сеттингов. Medium = 16px и как раз с помощью em / rem можно от этого масштабироваться, из-за чего и выходит такое
20 пикселей высчитывать отталкиваясь от 16 пх в 1.25рем наверное неудобно
honey
Вот основный аргумент перехода из px на em / rem. Это повышает доступность
Опа, значит на размер шрифта в пикселях не влияет настройка браузера "размер шрифта", а если размер указан в ем, то ты через настройки браузера сможешь выбрать шрифт покрупнее, и элемент, размер которого указан в ем - будет отзывчивым к настройкам размера шрифта браузера, так?
VovaDos
Опа, значит на размер шрифта в пикселях не влияет настройка браузера "размер шрифта", а если размер указан в ем, то ты через настройки браузера сможешь выбрать шрифт покрупнее, и элемент, размер которого указан в ем - будет отзывчивым к настройкам размера шрифта браузера, так?
Не только em, а и rem. В общем, относительные единицы
honey
Кстати, а ем - считается разве не от размера основного шрифта ?
То есть, в итоге то, все равно шрифт по умолчанию (например, 12-ый) установить будет Нужно. (У боди, например)
VovaDos
em считается в зависимости от размера шрифта его предка, а rem в зависимости от размера шрифта :root (html), он в принципе почти всегда и юзается
honey
Значит, к аццесабилити относится ещё и то, в каких условных единицах ты задаешь размеры, окей, спасибо !~
VovaDos
Кроме всяких декоративных свойств
VovaDos
Вот мой сайт полностью на em / rem. Можешь потыкать User appearance и увидеть, что все правильно масштабируется
https://dx1ded.github.io/millo/
🏴☠️
Конечно да
почему ты не сделаешь базовый шрифт 10пх и от него не считаешь, чтобы 20пх = 2rem, а не 1.25rem
🏴☠️
это неудобно
VovaDos
почему ты не сделаешь базовый шрифт 10пх и от него не считаешь, чтобы 20пх = 2rem, а не 1.25rem
А теперь поясни как ты это сделаешь?
VovaDos
Укажешь:
:root {
font-size: 16px
}
VovaDos
?
VovaDos
В таком случае user appearance не будет работать
VovaDos
Но все же - зачем? Есть предпроцессоры где можно написать удобную функцию
VovaDos
Чел юзает node-sass, который уже deprecated
VovaDos
Но ладно, не суть
VovaDos
И зачем главное?
🏴☠️
Но все же - зачем? Есть предпроцессоры где можно написать удобную функцию
у тебя 20пх это 1.25rem. дизайнер сделал блок 945пх в макете, как ты считаешь это в ремах?
VovaDos
honey
honey
Я посмотрю, спасибо
VovaDos
Тем более условия для медиа-запросов тоже должны быть в относительных единицах
VovaDos
@media (min-width: 48em)
VovaDos
Чтобы они правильно срабатывали при user appearance и ничего не ломалось
honey
Неужели если не задавать хотя бы какое-то изначальное значение размерности, то rem(945px) отработает
Хм
То есть руут хтмл должен быть задан
Или как.
honey
Или браузер по умолчанию даёт какую-то ширину рут элементу
honey
Типа например равную ширине пользовательского окна
honey
🏴☠️
Вот мой сайт полностью на em / rem. Можешь потыкать User appearance и увидеть, что все правильно масштабируется
https://dx1ded.github.io/millo/
а почему не юзаешь эти теги? https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/preload
VovaDos
🏴☠️
и у скриптов внизу боди аттрибут defer
VovaDos
defer - это можно, но preload зачем?
🏴☠️
https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work#preload_scanner
🏴☠️
кажется я тебе уже скидывал
VovaDos
У меня итак lazy load для картинок
honey
Пошло что-то на умном :D
VovaDos
А делать preload для стилей / шрифтов - бред
🏴☠️
ладно
🏴☠️
у тебя еще в мобилке есть
Reduce unused JavaScript
🏴☠️
кажется все
VovaDos
Быть такого не может. Может это твои расширения добавляют в дом какой-то код?)
VovaDos
Запусти через сервис лайтхауса
VovaDos
И не будет такого
🏴☠️
это твой скрипт
VovaDos
Без понятия, надо анализировать
🏴☠️
🏴☠️
Неужели если не задавать хотя бы какое-то изначальное значение размерности, то rem(945px) отработает
Хм
То есть руут хтмл должен быть задан
Или как.
пока не поздно иди в беки или девопсы))
🏴☠️
там Golang, Docker, Kubernetes
🏴☠️
а на фронте дойдешь до углубленного изучения жс и фронтен фреймворков, такой мрак начнется
VovaDos
Pavel
какой этот ваш html и css страшный 😭
Hide
Зато проще чем JS
Pavel
а смысл их сравнивать, это же разные инструменты
honey
Чем хтмл и цсс?
honey
а на фронте дойдешь до углубленного изучения жс и фронтен фреймворков, такой мрак начнется
Что не так с углубленным джс :и фронтенд фрейморками?
honey
я просто.. просто я слышала про такое позиционирование, что верстка - легче всего, потом фронтенд, и уже потом только можешь соваться в бекенд
honey
кроме этого я также слышала, что если хочешь идти в бек - иди в бек сразу