• Как правильно прописать стили анимации блика в блоке с абсолютным позиционированием?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    Ах, да. По поводу left и right – они несут в себе полезное содержимое + вёрстка cажается на CMS. Псевдоэлементами их делать нельзя.
    Написано
  • Как правильно прописать стили анимации блика в блоке с абсолютным позиционированием?

    Vextor-ltd
    @Vextor-ltd Автор вопроса

    Никто же вас не заставлял так писать.
    В вашем сценарии: ссылка абсолютом, полоска-псевдо в ней тоже абсолютом. Всё.


    Если не делать обёртки, а обойтись только тегом <a />, то псевдо-блик будет выходить за рамки основного тега.


    Но вообще проще гридами, как-то так.
    https://codepen.io/AnnaSummer/pen/NWJVygG


    Гриды использую редко, когда без них уж совсем никак. Они вызывают у меня боль, потому что постоянно приходится освежать их в голове ))
    Написано
  • Как правильно прописать стили анимации блика в блоке с абсолютным позиционированием?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    Ankhena, а! блин, заработался. Точно! border-radius на обёртку нужно и всё ))
    А почему не нужно 2 две обёртки? А как вы спозиционируете кнопку с позишн релатив в блоке тоже с позишн релатив? Если убрать последнюю внешнюю обёртку и сделать кнопку абсолютной, но блик будет выходить за края, так как оба блока абсолютные.
    Написано
  • Как сделать border динамическим по ширине на десктопе и по высоте на смартфоне?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    Виталий Першин, точняк! только свойство с такими значениями нужно в медиа-запрос помещать, а на мобайл-ферст нужно background-position: bottom 0;

    Ещё вопрос по svg. Он какой-то там весь заэкранированный для css, не могу понять как цвет поменять.. и что означают в нём проценты?
    Написано
  • Как сделать border динамическим по ширине на десктопе и по высоте на смартфоне?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    Спасибо, если бы ещё пунктиры чётко примыкали друг к другу, было бы вообще зашибись.
    Я попробовал поиграться с background-position. Ничего не получилось.
    Не знаю, можно ли как-то этого добиться.
    Написано
  • Какой слайдер для WordPress лучше выбрать под данный макет?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    Refguser, спасибо, обязательно почитаю. Но ты говоришь загадками. Advanced Custom Fields позволяет качественно проработать админку. Переменные в вёрстку вставляю по доке. Что не так то? Не понимаю. Тысячи разработчиков так делают.
    Написано
  • Какой слайдер для WordPress лучше выбрать под данный макет?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    Refguser, я не понимаю о чём ты говоришь.
    Для вёрстки я использую Gulp и Webpack, а для того чтобы посадить вёрстку на WP, я использую ACF.
    Что не так? Не понимаю.
    Написано
  • Какой слайдер для WordPress лучше выбрать под данный макет?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    Я как-то давно юзал его.
    Там кажется у меня возникли проблемы с выносом пагинации за пределы обёртки Свайпера, так как она со свойством overflow: hidden;
    Написано
  • Какой слайдер для WordPress лучше выбрать под данный макет?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    Я по прямому и использую – вставка переменных, повторитель и всё такое.
    Написано
  • Как перенсти проект из одной версии в другую?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    Короче говоря, происходит странная ситуация.
    Я установил NVM. На старом винте определил, что на старом винте у меня стояла нода 16.13.0
    Установил эту версию и переключился на неё:
    PS F:\OSPanelNew\domains\turbo-chargers> nvm ls
        20.11.0
      * 16.13.0 (Currently using 64-bit executable)


    После `npm i` папка `node_modules` ВООБЩЕ НЕ СОЗДАЛАСЬ!
    Причём я пробовал два варианта и с package-lock.json и без.
    В обоих случаях результат одинаковый.

    Вот лог: https://disk.yandex.ru/d/NGYEPImmpA_VFQ
    Написано
  • Как перенсти проект из одной версии в другую?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    fkk, на винте локи есть. Я не знаю кто меня надоумил локи в игнор пихать.
    от чего качаются версии пакетов хрен пойми какие

    Так в package.json же версии указаны или этого мало?
    Написано
  • Как перенсти проект из одной версии в другую?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    У меня публичные там вообще один мусор, поудалять нужно, кроме этих новогодних крестиков-ноликов и кита для сборки под Opencart. Все проекты у меня приватные.
    Блин.. я не знаю кто меня надоумил package-lock.json заигнорить. На винте локи есть. Я потом всё перезалью, когда разберусь.

    у тебя последний комит 8 месяцев назад


    Нет, ты проглядел.
    Написано
  • Как перенсти проект из одной версии в другую?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    Восстановил package-lock.json
    Пересобрал проект.
    В итоге какого то лешего он мне выдаёт:
    PS F:\OSPanelNew\domains\my-project> gulp
    [01:27:33] Local gulp not found in F:\OSPanelNew\domains\my-project
    [01:27:33] Try running: npm install gulp


    при том, что gulp установлен глобально `npm install --global gulp-cli`

    ok. выполняю как мне советует нода и делаю `npm install gulp`
    И лепит вот такое:
    npm list
    npm ERR! code ELSPROBLEMS
    npm ERR! missing: @babel/core@^7.12.10, required by turbocharges@1.0.0
    npm ERR! missing: @babel/preset-env@^7.12.10, required by turbocharges@1.0.0
    npm ERR! missing: @popperjs/core@^2.8.3, required by turbocharges@1.0.0
    npm ERR! missing: animate.css@^3.7.0, required by turbocharges@1.0.0
    npm ERR! missing: babel-loader@^8.2.2, required by turbocharges@1.0.0
    npm ERR! missing: browser-sync@^2.26.14, required by turbocharges@1.0.0
    npm ERR! missing: browserslist@^4.16.3, required by turbocharges@1.0.0
    npm ERR! missing: caniuse-lite@^1.0.30001168, required by turbocharges@1.0.0
    npm ERR! missing: del@^6.1.1, required by turbocharges@1.0.0
    npm ERR! missing: gsap@^3.6.1, required by turbocharges@1.0.0
    npm ERR! missing: gulp-autoprefixer@^6.1.0, required by turbocharges@1.0.0
    npm ERR! missing: gulp-cache@^1.1.2, required by turbocharges@1.0.0
    npm ERR! missing: gulp-clean-css@^4.3.0, required by turbocharges@1.0.0
    npm ERR! missing: gulp-htmlmin@^5.0.1, required by turbocharges@1.0.0
    npm ERR! missing: gulp-if@^3.0.0, required by turbocharges@1.0.0
    npm ERR! missing: gulp-imagemin@^6.2.0, required by turbocharges@1.0.0
    npm ERR! missing: gulp-newer@^1.4.0, required by turbocharges@1.0.0
    npm ERR! missing: gulp-plumber@^1.2.1, required by turbocharges@1.0.0
    npm ERR! missing: gulp-rename@^1.4.0, required by turbocharges@1.0.0
    npm ERR! missing: gulp-rigger@^0.5.8, required by turbocharges@1.0.0
    npm ERR! missing: gulp-sass@^4.1.0, required by turbocharges@1.0.0
    npm ERR! missing: gulp-sourcemaps@^2.6.5, required by turbocharges@1.0.0
    npm ERR! missing: gulp@^4.0.2, required by turbocharges@1.0.0
    npm ERR! missing: imagemin-jpeg-recompress@^6.0.0, required by turbocharges@1.0.0
    npm ERR! missing: imagemin-pngquant@^8.0.0, required by turbocharges@1.0.0
    npm ERR! missing: imask@^6.4.3, required by turbocharges@1.0.0
    npm ERR! missing: normalize.css@^8.0.1, required by turbocharges@1.0.0
    npm ERR! extraneous: optipng-bin@6.0.0 F:\OSPanelNew\domains\turbo-chargers\node_modules\optipng-bin
    npm ERR! missing: simplebar@^5.3.0, required by turbocharges@1.0.0
    npm ERR! missing: terser-webpack-plugin@^4.2.3, required by turbocharges@1.0.0
    npm ERR! missing: webpack-stream@^6.1.1, required by turbocharges@1.0.0
    npm ERR! missing: webpack@^4.46.0, required by turbocharges@1.0.0
    npm ERR! missing: wow.js@^1.2.2, required by turbocharges@1.0.0
    turbocharges@1.0.0 F:\OSPanelNew\domains\turbo-chargers
    ├── UNMET DEPENDENCY @babel/core@^7.12.10
    ├── UNMET DEPENDENCY @babel/preset-env@^7.12.10
    ├── UNMET DEPENDENCY @popperjs/core@^2.8.3
    ├── UNMET DEPENDENCY animate.css@^3.7.0
    ├── UNMET DEPENDENCY babel-loader@^8.2.2
    ├── UNMET DEPENDENCY browser-sync@^2.26.14
    ├── UNMET DEPENDENCY browserslist@^4.16.3
    ├── UNMET DEPENDENCY caniuse-lite@^1.0.30001168
    ├── UNMET DEPENDENCY del@^6.1.1
    ├── UNMET DEPENDENCY gsap@^3.6.1
    ├── UNMET DEPENDENCY gulp-autoprefixer@^6.1.0
    ├── UNMET DEPENDENCY gulp-cache@^1.1.2
    ├── UNMET DEPENDENCY gulp-clean-css@^4.3.0
    ├── UNMET DEPENDENCY gulp-htmlmin@^5.0.1
    ├── UNMET DEPENDENCY gulp-if@^3.0.0
    ├── UNMET DEPENDENCY gulp-imagemin@^6.2.0
    ├── UNMET DEPENDENCY gulp-newer@^1.4.0
    ├── UNMET DEPENDENCY gulp-plumber@^1.2.1
    ├── UNMET DEPENDENCY gulp-rename@^1.4.0
    ├── UNMET DEPENDENCY gulp-rigger@^0.5.8
    ├── UNMET DEPENDENCY gulp-sass@^4.1.0
    ├── UNMET DEPENDENCY gulp-sourcemaps@^2.6.5
    ├── UNMET DEPENDENCY gulp@^4.0.2
    ├── UNMET DEPENDENCY imagemin-jpeg-recompress@^6.0.0
    ├── UNMET DEPENDENCY imagemin-pngquant@^8.0.0
    ├── UNMET DEPENDENCY imask@^6.4.3
    ├── UNMET DEPENDENCY normalize.css@^8.0.1
    ├── optipng-bin@6.0.0 extraneous
    ├── UNMET DEPENDENCY simplebar@^5.3.0
    ├── UNMET DEPENDENCY terser-webpack-plugin@^4.2.3
    ├── UNMET DEPENDENCY webpack-stream@^6.1.1
    ├── UNMET DEPENDENCY webpack@^4.46.0
    └── UNMET DEPENDENCY wow.js@^1.2.2
    
    
    npm ERR! A complete log of this run can be found in: C:\Users\79161\AppData\Local\npm-cache\_logs\2024-01-15T22_40_40_953Z-debug-0.log
    Написано
  • Как перенсти проект из одной версии в другую?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    Подскажите как NVM установить на Винду 10. Там какой-то невероятный гимор.
    Написано
  • Как перенсти проект из одной версии в другую?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    Алексей Ярков, чего-то я видимо переутомился. Я зачем-то снёс package-lock.json. Сейчас попробую восстановить его , пересобрать и запустить проект.
    Написано
  • Почему SVG с вложенным PNG внутри не отображается в Safari?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    IvanU7n,

    Точняк! Я верстал на гридах!
    svg { width: 100%; }
    И больше ничего не нужно! И даже без линков base64 всё работает на ура!
    Блин, как всегда затык в самом элементарном.
    Спасибо тебе человечище! ))
    Написано
  • Почему SVG с вложенным PNG внутри не отображается в Safari?

    Vextor-ltd
    @Vextor-ltd Автор вопроса
    IvanU7n, Кстати, да.
    Ни вот этот
    <path id="push_text" class="fil0" d="M454.37 и так далее..."/>


    ни вот этот
    <g id="turbo_exhaust">
        <path id="turbo_exhaust-short" class="fil0" d="M1198.8 99.6c-0.71,-7.71 5.29,-13.23 9.42,-18.93 -3.36,17.64 -2.42,35.89 2.9,53.08 5.77,19.96 11.87,43.18 -0.61,62.02 5.83,-33.06 -11.87,-63.57 -11.71,-96.17l0 0z"/>
        <path id="turbo_exhaust-long" class="fil0" d="M1237.31 115.01c13.28,28.9 25.96,63.18 12.99,94.43 -6.48,18.32 -24.83,28.83 -31.67,46.95 -5.28,10.07 -2.48,21.55 0.26,31.93 -8.7,-11.64 -15.32,-26.7 -8.8,-41.02 6.93,-26.38 33.64,-43.79 34.47,-72.14 1.36,-20.35 -4.54,-40.15 -7.25,-60.15l0 0z"/>
       </g>


    участки кода НЕ ОТОБРАЖАЮТСЯ!
    Написано