Ответы пользователя по тегу JavaScript
  • Почему autoprefixer задаёт не все префиксы?

    ddale
    @ddale
    Front-end developer
    А чего вам не хватает? Попробуйте другие опции указать. В доках всё. У меня так стоит:

    ['last 2 version', '> 1% in RU', 'ie 9']

    И этого достаточно
    Ответ написан
    Комментировать
  • Как правильно пользоваться NPM пакетом grunt-aws?

    ddale
    @ddale Автор вопроса
    Front-end developer
    Короткое описание.

    От Amazon вы получаете accessKeyId и secretAccessKey, которые записываете в отдельный файл. Далее добавляете название и версию пакета в package.json, далее добавляете необходимые описания и вызовы в gruntfile.js , ставите пакет, запускаете Grunt.

    1) Добавляем в package.json
    "grunt-aws" : "latest"

    2) Создаем файл credentials.json рядом с package.json и gruntfile.js
    {
    	"accessKeyId": "Здесь ID",
    	"secretAccessKey": "Здесь ключ"
    }


    3) Добавляем в gruntfile.js
    // package.json
    pkg: grunt.file.readJSON('package.json'),
    
    // Переменные каталогов проекта
    project: {
        app:    ['public'],
        assets: ['<%= project.app %>/assets'],
    },
    
    // Проталкивание файлов на S3
    aws: grunt.file.readJSON("credentials.json"),
    s3: {
        options: {
            accessKeyId: "<%= aws.accessKeyId %>",
            secretAccessKey: "<%= aws.secretAccessKey %>",
            bucket: "имя-каталога-куда-лить"
        },
        upload: {
            headers: {
                CacheControl: 604800
                // Expires: new Date(Date.now() + 604800000).toUTCString()
            },
            cwd: ".",
            src: [
                "<%= project.app %>/*.html",
                "<%= project.app %>/dist/**",
                "<%= project.assets %>/fonts/**",
                "<%= project.assets %>/img/*"
            ]
        }
    },
    
    // Загрузка предварительно установленного модуля
    grunt.loadNpmTasks('grunt-aws');
    
    // Задания будут выполнятся сразу после команды grunt
    grunt.registerTask('default', [ 's3']);


    4) Открываем терминал, переходим в каталог с проектом и выполняем две команды
    npm install
    grunt
    Ответ написан
    Комментировать
  • Как сделать переключение слайдов в bxslider с помощью Apple Magic Mouse и Apple Magic Trackpad?

    ddale
    @ddale Автор вопроса
    Front-end developer
    Решение:
    $(document).ready(function(){
    
        // SLIDER : begin
        var $slider = $("#content-page.cobra");
    
        var slider = $slider.bxSlider({
            mode: 'vertical',
            slideMargin: 0,
            // video: true,
            pager: false,
            infiniteLoop: false,
            controls: false,
            adaptiveHeight: true
        });
    
        // scroll : begin
        var isMac = navigator.platform.toUpperCase().indexOf('MAC')>=0;
        
        // if OS === Mac OS X
        if(isMac){
    
            isMoving = false;
            $slider.on('mousewheel', function(e) {
    
                if (e.deltaY > 1) {
                    if (!isMoving) {
                        isMoving = true; 
                        slider.goToPrevSlide();
                    }
    
                }
    
                else if (e.deltaY < -1) {
                    if (!isMoving) {
                        isMoving = true;
                        slider.goToNextSlide();
                    }
                }
    
                else { isMoving = false; }
    
                event.stopPropagation();
                event.preventDefault();
    
            });
        }
    
        // other OS
        else{
            $slider.on("mousewheel", function(event, delta, deltaX, deltaY) {
    
                //console.log(event, delta, deltaX, deltaY);
    
                if (delta > 0) {
                    slider.goToPrevSlide();
                }
                if (deltaY < 0){
                    slider.goToNextSlide();
                }
                event.stopPropagation();
                event.preventDefault();
    
            });
        }
        // scroll : end
        // SLIDER : end
            
    });
    Ответ написан
    Комментировать