$('.responsive').slick({
dots: false,
arrows: true,
nextArrow: '<i class="fa fa-angle-right" aria-hidden="true"></i>',
prevArrow: '<i class="fa fa-angle-left" aria-hidden="true"></i>',
infinite: false,
speed: 300,
slidesToShow: 3,
slidesToScroll: 3,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: false,
arrows: true,
dots: false
}
},
{
breakpoint: 700,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}Некоторое время изучаю HTML5/CSS3 и хочу преступить непосредственно к вёрсткевообще возможно? Как можно учить и не верстать? Что ты вообще учишь - буквы? А говорить когда будешь?
<div class="triangle-right"></div>
.triangle-right {
border-image: none;
height: 30px;
width: 150px;
background-image: linear-gradient(to top, rgb(207, 207, 213) 0%, rgb(135, 129, 129) 50%, rgb(207, 207, 213) 100%);
}
.triangle-right:after{
content:"";
display: block;
height: 0;
border-left:20px solid black;
border-top:15px solid transparent;
border-bottom:15px solid transparent;
}<div><a class="navbar-brand" href="#"><img src="img/logo.png" class="img-responsive" alt="Blockchain"></a></div><a class="navbar-brand" href="#"><img src="img/logo.png" class="img-responsive" alt="Blockchain"></a>1. вопрос где он должен находится в app или в корне www ?в корне
2. Можно ли вообще без этого файла обойтись, если да то как ?нет
gulp.task('compass', function() {
gulp.src('./app/scss/**/*.scss')
.pipe(debug())
.pipe(plumber({
errorHandler: function (error) {
console.log(error.message);
this.emit('end');
}}))
.pipe(sourcemaps.init())
.pipe(compass({
config_file: './config.rb',
sass: './app/scss',
css: './app/css'
}))
.pipe(debug())
.pipe(urlAdjuster({
replace: ['/app/img','/img']
}))
.pipe(minifyCSS({compatibility: 'ie8'}))
.pipe(debug())
.pipe(rename('style.min.css'))
.pipe(csso())
.pipe(sourcemaps.write('./maps'))
.pipe(gulp.dest('./dist/css'))
.pipe(reload({stream: true}));
});gulp.task('js:vendor', function() {
gulp.src(mainBowerFiles({
"overrides": {
"jquery": {
"main": "./dist/jquery.min.js"
},
"magnific-popup": {
"main": "./dist/jquery.magnific-popup.min.js"
},
"slick-carousel": {
"main": "./slick/slick.min.js"
},
"jquery.maskedinput": {
"main": "./dist/jquery.maskedinput.min.js"
}
}
}))
.pipe(jsFilter)
.pipe(concat('vendor.js'))
.pipe(gulpIf(env === 'dev', uglify()))
.pipe(gulp.dest(outputDir + 'js'))
});var config = {
server: {
baseDir: "./build"
},
tunnel: true,
host: 'localhost',
port: 9000, // измените
logPrefix: "Frontend_Devil"
};browserSync = require('browser-sync');
jade = require('gulp-jade');var gulp = require('gulp'),
sass = require('gulp-sass'),
jade = require('gulp-jade'),
browserSync = require('browser-sync'),
reload = browserSync.reload;
gulp.task('sass', function() {
return gulp.src('app/sass/**/*.sass')
.pipe(sass())
.pipe(gulp.dest('app/css'))
.pipe(reload({
stream: true
}));
});
gulp.task('browser-sync', function() {
browserSync({
server: {
baseDir: 'app'
},
notify: false
});
});
gulp.task('jade', function() {
return gulp.src('app/jade/**/*.jade')
.pipe(jade())
.pipe(gulp.dest('app'))
.pipe(reload({
stream: true
}));
});
gulp.task('watch', ['browser-sync', 'sass', 'jade'], function() {
gulp.watch('app/sass/**/*.sass', ['sass']);
gulp.watch('app/jade/**/*.jade', ['jade']);
gulp.watch('app/*.html', browserSync.reload);
});