Комментарии пользователя Martovitskiy

Почему ошибка при установке?

Martovitskiy @Martovitskiy

olya_097, npm install --save del

Написано более трёх лет назад

Почему ошибка при установке?

Martovitskiy @Martovitskiy

olya_097, не все. del не установлен

Написано более трёх лет назад

Почему ошибка при установке?

Martovitskiy @Martovitskiy

olya_097, покажите ваш json

Написано более трёх лет назад

olya_097, да. Используется зачастую, когда кеш поврежден конфликтующими версиями разных зависимостей или просто хотите очистить пакеты, которые не нужны, например, более старые версии определенных зависимостей.

Написано более трёх лет назад

Почему ошибка при установке?

Martovitskiy @Martovitskiy

gulp-concat установлен?

Написано более трёх лет назад

Почему ошибка при установке?

Martovitskiy @Martovitskiy

olya_097, не за что)

Написано более трёх лет назад

Не срабатывает gulp watch?

Martovitskiy @Martovitskiy

Дмитрий Горбачев, вот пример

function gulpSass() {
  return gulp
    .src('assets/sass/**/*.sass')
    .pipe(sass({ outputStyle: "expanded" }))
    .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true})) // Создаю префиксы
    .pipe(gulp.dest('assets/css'))
    .pipe(browsersync.stream()) 
}


function css() {
  return gulp.src([
    'assets/css/bootstrap.min.css',
    'assets/css/animate.css'
  ])
    .pipe(concatCSS('libs.css'))
    .pipe(gulp.dest('assets/css'))
    .pipe(rename({suffix: '.min'}))
    .pipe(cssnano())
    .pipe(gulp.dest('assets/css'))
    .pipe(browsersync.stream());
}

function browserSync(done) {
  browsersync.init({
    server: {
      baseDir: "./"
    },
    port: 3000,
    notify: false // Отключаю уведомления в браузере
  });
  done();
}

function clean() {
  return del(["dist"]);
}

function clear() {
  return cache.clearAll();
}

function images() {
  return gulp
    .src("assets/images/**/*")
    .pipe((cache(
      imagemin([
        imagemin.gifsicle({ interlaced: true }),
        imagemin.jpegtran({ progressive: true }),
        imagemin.optipng({ optimizationLevel: 5 }),
        imagemin.svgo({
          plugins: [
            {
              removeViewBox: false,
              collapseGroups: true,
              use: [pngquant()]
            }
          ]
        })
      ])))
    )
    .pipe(gulp.dest("dist/assets/images"));
}

function watchFiles(done) {
  gulp.watch('assets/sass/**/*.sass', gulp.parallel(gulpSass));
  gulp.watch('assets/css/**/*.css', browserSync.reload);
  gulp.watch('*.html', browserSync.reload);
  gulp.watch('assets/js/**/*.js', browserSync.reload);
  done();
}

function buildFiles(done) {
  gulp.src([
    'assets/css/main.css',
    'assets/css/libs.min.css'
  ])
    .pipe(cssnano())
    .pipe(gulp.dest('dist/assets/css'));

  gulp.src(
    'assets/js/libs.min.js')
    .pipe(gulp.dest('dist/assets/js'));

  gulp.src('assets/js/main.js')
    .pipe(uglify({
      toplevel: true
    }))
    .pipe(gulp.dest('dist/assets/js'));

  gulp.src('assets/js/config-contact.js')
    .pipe(uglify({
      toplevel: true
    }))
    .pipe(gulp.dest('dist/assets/js'));

  gulp.src('*.html')
    .pipe(htmlmin({collapseWhitespace: true}))
    .pipe(gulp.dest('dist'));

}
exports.clean = clean;
gulp.task('sass', gulpSass);
gulp.task('clear', clear);
gulp.task('img', images);
gulp.task('css', css);
gulp.task('browser-sync', browserSync);
gulp.task('watch', gulp.parallel(watchFiles, browserSync, css, scripts));
gulp.task('build', gulp.series(clean, gulp.parallel(buildFiles, images)));

Написано более трёх лет назад

Не срабатывает gulp watch?

