Ответы пользователя по тегу HTML
  • Зачем Bower скачивает много ненужных файлов?

    LeonidKuznecov
    @LeonidKuznecov Автор вопроса
    Front-end разработчик.
    Либо я не понял вас либо вы меня. Мне не надо склеивать файлы. Я это делать уже умею. Мне нужно скачать к примеру jquery.17.1.min.js, вместо целой папки непойми чего. Как это сделать при помощи bower? В чем же его прелесть тогда? смысл мне скачивать столько лишнего мусора если мне понадобиться всего навсего один файлик!!!
    Ответ написан
    Комментировать
  • Gulp нужно постоянно устанавливать заново в новый проект или нет?

    LeonidKuznecov
    @LeonidKuznecov Автор вопроса
    Front-end разработчик.
    "use strict";
    var gulp = require('gulp'),
       concatCSS = require('gulp-concat-css'),
       rename = require('gulp-rename'),
       watch = require('gulp-watch'),
       notify = require('gulp-notify'),
       autoprefixer = require('gulp-autoprefixer'),
        livereload = require('gulp-livereload'),
        connect = require('gulp-connect'),
        minifyCSS = require('gulp-minify-css');
    
    // gulp connect и livereload
    gulp.task('connect', function() {
      connect.server({
        root: 'app',
        livereload: true
      });
    });
    // gulp connect и livereload
    
    // Общий таск для css вызываеться командой gulp
    gulp.task('css', function () {
      gulp.src('css/*.css')
        .pipe(concatCSS('bundle.css'))
        .pipe(autoprefixer('last 15 version'))
        .pipe(minifyCSS())
        .pipe(rename('bundle.min.css'))
        .pipe(livereload({ auto: false }))
        .pipe(notify("Done!"))
        .pipe(gulp.dest('app/css/'))
        .pipe(connect.reload());
    });
    // Общий таск для css вызываеться командой gulp
    
    //Общий таск для html вызываеться командой gulp
    gulp.task('html', function () {
      gulp.src('app/index.html')
        .pipe(connect.reload());
    });
    //Общий таск для html вызываеться командой gulp
    
    // Таск служки css файлов, любые изменения будут произведены вызываеться командой gulp watch
    gulp.task('watch',function () {
     gulp.watch('css/*.css',['css'])
     gulp.watch('app/index.html',['html'])
    });
    // Таск служки css файлов, любые изменения будут произведены вызываеться командой gulp watch
    
    // Таск по умолчанию
    gulp.task('default', ['connect','html','css','watch']);
    // Таск по умолчанию
    
    // Таск обьеденения всех css файлов вызываеться командой gulp concatCSS
    gulp.task('concatCSS', function () {
      gulp.src('css/*.css')
        .pipe(concatCSS('bundle.css'))
         .pipe(autoprefixer('last 15 version'))
        .pipe(notify("Done!"))
        .pipe(gulp.dest('app/css'));
    });
    // Таск обьеденения всех css файлов вызываеться командой gulp concatCSS
    
    // Таск минификации полученного обьедененного css файла вызываеться командой gulp minifyCSS
    gulp.task('minifyCSS', function () {
      gulp.src('css/*.css')
        .pipe(minifyCSS())
        .pipe(rename('bundle.min.css'))
         .pipe(autoprefixer('last 15 version'))
        .pipe(notify("Done!"))
        .pipe(gulp.dest('app/css'));
    });
    // Таск минификации полученного обьедененного css файла вызываеться командой gulp minifyCSS
    
    
    
    // Создание общего таска для создания двух файлов, concat и minify
    
    // gulp.task('css', function () {
    //     gulp.src('откуда берем')
    //     .pipe(concatCSS('название файла'))
    //     .pipe(gulp.dest('куда сохраняем конкат версию'))
    //     .pipe(minifyCSS())
    //     .pipe(rename({
    //         suffix: '.min'
    //     }))
    //     .pipe(gulp.dest('куда сохраняем мин версию'));
    // });


    А вот сама ошибка

    Error: Cannot find module 'lodash._isnative'
    at Function.Module._resolveFilename (module.js:338:15)
    at Function.Module._load (module.js:280:25)
    at Module.require (module.js:364:17)
    at require (module.js:380:17)
    at Object. (C:\WebDev\test\node_modules\gulp-livereload\node_modules\lodash.assign\node_modules\lodash._basecreatecallback\node_modules\lodash.bind\node_modules\lodash._createwrapper\node_modules\lodash._basebind\node_modules\lodash._basecreate\index.js:9:16)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Module.require (module.js:364:17)
    Ответ написан
    Комментировать
  • Gulp как настроить что б он создавал и конкатенируемую версию и минифицируемую?

    LeonidKuznecov
    @LeonidKuznecov Автор вопроса
    Front-end разработчик.
    Ошибка вылетает непойму с чем связано,
    "use strict";
    var gulp = require('gulp'),
    concatCSS = require('gulp-concat-css'),
    rename = require('gulp-rename'),
    watch = require('gulp-watch'),
    notify = require('gulp-notify'),
    autoprefixer = require('gulp-autoprefixer'),
    livereload = require('gulp-livereload'),
    connect = require('gulp-connect'),
    minifyCSS = require('gulp-minify-css');

    // gulp connect и livereload
    gulp.task('connect', function() {
    connect.server({
    root: 'app',
    livereload: true
    });
    });
    // gulp connect и livereload

    // Общий таск для css вызываеться командой gulp
    gulp.task('css', function () {
    gulp.src('css/*.css')
    .pipe(concatCSS('bundle.css'))
    .pipe(autoprefixer('last 15 version'))
    .pipe(minifyCSS())
    .pipe(rename('bundle.min.css'))
    .pipe(livereload())
    // .pipe(notify("Done!"))
    .pipe(gulp.dest('app/')),
    .pipe(connect.reload());
    });
    // Общий таск для css вызываеться командой gulp

    //Общий таск для html вызываеться командой gulp
    gulp.task('html', function () {
    gulp.src('app/index.html')
    .pipe(connect.reload());
    });
    //Общий таск для html вызываеться командой gulp

    // Таск служки css файлов, любые изменения будут произведены вызываеться командой gulp watch
    gulp.task('watch',function () {
    gulp.watch('css/*.css',['css'])
    gulp.watch('app/index.html',['html'])
    });
    // Таск служки css файлов, любые изменения будут произведены вызываеться командой gulp watch

    // Таск по умолчанию
    gulp.task('default', ['connect', 'html', 'concatCSS', 'minifyCSS', 'watch']);
    // Таск по умолчанию

    // Таск обьеденения всех css файлов вызываеться командой gulp concatCSS
    gulp.task('concatCSS', function () {
    gulp.src('css/*.css')
    .pipe(concatCSS('bundle.css'))
    .pipe(autoprefixer('last 15 version'))
    .pipe(notify("Done!"))
    .pipe(gulp.dest('app/'));
    });
    // Таск обьеденения всех css файлов вызываеться командой gulp concatCSS

    // Таск минификации полученного обьедененного css файла вызываеться командой gulp minifyCSS
    gulp.task('minifyCSS', function () {
    gulp.src('css/*.css')
    .pipe(minifyCSS())
    .pipe(rename('bundle.min.css'))
    .pipe(autoprefixer('last 15 version'))
    .pipe(notify("Done!"))
    .pipe(gulp.dest('app/'));
    });
    // Таск минификации полученного обьедененного css файла вызываеться командой gulp minifyCSS

    Вот сама ошибка
    ... Uhoh. Got error listen EADDRINUSE ...
    Error: listen EADDRINUSE
    at errnoException (net.js:904:11)
    at Server._listen2 (net.js:1042:14)
    at listen (net.js:1064:10)
    at Server.listen (net.js:1138:5)
    at Server.listen (C:\WebDev\Education\node_modules\gulp-livereload\node_modules\tiny-lr\lib\server.js:154:15)
    at Function.exports.listen (C:\WebDev\Education\node_modules\gulp-livereload\gulp-livereload.js:68:12)
    at Function.exports.changed (C:\WebDev\Education\node_modules\gulp-livereload\gulp-livereload.js:88:20)
    at Transform.reload._transform (C:\WebDev\Education\node_modules\gulp-livereload\gulp-livereload.js:24:13)
    at Transform._read (_stream_transform.js:179:10)
    at Transform._write (_stream_transform.js:167:12)
    Ответ написан
  • Что делать если при масштабировании вылетает кнопка,текст из списка?

    LeonidKuznecov
    @LeonidKuznecov Автор вопроса
    Front-end разработчик.
    Решил проблему,может кому и пригодиться.
    Я задавал ширину только для "a" а нужно было задавать и для "li" . И все получилось.
    Ответ написан
    Комментировать
  • Перестало работать быстрое редактирование Brackets?

    LeonidKuznecov
    @LeonidKuznecov
    Front-end разработчик.
    +1 Работает не на всем. Не могу понять с чем связано. + Перестал нормально работать Extract .Вместо psd показывает просто точечное полотно
    Ответ написан
    Комментировать
  • Brackets супер расширение Extarct?

    LeonidKuznecov
    @LeonidKuznecov Автор вопроса
    Front-end разработчик.
    Extract может установить уже каждый. Надо только быть зареганым на облаке от Adobe. Расширение не реальное. Надо только разобраться. Всю инфу по Extract выкидывать сюда.
    Ответ написан