Задать вопрос
alvvi

alvvi

export default apathy;
Ответы

  • Не компилирует sass в css используя gulp почему?

    alvvi
    @alvvi
    export default apathy;
    В ваших исходных файлах есть следующая функция, генерирующая тэги link :

    <script>
		function loadCSS(hf) {
			var ms=document.createElement("link");ms.rel="stylesheet";
			ms.href=hf;document.getElementsByTagName("head")[0].appendChild(ms);
		}
		loadCSS("header.min.css"); //Header Styles (compress & paste to header after release)
		loadCSS("main.min.css");   //User Styles + Media Queries
	</script>


    Исходя из нее аттрибут href ссылается на файлы лежащие напрямую в директории app/
    Однако, gulp помещает ваши файлы в app/css, что видно из таска Styles :
    .pipe(gulp.dest('app/css'))

    Решение : изменить аргументы функции на корректные
    loadCSS("css/header.min.css"); 
loadCSS("css/main.min.css");

    либо поменять пути в таске :

    .pipe(gulp.dest('app/'))
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать адаптивный блок?

    alvvi
    @alvvi
    export default apathy;
    Вы, конечно, будете разочарованы, на на этом сайте лого позиционированно абсолютно никак, поскольку оно является частью слайдов. (т.е. банально наложено в фотошопе на слайды)
    Ответ написан
    Комментировать
    Комментировать

  • Почему не обновляется страница через BrowserSync?

    alvvi
    @alvvi
    export default apathy;
    Вам следует вешать обработчик на событие 'change', пример из документации: 

    gulp.task('serve', ['sass'], function() {

    browserSync.init({
        server: "./app"
    });

    gulp.watch("app/scss/*.scss", ['sass']);
    gulp.watch("app/*.html").on('change', browserSync.reload);  // Обработчик
});

gulp.task('sass', function() {
    return gulp.src("app/scss/*.scss")
        .pipe(sass())
        .pipe(gulp.dest("app/css"))
        .pipe(browserSync.stream());
});

gulp.task('default', ['serve']);


    Так же, документация советует использовать пост 2.0.0 синтаксис, то есть создавать экземпляр класса
    var browserSync = require('browser-sync').create();


    Больше примеров и информации можно найти здесь и здесь
    Ответ написан
    1 комментарий
    1 комментарий

  • Bootstrap, работа с сеткой?

    alvvi
    @alvvi
    export default apathy;
    Если вам нужно выровнить что-то именно по сетке и речь идет о Bootstrap 3, то можно воспользоваться offset-ами для определенных разрешений.

    Но в данном случае действительно вариант с блочным элементом, фиксированной шириной и margin: 0 auto кажется более рациональным.
    Ответ написан
    Комментировать
    Комментировать

  • Как работа с hover jquery?

    alvvi
    @alvvi
    export default apathy;
    Если вы хотите вернуть туда исходное значение ("333" в данном случае), то сначала получите его и сохраните в переменной
    var myAnchorText = $('.myAnchor').text();
    Затем, на событие метода hover handlerOut вставьте значение обратно
    $('.myAnchor').html( myAnchorText );
    Ответ написан
    Комментировать
    Комментировать