• Как добавить .webp в React?

    @onees Автор вопроса
    Да! В статье как раз прилагается код для оптимизации и конвертации изображений, добавил этот код в craco.config.js, и действительно функционал вебпака расширился, теперь у меня автоматически появляются .webp изображения сразу в браузере, а где не поддерживается то будут стандартные .jpg/.png, статья полностью рабочая и очень полезная! благодарю!
  • Анимация SVG без вставки кода иконки в HTML?

    @onees Автор вопроса
    Kvason, это то понятно что всё там спокойно стилизуется, проблема в том что HTML код награмождается из за таких SVG вставок, если код SVG небольшой то всё ок, но бывает попадается гигантский SVG код и не удобно такой вставлять в HTML, хотелось бы такой код как то инклудить просто при этом чтобы его можно было стилизовать и анимации накидывать, через img стилизовать svg нельзя, но вот через спрайты как оказалось можно в статье скинутой выше, до этого думал что через спрайты тоже стилизовать нельзя, но оказывается тег use стилизуется и fill в нём работает и цвет меняется и всё нормально
  • Как сделать такие динамические дотсы в slick-slider?

    @onees Автор вопроса
    Никаких фиксированных высот.
    Изначально пробовал с appendDots, казалось бы идеально, если я вставлю в слайд, между блоком с текстом и картинкой ещё один div блок и туда append'oм закину дотсы, но такой блок мне придётся создавать в каждом слайде, и значит что у меня в каждом слайде будет по 8 дотсов и получится 64 дотса в слайдере, что как бы вроде априори неверно, и когда я так сделал это напрочь сломало мой слайдер и я дальше не продвигал эту идею).
    Только что попробовал реализовать 2 слайдера и через asnavfor связать их, при этом слайдеру который текст с дотсами накинул adaptiveheight и теперь дотсы сами отталкиваются от блока с текстом при этом толкая другой слайдер с картинками вниз, и получилось ровным счётом то что я и хотел, благодарю за идею!