Size: a a a

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

2020 July 29

SB

Sergey Bogush in HTML/CSS — русскоговорящее сообщество
Это один из кейсов.
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
В конечном итоге мы можем используя автозамену в редакторе кода добавить rem(24) во всём проекте, как и наоборот)
источник

SB

Sergey Bogush in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
В конечном итоге мы можем используя автозамену в редакторе кода добавить rem(24) во всём проекте, как и наоборот)
Кстати да))
Пишем такое:
@function strip-unit($value) {
 @return ($value / ($value * 0 + 1));
}

@function rem($pxval) {
 @if not unitless($pxval) {
   $pxval: strip-unit($pxval);
 }

 $base: $base-font-size-ec;
 
 @if not unitless($base) {
   $base: strip-unit($base);
 }

 @return ($pxval / $base) * 1rem;
}

и делаем автозамену по всем проекту)) профит
источник

АГ

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

BA

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

AV

Andrey Vorontsov in HTML/CSS — русскоговорящее сообщество
привет всем. Посоветуйте альтернативу шаблонизатора паг - мож быть nunjucks от мозиллы?
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Andrey Vorontsov
привет всем. Посоветуйте альтернативу шаблонизатора паг - мож быть nunjucks от мозиллы?
есть haml.info, он написан на ruby. но что-то давно про него не слышал ничего. а вото про pug часто вспоминаю только хорошее)
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Andrey Vorontsov
привет всем. Посоветуйте альтернативу шаблонизатора паг - мож быть nunjucks от мозиллы?
twig
источник

AV

Andrey Vorontsov in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
есть haml.info, он написан на ruby. но что-то давно про него не слышал ничего. а вото про pug часто вспоминаю только хорошее)
ну блин,мне в паге синтаксис не нравится, именно без фигурных выражении
источник

AV

Andrey Vorontsov in HTML/CSS — русскоговорящее сообщество
твиг я смотрел, там документация скудная
источник

ZA

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

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
pug работает на js
твиг на php а у вас какая задача ? где применять будете ?
источник

AV

Andrey Vorontsov in HTML/CSS — русскоговорящее сообщество
твиг пхп шаблонизатор, там еще композер нужен, и как это все потом компилить в html ? через галп, вебпак можно ?
источник

AV

Andrey Vorontsov in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
pug работает на js
твиг на php а у вас какая задача ? где применять будете ?
тогда уж не паг, а действительно нунчаки от мозиллы ))
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
я когда-то испоользовал pug + bemto это была сказка =)
источник

АГ

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

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Andrey Vorontsov
твиг пхп шаблонизатор, там еще композер нужен, и как это все потом компилить в html ? через галп, вебпак можно ?
мы галпом собираем, да
источник

AN

Artem Novikov in HTML/CSS — русскоговорящее сообщество
Ребят, привет) Подскажите с моментом, интегрировал верстку во vue, некоторые моменты типо цвета текста некоторых элементов не работают и не работает изменение шрифта при ресайзе экрана, на верстке все отлично работает,с чем может быть связано? И обязательно ли медиа запросы должны идти в конце файла стилей?
По моим предположениям, может быть шрифт не очень правильно подключен, но он отображается нормально, как в верстке, вопрос только с размером. Если убрать атрибут font-family грифт стандартный будет?
источник

SB

Sergey Bogush in HTML/CSS — русскоговорящее сообщество
Artem Novikov
Ребят, привет) Подскажите с моментом, интегрировал верстку во vue, некоторые моменты типо цвета текста некоторых элементов не работают и не работает изменение шрифта при ресайзе экрана, на верстке все отлично работает,с чем может быть связано? И обязательно ли медиа запросы должны идти в конце файла стилей?
По моим предположениям, может быть шрифт не очень правильно подключен, но он отображается нормально, как в верстке, вопрос только с размером. Если убрать атрибут font-family грифт стандартный будет?
И обязательно ли медиа запросы должны идти в конце файла стилей?
Нет, не обязательно.

В DevTools что показывает? Классы прописаны такие же? Отображаются ли там ваши стили?
Каким образом интегрировали верстку?
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Sergey Bogush
час прошел))
1. В промо-индустрии дизайн часто прилетает в неожиданной манере. Слишком большой, или слишком маленький. Иногда тебе надо адаптировать его для телевизоров и огромных экранов. Нужен удобный инструмент.
2. По закону, любой государственный сайт должен содержать средства для слабовидящих. С увеличением-уменьшением размера шрифта и элементов сайта вообще.   На ремах это проще простого.
3. Адаптивная вёрстка становится раем. Попросили десктоп на планшетах? уменьшаем все элементы одной кнопкой. Такое бывает, даже после утверждения дизайна. Добро пожаловать в реальный мир.
4. Если не задавать жёстко размер шрифта в корне, сайт подхватит настройки системы автоматически. Да, мы все знаем о костылях вроде зума.
источник