Как вот правильно реализовать такой элемент?

Александр А: а как?

Как вот правильно реализовать такой элемент?

а в кроссбраузерном?

Каналы, сайты, блоги по верстке из psd грамотных ребят. Кто поделится?

кто знает западных спецов - звучало в вопросе

Видео - для десктопа, картинка - для мобильного устройства?

InfernalOwl: ну контент свой конечно поставьте

Видео - для десктопа, картинка - для мобильного устройства?

InfernalOwl: ну вот так можно https://jsfiddle.net/martynuk/uvarL2ak/3/

Видео - для десктопа, картинка - для мобильного устройства?

InfernalOwl: в блоке где display: none вы ничего не пишите это понятно, ну а там где display: block прописываете стили css. Что касается HTML то тут все просто вы пишите в коде и видео и img, одно за другим. Ну а стилями что выше редактируете их отображение или скрытие.

Видео - для десктопа, картинка - для мобильного устройства?

InfernalOwl: ну так например

@media (max-width: 767px){
  .video { 
    display: none;
}
  .block_img{
    display:block;
}
@media (max-width: 1200px){
  .video { 
    display: block;
  }
  .block_img{
    display: none;
  }
}

Видео - для десктопа, картинка - для мобильного устройства?

InfernalOwl: ниже уже ответили

Изменение цвета panel-heading при открытии аккордеона на bootstrap3?

(function() {

    $(".panel").on("show.bs.collapse hide.bs.collapse", function(e) {
        if (e.type=='show'){
            $(this).addClass('active');
        }else{
            $(this).removeClass('active');
        }
    });

}).call(this);

Изменение цвета panel-heading при открытии аккордеона на bootstrap3?

fisherspoons: пожалуйста

Что должен знать и уметь front-end разработчик?

Ingword: этим фронтенд и отличается от верстальщика

Как создать копию класса в phpStorm?

Олеся: это не есть проблема, просто для чего вам тогда такой серьезный редактор как Phpstorm? используйте что нибудь попроще или по легче. А что касательно вашего вопроса, то на пальцах это будет выглядеть так: 1) редактор тут не причем (Phpstorm, Webstorm, Sublime или что нибудь еще проще) 2) учите препроцессоры (sass/less/stylus) 3) и тогда подобных вопросов у вас не будет. 4) в вашем же случае копируйте класс ручками и используйте его себе сколько хотите

Как создать копию класса в phpStorm?

Олеся: второй вопрос: создание класса на чем? sass/less - то здесь все просто? используйте миксины и инклудьте их потом где угодно и как угодно

Качественные скринкасты по фронт-энд разработке с нуля?

Александр: если что мне 35

Как создать копию класса в phpStorm?

вообще не понял о чем вопрос, можно как то по другому подойти к вопросу?

Качественные скринкасты по фронт-энд разработке с нуля?

Александр: последний комментарий: учитесь задавать вопросы, и получите на них толковые ответы:), не лично вам говорю а вообще, ну а вам как защитнику неуков, думайте куда впрягаетесь и что пытаетесь защитить, ведь здесь все было изначально очевидно.

Куда дальше двигаться начинающему верстальщику?

двигайся в направлении js - оно востребовано и нужно

Качественные скринкасты по фронт-энд разработке с нуля?

Андрей Чернышев: никто никого не грузит, а лишь ответ на поставленный вопрос (о качественной фронтэнд разработке)

Качественные скринкасты по фронт-энд разработке с нуля?

Александр а качественные скринкасты по фронт-энд разработке без всего этого возможны? я дал лишь ответ на неправильно поставленный вопрос. Если человек интересуется как вы говорите поэтапно: то вопрос как минимум надо задавать по качественной верстке всего лишь. Не правда ли?

Возможно ли установить windows с ос linux?

сформулируйте внятно вопрос, но если вы о том чтобы рядом установить linux и windows то конечно, это элементарно, туториалов пошаговых в интернете полно