Martovitskiy @Martovitskiy

так попробуйте

gulp.task('watch', gulp.parallel('browser-sync', 'sass'));

Написано более трёх лет назад

Как скачать файл c JSFiddle?

Martovitskiy @Martovitskiy

Pasha Dayneka, а Вы случайно не забыли подключить bootstrap-select?

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>

У меня все работает

Написано более трёх лет назад

Как скачать файл c JSFiddle?

Martovitskiy @Martovitskiy

Pasha Dayneka, так попробуйте

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <div class="container-fluid">
  <div class="row">
    <div class="col-sm-2">
      <span class="badge text-wrap m-3">Выбирите город</span>
    </div>
    <div class="col-sm-4">
      <select class="selectpicker mt-3 mb-3" data-live-search="true" data-size="5" data-width="100%">
        <optgroup label="Харьковская область">
          <option data-subtext="Харьковский район">г Харьков</option>
          <option data-subtext="Харьковский район">г Мерефа</option>
          <option data-subtext="Харьковский район">Бабаи</option>
          <option data-subtext="Харьковский район">Безлюдовка</option>
          <option data-subtext="Харьковский район">Буды</option>
          <option data-subtext="Харьковский район">Пивдень</option>
          <option data-subtext="Балаклеевский район">Балаклея</option>
          <option data-subtext="Балаклеевский район">Андреевка</option>
          <option data-subtext="Балаклеевский район">Савинск</option>
        <optgroup label="Киевская область">
          <option data-subtext="Барышевский район">пгт Барышевка</option>
          <option data-subtext="Барышевский район">с Пасечная</option>
          <option data-subtext="Барышевский район">с Швачиха</option>
          <option data-subtext="Белоцерковский район">г Узин</option>
      </select>
    </div>
    <div class="col-sm-2">
      <span class="badge text-wrap m-3">Выбирите почтовую организацию</span>
    </div>
    <div class="col-sm-4">
      <select class="selectpicker mt-3 mb-3" data-live-search="true" data-size="5" data-width="100%">
        <optgroup label="Индустриальный район">
          <option>УкрПочта</option>
          <option>НоваяПочта</option>
          <option>ИнТайм</option>
          <option>АвтоЛюкс</option>
          <option>Деливери</option>
          <option>DHL</option>
          <option>Отделение № 38</option>
        
      </select>
    </div>
    <div class="col-sm-2">
      <span class="badge text-wrap m-3">Выбирите город</span>
    </div>
    <div class="col-sm-4">
      <select class="selectpicker mt-3 mb-3" data-live-search="true" data-size="5" data-width="100%">
        <optgroup label="Харьковская область">
          <option data-subtext="Харьковский район">г Харьков</option>
          <option data-subtext="Харьковский район">г Мерефа</option>
          <option data-subtext="Харьковский район">Бабаи</option>
          <option data-subtext="Харьковский район">Безлюдовка</option>
          <option data-subtext="Харьковский район">Буды</option>
          <option data-subtext="Харьковский район">Пивдень</option>
          <option data-subtext="Балаклеевский район">Балаклея</option>
          <option data-subtext="Балаклеевский район">Андреевка</option>
          <option data-subtext="Балаклеевский район">Савинск</option>
        <optgroup label="Киевская область">
          <option data-subtext="Барышевский район">пгт Барышевка</option>
          <option data-subtext="Барышевский район">с Пасечная</option>
          <option data-subtext="Барышевский район">с Швачиха</option>
          <option data-subtext="Белоцерковский район">г Узин</option>
      </select>
    </div>
    <div class="col-sm-2">
      <span class="badge text-wrap m-3">Выбирите почтовое отделение</span>
    </div>
    <div class="col-sm-4">
      <select class="selectpicker mt-3 mb-3" data-live-search="true" data-size="5" data-width="100%">
        <optgroup label="Индустриальный район">
          <option data-subtext="ул. Сергея Грицевца, 29 (маг.'КЛАСС')">Отделение № 59</option>
          <option data-subtext="ул. Сергея Грицевца, 35а (отд. 'Приват Банк')">Отделение № 56</option>
          <option data-subtext="
