Как получить доступ к цвету фона в Vector Smart Object?

Смарт-объект. Вы правы и я не мог открыт его, потому что не был установлен Иллюстратор. Спасибо.

Как сделать такой логотип?

Угу. Как раз пришел к этому выводу и перевожу в svg. Спасибо большое за направление.

Как сделать такой логотип?

Спасибо за совет! Удалось сделать для webkit, через -webkit-mask, но вот для firefox пока не могу найти ничего конкретного. Можете подсказать какой-нибудь ресурс?

Как сделать так, чтобы высота (длина) нужной линии рассчитывалась автоматически?

Спасибо большое!

Как можно оптимизировать данный код?

Спасибо огромное за совет. После прочтения документации получилось написать рабочий код и хотелось бы узнать ваше мнение о нём. Можно ли его еще где-нибудь подправить, улучшить?

$(function(){
    var slider = $('.slider-inner'),
        slides = $('.slide'),
        dotes = $('.slider-dot');

    $('.arrow-left').on('click', function(){
        var slideNumber = slides.index($('.slide-active')),
            slideWidth = slides.eq(slideNumber).width();

        slides.eq(slideNumber).removeClass('slide-active');
        dotes.eq(slideNumber).removeClass('dot-active');

        if(slideNumber === 0) {
            slides.eq(slides.length-1).addClass('slide-active');
            dotes.eq(slides.length-1).addClass('dot-active');
            slider.animate({marginLeft:-slideWidth*(slides.length-1) + "px"}, 600);
        } else {
            slides.eq(slideNumber-1).addClass('slide-active');
            dotes.eq(slideNumber-1).addClass('dot-active');
            slider.animate({marginLeft:-slideWidth*(slideNumber-1) + "px"}, 600);
        }
    });

    $('.arrow-right').on('click', function(){
        var slideNumber = slides.index($('.slide-active')),
            slideWidth = slides.eq(slideNumber).width();

        slides.eq(slideNumber).removeClass('slide-active');
        dotes.eq(slideNumber).removeClass('dot-active');

        if(slideNumber === (slides.length-1)) {
            slides.eq(0).addClass('slide-active');
            dotes.eq(0).addClass('dot-active');
            slider.animate({marginLeft:"0px"}, 600);
        } else if (slideNumber < (slides.length-1)) {
            slides.eq(slideNumber+1).addClass('slide-active');
            dotes.eq(slideNumber+1).addClass('dot-active');
            slider.animate({marginLeft:-slideWidth*(slideNumber+1) + "px"}, 600);
        }
    });

    dotes.on('click', function(){
        var oldSlide = $('.slide-active'),
            oldDote = $('.dot-active'),
            dotNumber = dotes.index($(this)),
            slideWidth = slides.eq(dotNumber).width();


        oldSlide.removeClass('slide-active');
        oldDote.removeClass('dot-active');

        slides.eq(dotNumber).addClass('slide-active');
        dotes.eq(dotNumber).addClass('dot-active');

        slider.animate({marginLeft:-slideWidth*dotNumber + "px"}, 600);
    })
});

Спасибо за внимание.

Как можно оптимизировать данный код?

Владимир Голубев: Подобный слайдер с видимыми и невидимыми дивами я уже сделал и разобрал для себя. Теперь хотелось реализовать карусель со сдвигом.

Почему "Arial Narrow" не отображается в Chrome?

В Firefox инструмент разработчика, в разделе "подключенный шрифт", показывает, что подключенный шрифт "Arial Narrow".

Почему "Arial Narrow" не отображается в Chrome?

Есть. Firefox же его видит.

Как сделать так, чтобы изображение с большим z-index не препятствовало нажатию кнопки под ним?

Спасибо, сработало.

Почему не отображается background в Mozzila?

Спасибо. Не правильно понял статью на mdn о том, что "to" можно пренебречь.
Исправление "top" на "to bottom" все подправило.
linear-gradient(to bottom, #459fcc, #efecec 570px).

Почему некорректно может работать transform?

Не помогает. А вот если я поворачиваю не текст, а родительский блок, то все в порядке, он поворачивается и остается в этом положении пока не уберу мышку.

Как правильно написать код для внесение данных из поля формы в LocalStorage с последующим использованием при перезагрузке страницы?

Спасибо за совет.

Где ошибка в работе gulp task: watch?

Спасибо за помощь, но к моему сожалению, мой уровень gulp пока не позволяет понять как мне переделать мою конструкцию с учетом Вашей подсказки и вызывает только новые вопросы :( Если не затруднит, можете более подробно подсказать как менять мне task.