Проверьте пожалуйста тренировочную верстку

[Pashkes]

Резина 1200-900 http://pashkes.github.io/

Исходники: https://github.com/pashkes/pashkes.github.io

Скриншот макета в корне репозитория

Что делать дальше, начинать изучать новое (Sass, LESS, флексы ) или закреплять еще больше на практике то что знаю?

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

 

 

[alejandro13]

Уменьшите экран браузера и посмотрите, как нехорошо срезается фон у блоков

[VeniVidiVici]

Зачем 2 h1 заголовка.

 

Начиная с 3 экрана заголовки не h2  а зачем-то спаном идут......

 

Использование section на 2 экране....рекомендуется чтобы у section был заголовок, и я бы его использовал как родитель для каждого экрана...

 

Предпоследний экран, стрелочки можно было сделать с помощью before/after, а не фоном.

 

Ну а на счёт нового, сделайте этот макет адаптивным, а после уже можно и препроцессоры изучать.

Edited March 2, 2016 by VeniVidiVici

[Pashkes]

Уменьшите экран браузера и посмотрите, как нехорошо срезается фон у блоков

он просто масштабируется пропорционально

Edited March 2, 2016 by Pashkes

[li4e]

Добавьте например для .header свойство min-width: 900px; и такого не будет. И он не масштабируется а просто обрезается.

 

Так что это не нормально 
http://joxi.ru/gmveOJ3fn9k9ra.jpg

Edited March 2, 2016 by li4e

[Pashkes]

Зачем 2 h1 заголовка.

 

Начиная с 3 экрана заголовки не h2  а зачем-то спаном идут......

 

Использование section на 2 экране....рекомендуется чтобы у section был заголовок, и я бы его использовал как родитель для каждого экрана...

 

Предпоследний экран, стрелочки можно было сделать с помощью before/after, а не фоном.

 

Ну а на счёт нового, сделайте этот макет адаптивным, а после уже можно и препроцессоры изучать.

 

1. Покажите мне где тут 2h1 заголовка, видимо я слепой.
2. Заголовки должны нести смысловую нагрузку, а какую скажите мне какую нагрузку несут заголовки: "Новостная рассылка", "Скриншоты", "Спросите у поддержки", "Связатся". Единственный заголовок во всех главных блоках можно было обернуть в  h2 это "Olivia Blog Post", остальные это span.
3. На счет заголовка в теге section, вот именно что это рекомендация, а не грубая ошибка, поэтому тут на усмотрение каждого, и это мне говорили люди у которых больше 5 лет опыта.
4. В предпоследнем экране стрелочки изначально я так и сделал, но появилась проблема с тем чтоб меня цвет при наведении, поэтому заменил картинками, так как размеры этого блока никогда не должны меняться, то я не думаю что это грубая ошибка. Можете кстати подсказать как менять фон блока в вместе с псевдо элементом. Update. Нужно было блок даты в обычном состоянии для after сделать прозрачным, а при наведении делать нужным цветом

Добавьте например для .header свойство min-width: 900px; и такого не будет. И он не масштабируется а просто обрезается.

 

Так что это не нормально 

http://joxi.ru/gmveOJ3fn9k9ra.jpg

странно, у меня все фоны при разрешении 900px не обрезаются, проверял и в инструментах разработчика в режиме девайсов и просто менял разрешение окно мышкой и ничего не обрезается, правда увидел несколько других косяков. В каком браузере вы смотрите?

Edited March 2, 2016 by Pashkes

[li4e]

Последний хром, вы сожмите ширину браузера меньше чем на 900px и проскрольте горизонтально направо и увидите, о чем вам писали выше.

[Pashkes]

Последний хром, вы сожмите ширину браузера меньше чем на 900px и проскрольте горизонтально направо и увидите, о чем вам писали выше.

косяк, забыл в body добавить min-width: 900px) 

[Pashkes]

Последний хром, вы сожмите ширину браузера меньше чем на 900px и проскрольте горизонтально направо и увидите, о чем вам писали выше.

А есть что сказать по именам классов? Впервые использовать БЭМ в именовании классов.

[li4e]

Сам не силен в БЭМ)

[Igor Schnaider]

А есть что сказать по именам классов? Впервые использовать БЭМ в именовании классов.

 

По-моему, нормально. Единственно, БЭМ предполагает полный отказ от каскадных стилей. Но тут, вероятно, кому как нравится. Холиварная тема :-)

[Pashkes]

 

А есть что сказать по именам классов? Впервые использовать БЭМ в именовании классов.

 

По-моему, нормально. Единственно, БЭМ предполагает полный отказ от каскадных стилей. Но тут, вероятно, кому как нравится. Холиварная тема :-)

 

это точно, давать классы ссылкам в элементах списка или заголовкам h, абзацам, как то не совсем правильно, тут я думаю по ситуации