бульв. Сергея Грицевца, 2а (ТЦ 'Экватор', маг.'Велмарт')">Отделение № 79</option>
          <option data-subtext="ул. Роганская, 101а">Отделение № 9</option>
          <option data-subtext="ул. Роганская, 157">Отделение № 70</option>
          <option data-subtext="
просп. Московский, 295 (маг.'КЛАСС')">Отделение № 105</option>
          <option data-subtext="
просп. Александровский (ран. Косиора), 184">Отделение № 38</option>
        <optgroup label="Слоботской район">
          <option data-subtext="
просп. Московский, 256б (ТЦ 'Экватор', маг.'Велмарт')">Отделение № 80</option>
          <option data-subtext="просп. Московский, 256">Отделение № 49</option>
      </select>
    </div>
  </div>
</div>

<script>

</script>


    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </body>
</html>

Написано более трёх лет назад

Gulpfile.js не работает watch, в чем беда?

Martovitskiy @Martovitskiy

Андрей, спасибо за подсказку, упусил

Написано более трёх лет назад

Gulpfile.js не работает watch, в чем беда?

Martovitskiy @Martovitskiy

Андрей, в данном случае автор просил работающий код. Сам писал так:

function gulpSass() {
  return gulp
    .src('assets/sass/**/*.sass')
    .pipe(sass({ outputStyle: "expanded" }))
    .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true})) 
    .pipe(gulp.dest('assets/css'))
    .pipe(browsersync.stream()) 
}
function watchFiles(done) {
  gulp.watch('assets/sass/**/*.sass', gulp.parallel(gulpSass));
  gulp.watch('assets/css/**/*.css', browserSync.reload);
  gulp.watch('*.html', browserSync.reload);
  gulp.watch('assets/js/**/*.js', browserSync.reload);
  done();
}

gulp.task('clean', clean);
gulp.task('sass', gulpSass);
gulp.task('clear', clear);
gulp.task('img', images);
gulp.task('scripts', scripts);
gulp.task('css', css);
gulp.task('browser-sync', browserSync);
gulp.task('watch', gulp.parallel(watchFiles, browserSync, css, scripts));
gulp.task('build', gulp.series(clean, gulp.parallel(buildFiles, images, scripts)));

Написано более трёх лет назад

Gulpfile.js не работает watch, в чем беда?

Martovitskiy @Martovitskiy

Сергей delphinpro, согласен, что воды много, но с его подсказками у меня получилось перейти на 4 без проблем
Еще видео Д.Лаврика не плохое

Написано более трёх лет назад

Почему добавление к стилю текста свойства font-size вызывает ошибку отображения?

Martovitskiy @Martovitskiy

проблем со шрифтами не вижу. Вижу проблемы со всем остальным)

Написано более трёх лет назад

Как заставить текст в таблице выходить за пределы ячейки?

Martovitskiy @Martovitskiy

StrnageStranger, пример

Написано более трёх лет назад

Как заставить текст в таблице выходить за пределы ячейки?

Martovitskiy @Martovitskiy

StrnageStranger, попробуйте применить display: inline-block;
пример

Написано более трёх лет назад

Как заставить текст в таблице выходить за пределы ячейки?

Martovitskiy @Martovitskiy

код приложите.

Написано более трёх лет назад

Google page speed больше не дает сжатые картинки?

Martovitskiy @Martovitskiy

тоже заметил. Пришлось использовать imagemin-pngquant + compress

Написано более трёх лет назад

Откуда черпать свежую информацию в мире Front-end?

Martovitskiy @Martovitskiy Автор вопроса

Сергей delphinpro, не, отпадает. И так на кучу всего подписан, не успеваю за всеми следить)
Вот когда вырасту до уровня синьер + уйду на продукт, тогда и буду всех отслеживать)

Написано более трёх лет назад

Откуда черпать свежую информацию в мире Front-end?

Martovitskiy @Martovitskiy Автор вопроса

Сергей delphinpro, спасибо, сохранил в закладки

Написано более трёх лет назад

Войдите на сайт