ctrl + shift + i или F12.
//main
var gulp = require('gulp');
var watch = require('gulp-watch');
var plumber = require('gulp-plumber');
//css
var autoprefix = require('gulp-autoprefixer');
var sass = require('gulp-sass');
var csso = require('gulp-csso');
var uncss = require('gulp-uncss');
var media = require('gulp-group-css-media-queries');
//other
var browserSync = require('browser-sync');
var rename = require('gulp-rename');
gulp.task('sass', function() {
return gulp.src('scss/*.scss')
.pipe(plumber())
.pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('css/'))
.pipe(browserSync.reload({stream: true}));
});
gulp.task('build', function() {
return gulp.src('scss/*.scss')
.pipe(plumber())
.pipe(sass({outputStyle: 'default'}).on('error', sass.logError))
.pipe(media())
.pipe(uncss({
html: ['index.html']
}))
.pipe(autoprefix([
'Android 2.3',
'Android >= 4',
'Chrome >= 50',
'Firefox >= 24',
'Explorer >= 6',
'iOS >= 6',
'Opera >= 12',
'Safari >= 6']))
.pipe(csso({
debug: true
}))
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('css/'))
.pipe(browserSync.reload({stream: true}));
})
gulp.task('build-themes', function() {
return gulp.src('scss/colors/*.scss')
.pipe(plumber())
.pipe(sass({outputStyle: 'default'}).on('error', sass.logError))
.pipe(csso({
debug: true
}))
.pipe(gulp.dest('css/colors/'))
.pipe(browserSync.reload({stream: true}));
})
gulp.task('browserSync', function() {
browserSync.init({
server: {
baseDir: "./",
notify: false
}
});
});
gulp.task('watch', ['browserSync', 'sass'], function() {
gulp.watch('scss/*.scss', ['sass']);
gulp.watch(['index.html','js/*.js'], browserSync.reload);
});Существует альтернативный синтаксис работы со свойствами, использующий квадратные скобки объект['свойство']
Записи person['name'] и person.name идентичны, но квадратные скобки позволяют использовать в качестве имени свойства любую строку:
Я знаю что AJAX это подход для обмена данных между клиентом и сервером без полного обновления страницы. Наверное, Вы имеете ввиду подгрузить картинку в модальное окно через аякс?
При клике на кнопку создаем модальное окно через js (ну у Вас я вижу уже стоит jquery, то проще через него) нужного размера (можно в сss заранее класы написать), и загружаем изображение нужного размера из базы данных, или что там у Вас?