Как правильно оптимизировать изображения?

та мне бы с галпом. чтоб все сразу складывалось. через сервисы все ясно. мне не ясно, почему гугл ругается на галповские плагины минимизации

Как правильно оптимизировать изображения?

Maksim Zverev: да стандартный, как я понял, набор. Вот по минимизации изображений плагины.

imagemin = require('gulp-imagemin'),
pngquant = require('imagemin-pngquant');


gulp.task('img', function () {
return gulp.src('app/img/*')
.pipe(imagemin({
progressive: true,
svgoPlugins: [{removeViewBox: false}],
use: [pngquant()]
}))
.pipe(gulp.dest('dist/img'));
});

Ну и когда все складывается в финальную папку проекта, выполняется таск 'img':

//BUILD
gulp.task('build', ['clean', 'img'],function () {
var assets = useref.assets();

return gulp.src('app/*.html')
.pipe(assets)
.pipe(gulpif('*.js', uglify()))
.pipe(gulpif('*.css', minifyCss()))
.pipe(assets.restore())
.pipe(useref())
.pipe(gulp.dest('dist'));
});

Как отправить сайт по ftp при помощи Gulp?

Илья Андриенко: блин...нет походу...спасибо) с ключом --save-dev же устанавливать?

Как отправить сайт по ftp при помощи Gulp?

Илья Андриенко: я не совсем тупой) ошибку выдает в консоли. Не может найти модуль галп-утил

Как отправить сайт по ftp при помощи Gulp?

Илья Андриенко: и вот что мне сделать чтоб отправляло?

Как отправить сайт по ftp при помощи Gulp?

Илья Андриенко: вот мой галпфайл

var gulp = require('gulp'),
wiredep = require('wiredep').stream,
useref = require('gulp-useref'),
gulpif = require('gulp-if'),
uglify = require('gulp-uglify'),
minifyCss = require('gulp-minify-css'),
livereload = require('gulp-livereload'),
connect = require('gulp-connect'),
clean = require('gulp-clean'),
gutil = require('gulp-util'),
ftp = require('gulp-ftp');

//ОТПРАВКА НА СЕРВЕР
gulp.task('ftp', function () {
return gulp.src('dist')
.pipe(ftp({
host: 'ftp.front-end-ponomarenko.hol.es',
user: 'u803786953.pp',
pass: '****'
}))
.pipe(gutil.noop());
});

//CLEAN
gulp.task('clean', function () {
return gulp.src('dist', {read: false})
.pipe(clean());
});

//ЛОКАЛЬНЫЙ СЕРВЕР
gulp.task('connect', function() {
connect.server({
root: 'app',
livereload: true
});
});

//BUILD
gulp.task('build', ['clean'],function () {
var assets = useref.assets();

return gulp.src('app/*.html')
.pipe(assets)
.pipe(gulpif('*.js', uglify()))
.pipe(gulpif('*.css', minifyCss()))
.pipe(assets.restore())
.pipe(useref())
.pipe(gulp.dest('dist'));
});

//BOWER
gulp.task('bower', function () {
gulp.src('./app/index.html')
.pipe(wiredep({
directory : "app/bower_components"
}))
.pipe(gulp.dest('./app'));
});

Как отправить сайт по ftp при помощи Gulp?

Илья Андриенко: ну для сборки у меня есть уже. вот ону меня собрал в папку dist. теперь мне просто нужно эту папку отправить на хостинг. вот как мне это сделать через галп-фтп

Как отправить сайт по ftp при помощи Gulp?

Илья Андриенко: мне тогда в gulpfile.js два таска делать? один для утил, другой для фтп? и где таск для утил?

Как отправить сайт по ftp при помощи Gulp?

что такое gulp-util? и что делает этот пайп? .pipe(gutil.noop());

Почему медленно меняются классы?

Nikolay Talanov: так?
$(window).scroll(function(){
if ( $(this).scrollTop() > 50 ) {
$(".top_panel").addClass("scroll");
$(".logo_cont").addClass("logo_cont_scrolled");
$(".main_menu").addClass("main_menu_scrolled");
} else {
$(".top_panel").removeClass("scroll");
$(".logo_cont").removeClass("logo_cont_scrolled");
$(".main_menu").removeClass("main_menu_scrolled");
}
});

CSS:
.top_panel{
height: 90px;
width: 100%;
z-index: 999;
position: fixed;
top: 0;
left: 0;
background-color: white;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}

.scroll{
height: 60px;
width: 100%;
z-index: 999;
position: fixed;
top: 0;
left: 0;
background-color: white;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}

Почему медленно меняются классы?

Nikolay Talanov: точняяяк. я уже поменял на добавление класса. Не добавил транзишн в ЦСС.

Как сделать такую навигацию?

бзе понятия...видео могу кинуть только)