Size: a a a

2019 July 18

KA

Kenan Ayvazov in FrontCoder
буквально вчера с таким же говном столкнулся
источник

АП

Александр П... in FrontCoder
Kenan Ayvazov
"не собираться всё в один файл"
да я понимаю что не собираются то) вопрос зачем и почему)
источник

AS

Andrey Saenko in FrontCoder
Александр П
хэй, расскажите в чем прикол импортировать css файлы?
CSS-LIVE
CSS и производительность сети
Перевод статьи CSS and Network Performance с сайта csswizardry.com, опубликовано на css-live.ru с разрешения автора — Гарри Робертса. Несмотря на то, что сайт уже больше десяти лет называется «CSS-волшебство», за последнее время на нём не было ни одной статьи, связанной с CSS. Давайте я это исправлю, совместив две мои любимые темы: CSS и производительность. CSS критически важен для отображения страницы — браузер не начнет рендеринг, пока не найдет, загрузит и распарсит весь CSS — поэтому крайне важно как можно скорее получить его на устройстве пользователя. Любая задержка на критическом пути скажется на нашей начальной отрисовке, заставив пользователя видеть пустой экран. В чём главная проблема? Собственно, вот почему CSS так важен для производительности: Браузер не может отобразить страницу до построения дерева отрисовки; дерево отрисовки получается из DOM и CSSOM вместе взятых; DOM — это HTML плюс любой блокирующий JavaScript, который на него влияет; CSSOM — все CSS-правила,
источник

АП

Александр П... in FrontCoder
Andrey Saenko
CSS-LIVE
CSS и производительность сети
Перевод статьи CSS and Network Performance с сайта csswizardry.com, опубликовано на css-live.ru с разрешения автора — Гарри Робертса. Несмотря на то, что сайт уже больше десяти лет называется «CSS-волшебство», за последнее время на нём не было ни одной статьи, связанной с CSS. Давайте я это исправлю, совместив две мои любимые темы: CSS и производительность. CSS критически важен для отображения страницы — браузер не начнет рендеринг, пока не найдет, загрузит и распарсит весь CSS — поэтому крайне важно как можно скорее получить его на устройстве пользователя. Любая задержка на критическом пути скажется на нашей начальной отрисовке, заставив пользователя видеть пустой экран. В чём главная проблема? Собственно, вот почему CSS так важен для производительности: Браузер не может отобразить страницу до построения дерева отрисовки; дерево отрисовки получается из DOM и CSSOM вместе взятых; DOM — это HTML плюс любой блокирующий JavaScript, который на него влияет; CSSOM — все CSS-правила,
норм, значит это косяк
источник

AS

Andrey Saenko in FrontCoder
типа того, но если используешь препроцессор и импортируешь файлы для лучшей структуры стилей, то пох так как на выходе один сssник
источник

АП

Александр П... in FrontCoder
меня туда верстаком зовут, в офис)
источник

PO

Pavel Omelchenko in FrontCoder
П5 правил вижу я в чате
источник

PO

Pavel Omelchenko in FrontCoder
Какая реклама?!
источник

V

Vladislav in FrontCoder
Где реклама?
источник

АП

Александр П... in FrontCoder
да перепутал я, забейте)
источник

PO

Pavel Omelchenko in FrontCoder
Нет! Всё! Где реклама?!
источник

PO

Pavel Omelchenko in FrontCoder
источник

V

Vladislav in FrontCoder
Выйдешь из качалки и самое интересное пропускаешь
источник

KA

Kenan Ayvazov in FrontCoder
источник

Р

Ренат in FrontCoder
всем привет, подскажите, сделал спрайт с помощью spritesmith, все норм, понадобился второй спрайт, создал, получаю два scss и два изображения, подключаю в одном месте, соответсвенно второй спрайт перекрывает первый, думаю нужно просто поменять название миксина в стилях, ок, иду вижу
@mixin sprite($sprite) {
 @include sprite-image($sprite);
 @include sprite-position($sprite);
 @include sprite-width($sprite);
 @include sprite-height($sprite);
}
меняю sprite на что-то другое, использую с другим названием, но первый миксин sprite берет картинку все равно из второго файла
источник

Р

Ренат in FrontCoder
то есть если я пишу @include spritesm($icon) должна браться эта картинка background-image: url(../img/games/minesweeper/#{$sprite-image})

@include sprite($icon) то должна браться эта  background-image: url(../img/#{$sprite-image})
источник

Р

Ренат in FrontCoder
но в последнем варианте все равно берется картинка из второго миксина
источник

ИМ

Игорь Морозов... in FrontCoder
Добрый день.
Подскажите пожалуйста, как правильно сформировать вопрос для гугла.
На странице есть блок, где-то в середине, и нужно, что бы когда он был в области видимости, то ему добавлятся класс, а погда пропадал - удалялся.
Как это найти можно?
источник

ИМ

Игорь Морозов... in FrontCoder
что-то по разному пробовал не нахожу то что нужно..
источник

KA

Kenan Ayvazov in FrontCoder
Игорь Морозов
Добрый день.
Подскажите пожалуйста, как правильно сформировать вопрос для гугла.
На странице есть блок, где-то в середине, и нужно, что бы когда он был в области видимости, то ему добавлятся класс, а погда пропадал - удалялся.
Как это найти можно?
intersection observer
источник