Почему в Safari неправильно отображаются инпуты?

appearance: none

Почему не работают медиа запросы?

почитайте о специфичности селекторов

Почему блок с outline не слушается z-index?

Дмитрйи, не за что

Почему блок с outline не слушается z-index?

Дмитрйи,

position: relative;
z-index: -1;

Работа верстальщиком. Тупик в самостоятельном обучении. Что делать и как лучше выстроить обучение и поиск работы?

Александр Першин, вы так усердно питаетесь доказать свою позицию что забыли о чем был первоначальный вопрос. Прочтите его еще раз. Мы расматриваем фронтенд не с стороны заказчика, а с стороны разработчика и при этом делимся своим опытом с начинающим.

Работа верстальщиком. Тупик в самостоятельном обучении. Что делать и как лучше выстроить обучение и поиск работы?

Александр Першин,

если заказчик получит в таком виде, то это хорошо, то вопросов нет.

тогда в чем проблема?

Работа верстальщиком. Тупик в самостоятельном обучении. Что делать и как лучше выстроить обучение и поиск работы?

Александр Першин, ну так на выходе будет HTML

Работа верстальщиком. Тупик в самостоятельном обучении. Что делать и как лучше выстроить обучение и поиск работы?

Андрей Хохлов, интересний вариант, он лучше моего (не сарказм), но у меня возник 1 вопрос - как добавить модификатор елементу блока (например для .photo-upload__btn) только в одном месте вызова, а в другом не добавлять?

Работа верстальщиком. Тупик в самостоятельном обучении. Что делать и как лучше выстроить обучение и поиск работы?

Андрей Хохлов, можете показать (скрин или кусок кода) примерного миксина?

Работа верстальщиком. Тупик в самостоятельном обучении. Что делать и как лучше выстроить обучение и поиск работы?

Андрей Хохлов,

при вызове миксина можно передавать аттрибуты

не понял к чему это вы

--01 это очень плохой модификатор, бессмысленный

в нем есть смысл для вариацый одного блока, где сам блок очень сильно меняеться, пример

Работа верстальщиком. Тупик в самостоятельном обучении. Что делать и как лучше выстроить обучение и поиск работы?

Александр Першин, согласен - обычный HTML хорош, но к сожалению его нельзя переиспользовать. Да мы можем просто копировать куски кода, но если страница не 1... надеюсь понятно.

Говнокодом он является по причине слабой поддержки

- возможно вы и правы, только на выходе получаеться все тот же HTML

Работа верстальщиком. Тупик в самостоятельном обучении. Что делать и как лучше выстроить обучение и поиск работы?

Александр Першин, можно подробней? и еще покажите то как должен выглядеть не

говнокод

Работа верстальщиком. Тупик в самостоятельном обучении. Что делать и как лучше выстроить обучение и поиск работы?

Сергей Некрасов, что бы писать Js

Работа верстальщиком. Тупик в самостоятельном обучении. Что делать и как лучше выстроить обучение и поиск работы?

Учитесь паралельно верстке и js. Посмотрите в сторону препроцесоров и сборщиков. Изучайте computer science

А на хорошую работу можете идти когда при верстке Ваш код будет выглядеть как то так

P.S. это pug

Есть ли API у Apple Music?

AntRider, отметьте решение, чтобы и другие смогли найти ответ на ваш вопрос. Не за что.

Как делать отступы между блоков в БЭМ?

<div class="wrapper">
    <div class="wrapper__bem-block bem-block"></div>
    <div class="wrapper__another-bem-block another-bem-block"></div>
</div>

.wrapper__bem-block {
    margin-right: 50px;
}

Как эффективно использовать SASS с модификаторами?

Попробуйте так

.panel {
//...
$this: &

&__button {
//...
  #{$this}_active  {
       @extend  &;
       background: yellow;
  }

 }

}

Как можно сэкономить на покупке темы с Themeforest?

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

Какие инструменты использовать Веб-разработчику для создания сайта на заказ?

Frontend

• node.js
  
• npm/yarm
  
• gulp/webpack
  
• sublime text/atom
  
• avocode/photoshop
  

Нужна помощь с выпадающим меню. Вы мне поможите?

3447 строчка width: auto; уберите

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;  // (*)
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }