Size: a a a

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

2020 September 05

m

mazya in HTML/CSS — русскоговорящее сообщество
По первому запросу про выравнивание по центру
источник

m

mazya in HTML/CSS — русскоговорящее сообщество
filter с кучей фильтров сильно дропает перформанс, если его юзать на динамических анимированных блоках? В моём случае это канвас с анимацией
источник

АБ

Артур Байбулатов... in HTML/CSS — русскоговорящее сообщество
Yurii Dushenko
Добрый день всем.

Вопрос к верстальщикам и фронтам. По поводу оптимизации верстки.

Такой момент. Вчера на работе заказчик попросил, уменьшить весь сайт на 25%. Мне пришлось все размеры которые были в px переделать на rem. Потом я просто уменьшил значение font-size в   хtml на 25% и задача была решена.

Сегодня я начал новый проект на фрилансе и вот думаю сделать все на rem-aх.

Скажите пожалуйста, как быть со всем этим. Стоит ли и паддинги и марджины и размеры задавать в rem,  а не только размер шрифта?

Насколько это может быть чревато в будущем при развитии проекта или переноса его на бекенд и т.д. Кто сталкивался с этим. Стоит ли так делать?

Я просто не так глубоко понимаю и знаю про rem
Привет. Насколько я понимаю, rem — такая же относительная единица, как и em, но расчитывается относительно документа, а не родительского блока. Относительные единицы удобно использовать, потому что они гибкие. Можно поменять базовый размер в одном месте, а всё остальное смасштабируется автоматически, как в твоём примере с уменьшением сайта.

Я использую rem'ы не только для шрифтов, но и для полей и отступов. При использовании техники fluid typography весь макет масштабируется пропорционально и гармонично.
источник

АБ

Артур Байбулатов... in HTML/CSS — русскоговорящее сообщество
Для меня не стоит вопрос px vs rem, скорее rem vs em
источник

YD

Yurii Dushenko in HTML/CSS — русскоговорящее сообщество
Артур Байбулатов
Привет. Насколько я понимаю, rem — такая же относительная единица, как и em, но расчитывается относительно документа, а не родительского блока. Относительные единицы удобно использовать, потому что они гибкие. Можно поменять базовый размер в одном месте, а всё остальное смасштабируется автоматически, как в твоём примере с уменьшением сайта.

Я использую rem'ы не только для шрифтов, но и для полей и отступов. При использовании техники fluid typography весь макет масштабируется пропорционально и гармонично.
Спасибо большое, за обширный и ёмкий ответ)
источник

АБ

Артур Байбулатов... in HTML/CSS — русскоговорящее сообщество
Yurii Dushenko
Спасибо большое, за обширный и ёмкий ответ)
Да не за что. Только не принмай мой ответ за чистую монету. Я сам разраб, а верстаю постольку-поскольку)
источник

YD

Yurii Dushenko in HTML/CSS — русскоговорящее сообщество
Артур Байбулатов
Да не за что. Только не принмай мой ответ за чистую монету. Я сам разраб, а верстаю постольку-поскольку)
Я понимаю) я более углублен в верстку) 100+ проектов заверстал за 1.5 года. Но так поверхностно. Сейчас отсеял всех дешевых заказчиков и работаю с постоянными. Решил вот углубиться в знания и делать круто всё)
источник

YD

Yurii Dushenko in HTML/CSS — русскоговорящее сообщество
Артур Байбулатов
Да не за что. Только не принмай мой ответ за чистую монету. Я сам разраб, а верстаю постольку-поскольку)
У меня нет требования к rem на проекте. И макеты не нарисованы по сетке или системе по который в будущем можно будет менять сайт. Тут больше моя инициатива, вот как вчера на работе с ситуацией уменьшить на 25%.

И я вот заморочился сегодня. Это как с переменными. Если вдруг попросят поменять цвет я просто затрачу на это 5 минут. Развернуть проект и поменять переменную. Так же и с rem. Может случиться такое что попросят поменять размер пропорционально и я тогда затрачу тонну времени и нервов на самого себя, за тупость и не продуманность своей работы, в случае верстки на px. А верстая на rem я просто облегчу сам себе такие моменты))
источник

YD

Yurii Dushenko in HTML/CSS — русскоговорящее сообщество
К сожалению я не углублялся в такие моменты, потому-что было лень, не было времени, не требовали такого на проектах. Но сейчас вот хочу изучить и  делать все максимально верно и продуманно, оптимизированно, чтобы в случае возникновения таких моментов, решать их в пределах нескольких минут)
источник

АН

Андрей Нагорный... in HTML/CSS — русскоговорящее сообщество
Почему поле
input( type="button")
меньше
input( type="text")
с одинаковой шириной? Как это фиксить?
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
box-sizing: border-box;?
источник

АН

Андрей Нагорный... in HTML/CSS — русскоговорящее сообщество
Igor N
box-sizing: border-box;?
Спасибо
источник

н#

не ты зло, а moment.... in HTML/CSS — русскоговорящее сообщество
Yegor
а можно ли затестить  работу отправки формы на мэйл для странички еоторая залита на  githubpages ?  Поясню вопрос :   там на   githubpages к моему домену подключен ли PHP ?
нет блин, тебе не дадут бесплатно мощности сервера под пыху или ноду дадут, только статика
источник

АГ

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

н#

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

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
ну это не проблема спрашивателя. :(
источник

Q

Qwelcer in HTML/CSS — русскоговорящее сообщество
Ребята подскажите как поднять вверх к Navigation то что указано стрелками?
источник

Q

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

С

Санжар in HTML/CSS — русскоговорящее сообщество
Qwelcer
Ребята подскажите как поднять вверх к Navigation то что указано стрелками?
Флекс?
источник

Q

Qwelcer in HTML/CSS — русскоговорящее сообщество
Санжар
Флекс?
grid
источник