• Как задать SVG 100vw 100vh?

    Psixodelik
    @Psixodelik
    Преподаватель на Hexlet
    Добавь preserveAspectRatio="none" к svg. Это уберёт сохранение пропорций элемента.

    После этого можно удалить атрибуты height и width. Теперь возможно управлять размерами через CSS.
    Ответ написан
    1 комментарий
  • Почему на работает Swiper(cлайдер) в окне Fancybox?

    @slonovboris
    Надо добавить пару параметров

    var mySwiper = new Swiper('.swiper-container', {
    //твои параметры..
    observer: true,
    observeParents: true
    })

    В доке свайпера можно почитать подробнее, но в двух словах, свайпер смотрит за изменениями слайдера и его родителей, и, если они есть, перезапускает слайдер. По сути даже удобнее, чем рефрешить слик)

    з.ы Почему надо оба параметра, а не только observeParents не понял. У меня работает, только когда указаны оба.
    Ответ написан
    Комментировать
  • Как работать с gulp-file-include?

    @FoxFka
    На сколько я понимаю - этот плагин не предназначен для автоматической сборки файлов. То есть ваш page.html Вам в любом случае придется сделать вручную, забив в него каркас html-файла. А вот включать в него блоки с разными параметрами как раз можно и нужно при помощи плагина. Для того, чтобы файлы шаблонов блоков не попадали в сборку на мой взгляд лучше всего поступить примерно следующим образом.
    Можно добавлять некий единый префикс для всех файлов блоков. Во-первых это даст возможность привязаться к этому префиксу при настройке task, а во-вторых Вы, вернувшись к работе над проектом через некоторое время быстро сможете отличить файлы шаблонов от блоков.
    Выглядеть это все может так:
    gulp.task('html:build', function() {
     gulp.src('src/[^_]*.html')
    .pipe(fileinclude({
      prefix: '@@',
      basepath: '@file'
    }))
    .pipe(gulp.dest('build/')); 
    });

    Эта задача будет отрабатывать на всех html файлах директории src, имена которых НЕ начинаются с символа "_"
    Далее, чтобы подключить файл блока в ваш шаблон нужно создать его, не забыв добавить "_" в начало. Например "src/_includes/_module.html". Подключить его в обрабатываемый файл src/index.html можно, добавив в нужное место
    @@include('./_includes/_module.html')
    При запуске таски html:build в вашей папке /build появится файл index.html, включающий в себя содержимое файла module.html
    Это базовая схема, которую можно расширять в зависимости от ваших потребностей. Вся инфа для этого есть в документации и примерах.
    Ответ написан
    Комментировать
  • Что делать, если покраснели глаза?

    Evgenym
    @Evgenym
    Поставьте прогу под названием f.lux
    Она немного желтит экран и снижает напряжение на глаза. Уже лет 8 ее использую, забыл что такое резь в глазах от монитора.
    Ответ написан
    Комментировать
  • Судьба программиста: геморрой в 25, простатит в 30, эректильная дисфункция в 35 - миф или правда?

    Eridani
    @Eridani
    Мимо проходил
    Куда быстрее можно заработать алкоголизм на фоне невроза
    Ответ написан
    Комментировать
  • Почему картинка не отображается?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    Ваш трафик либо проходит через фильтр, либо плагин в браузере типа AdBlock снабжает все подозрительные медиа-элементы такими правилами для борьбы с рекламой. Как он узнал? По слову, например.

    Попробуйте заменить название картинки на абстрактное, но без слов типа reklama, banner etc.
    Ответ написан
    Комментировать
  • Почему блок привязан к соседнему div?

    У Вас элементы являются строчно-блочными.
    Margin-top увеличивает высоту родительского элемента и тянет за собой второй элемент, так как свойство vertical-align у строчно-блочных элементов middle.

    Есть хорошее правило, рекомендующее при определении элементов строчно-блочными, задавать им vertical-align: top.
    Примените его к обоим блокам header-logo и header-search.
    Ответ написан
    Комментировать
  • Как подключить картинки WP?

    deniscopro
    @deniscopro Куратор тега WordPress
    WordPress-разработчик, denisco.pro
    Если изображения в папке активной темы, то
    <img src="<?php echo get_template_directory_uri(); ?>/img/970x970/07.jpg" alt="">

    или
    <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/970x970/07.jpg" alt="">
    Ответ написан
    5 комментариев
  • Какие полезные ресурсы используете в работе?

    sfi0zy
    @sfi0zy Куратор тега Вёрстка
    Creative frontend developer
    Большая часть ресурсов - ситуативные (в основном это документации к конкретным библиотекам). Из более-менее часто используемого могу вспомнить:
    MDN, DevDocs и Schema.org, чтобы вспоминать забытое.
    Can I use, чтобы смотреть поддержку браузерами (+ doiuse).
    WAVE и regex101, чтобы проверять себя.
    В Browserhacks иногда полезно заглянуть.
    FontPair и Coolors - если нужно без дизайнера подобрать шрифты и цвета.
    Snazzy Maps, чтобы брать готовые цветовые схемы для карт.
    Cubic-bezier, чтобы наглядно делать кривые для простых анимаций.
    Google - если затупил.
    Noisli - для фонового шума.
    Cross Browser Testing, чтобы тестировать результат.
    Ответ написан
    3 комментария