• Как максимально просто создать фигуру как на изображении для последующей анимации?

    sfi0zy
    @sfi0zy Куратор тега CSS
    historydev, Штрихи здесь не являются самостоятельными объектами - это все одна пунктирная линия. Можно увеличить радиус всего круга, но не вырвать из него кусок. Если вам нужно делить эту конструкцию на независимые части - придется иметь несколько кругов.
    Написано
  • Обработка тайлов на SVG. Видны прорези между ними, что делать?

    sfi0zy
    @sfi0zy Куратор тега HTML
    PantyDev,
    Ну, я вроде так и сделал

    Там контекст всего текста в том, что есть два связанных момента. Один решить можно, хоть и костыльно, а второй - нет. Вы может быть и решили половину задачи, которая теоретически поддается решению, но вторую половину в текущих реалиях браузерного разнообразия нельзя решить.
    Написано
  • Допустимо ли использовать спрайт от автора, который разрешил всем брать?

    разрешил всем брать

    "Разрешить брать" можно на разных условиях. Читайте текст лицензии, под которой автор все распространяет.
    Написано
  • Насколько опасно использование конструктора Function?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Дмитрий,
    Если бы я был таким умным...


    Да тут все просто в сути. Посмотрите на свой пример в самом вопросе. Там самая комплексная конструкция - (value / a) + b. А дальше идут частные случаи. Первый компонент: a = 1000, b = 200. Имеем формулу (value / 1000) + 200. Второй компонент: a = 100, b = 0. Получаем (value / 100) + 0. Что то же самое, что (value / 100). Т.е. обе формулы в вашем примере - это частные случаи (value / a) + b. Разница только в коэффициентах. Возможно в ваших финальных компонентах самая комплексная конструкция будет иметь больше коэффициентов, но суть от этого не поменяется. Там будет много частных случаев, многие из которых будут состоять из коэффициентов 0 или 1.
    Написано
  • Как решить проблему с Mime type html?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Такого рода проблемы часто возникают если пути к файлам стилей неверные - сервер отдает 404 страницу, которая не может быть интерпретирована как файл со стилями. Проверьте, что у вас с путями все в порядке (тем более, что по скриншоту все выглядит так, что там ссылки идут просто в корень /, где наличие стилей в целом маловероятно).
    Написано
  • Насколько опасно использование конструктора Function?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Но проблема в том, что мне в некоторых случаях нужно иметь XXX, или нужно иметь значение умноженное на YYY, к этому значение еще и ZZZ в виде нужно прибавить... Короче, таких функций будет много!

    Соберите самую сложную комбинацию и посмотрите, как коэффициенты вырождаются в нули для слагаемых и единицы для множителей в "более простых" вариантах расчетов. В примере в самом вопросе - формула одна и та же. В первом случае смещение из 200 выродилось в 0.
    Написано
  • Насколько опасно использование конструктора Function?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Я так понимаю что для глобальной инъекции - нужно иметь некое общее поле между пользователя?

    Или иметь возможность подкинуть пользователю что-то, что он сам себе скопипастит. Социальную инженерию как первый шаг никто не отменял. Локальные инъекции тоже бывают опасными.
    Написано
  • Насколько опасно использование конструктора Function?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Дмитрий,
    я сам пишу разметку, этот метод безопасен


    Пока вы контролируете все, то можно сказать, что да. Если проект будет расти, его будут использовать другие люди, то рано или поздно кто-то забудет про костыли где-то в недрах, добавит для пользователей возможность менять параметры, кто-то это не заметит - и все.

    Дико извиняюсь, я не понял как это может быть реализовано... В примере у меня простая математика с округлением. Но есть более сложные вещи.


    Нужно смотреть контекст, какие у вас там формулы и что они делают. У вас действительно там прям много принципиально разных логик для форматирования значений?
    Написано
  • Какие могут быть подводные камни при верстке в REM c шрифтом HTML в VW?

    sfi0zy
    @sfi0zy Куратор тега CSS
    это как пример, можно использовать и не дробные значение привязав 1rem = 1px

    Это не поможет получить логику дизайна в коде. Логика - в явных взаимосвязях между сущностями в дизайне, а не в пикселях. Если элемент по логике должен быть в два раза больше базового размера шрифта, то это должно быть явное 2rem в коде, а не какие-нибудь 266rem, потому что пойди пойми почему. В этом смысл.

    Актуальные версии браузеров работают адекватно с округлением до десятых пикселя

    Если бы. Добавьте в свою верстку больше трансформаций, анимаций, фильтров, SVG-картинок, и "актуальные" версии браузеров заиграют новыми красками. Да даже на вашем сайте в актуальном chrome я вижу, что декоративные линии, которые приходятся строго в углы элементов, местами съехали на 1-2px вверх/вниз относительно не менее актуального firefox.
    Написано
  • Как сделать SVG анимашку для логотипа?

    Danila232, да. Ну то есть там выбора особо и нет, кроме как каждую по отдельности подвигать.
    Написано
  • Как сделать SVG анимашку для логотипа?

    Есть ли какой то способ сделать это с помощью чисто svg свойств? А то JS я только начал учить.


    Формально в рамках SVG есть технология SMIL. Но думаю, что вам будет проще стандартными средствами CSS их туда-сюда подвигать.
    Написано
  • Как ускорить сборку webpack + pug?

    Это началось буквально сегодня, до этого дня сборка обновлялась также как с стили со скриптами


    А что у вас изменилось в системе/проекте? Если раньше все было ок, а потом вдруг стало не ок, то нужно бы первым делом посмотреть на изменения. Вы обновили какие-то зависимости, ноду, или еще что-то? В pug файлах проекта появилось что-то подозрительное, чего там раньше не было?
    Написано
  • Почему не подключается OpenVPN?

    Сообщение "Server poll timeout" означает, что ответ от сервера не пришел. В 99% случаев, если это не какая-то экстренная ситуация с самими серверами - это будут проблемы с каналом связи. Кто-то блокирует соединение. Либо вы сами находитесь внутри какой-то сети, где местный админ блокирует вам доступ, либо это ваш интернет-провайдер. В текущих реалиях, когда провайдеры блокируют все vpn-соединения без разбора, очень может быть, что и ваш изначальный запрос до сервера не дошел, и вы ждете ответа, которого никогда не будет, потому что сервер не знает о вас. Если вам нужен именно этот сервис (это сеть озона?) - то будет логично связаться с поддержкой и спросить у них, что делать. Они там должны быть завалены такими вопросами и должны иметь какие-то обходные решения для своей собственной сети.
    Написано
  • Как сделать подобную анимацию?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Антон Вебсайтовский, Разберитесь с тем, что в расчетах происходит и откуда берутся те или иные значения. В моем примере все происходит "на весь экран", все размеры относительно окна браузера. Вы делаете контейнер меньшего размера. Может быть тогда уж и значения брать относительно него? Не нужно копипастить или методом тыка перебирать решения. Нужно разобраться с логикой происходящего, благо ее там совсем немного, и все ваши вопросы отпадут сами собой.
    Написано
  • Как сделать подобную анимацию?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    как сделать, чтобы данная анимация на дефолтное место становилось


    Антон Вебсайтовский, Вам нужна физическая система, которая будет в равновесии в центре. Тут либо уже упомянутые пружины, либо гравитация, как при создании инерционных эффектов. Без точного запроса не угадать, что у вас в голове, но скорее второе. Одна точка притяжения в центре, вторая, более сильная - в мышке. Пока есть обе - картинка будет приягиваться сильнее к мышке, если эту точку убираем - будет притягиваться к центру. Можно вообще иметь только одну, либо в мышке, либо в центре. Это же закроет вопрос с тем, как плавно прийти к новому положению мыши, когда она появляется где-то не там, где изчезла.
    Написано
  • Можно ли опустить первые 0% в linear-gradient?

    sfi0zy
    @sfi0zy Куратор тега CSS
    еще смутило почему PostCSS которым как говорят собирается булма, не убрал

    Не нужно слушать, что говорят. Лучше пойти и посмотреть самому на их скрипты для сборки. PostCSS там есть, но сам по себе этот инструмент ничего не убирает. В Bulma он используется только чтобы запустить автопрефиксер, который в свою очередь добавляет/удаляет префиксы. Он не занимается оптимизацией свойств. Минифицируют код они с помощью clean-css. Но этот проект вошел в "maintenance mode". То, что там есть - работает, но новые фичи не добавляются. Вероятно именно эта оптимизация с убиранием значений из градиента так и не была реализована. Не нужно искать скрытый смысл там, где его нет. Просто не хватило ресурсов на все. Такое бывает.
    Написано
  • Gulp не создает style.css в чем ошибка?

    Попробуйте для начала воспользоваться официальным примером и добавить лог ошибок. Возможно, что ошибки есть, но вы их не видите.
    .pipe(sass().on('error', sass.logError))

    Попробуйте использовать относительные пути (начинающиеся с "./") ко всему. Вы не указали, как именно это все запускается, но возможно, что файлы создаются не там, где вы ожидаете их увидеть.
  • Как быть с анимацией в Firefox?

    sfi0zy
    @sfi0zy Куратор тега CSS
    TtT RrR, по аналогии меняйте color или fill у них (смотря как у вас там иконки нарисованы).
  • Как быть с анимацией в Firefox?

    sfi0zy
    @sfi0zy Куратор тега CSS
    TtT RrR, А в чем проблема сразу использовать иконки нужного цвета?
  • Почему свойство transform-origin не работает для rotate() внутри svg-изображения?

    sfi0zy
    @sfi0zy Куратор тега CSS
    А почему в первом случае без svg объект book некоректно возвращается в первоначальное положение хотя я прописал transform-origin: 100% 100%; ?


    Влад, вы transform-origin задаете только для состояния :hover. Вполне логично, что оно не применяется для состояния "не-hover".