Оценка верстки

[EugeneKiyash]

Около месяца изучаю HTML, СSS. Начал верстать первые лендинги, пока в фиксе. Посмотрите, оцените. Не откажусь от конструктивной критики.

Спасибо!

http://matrix1320.xyz/cuda/

http://matrix1320.xyz/strict/

[BrusSENS]

Посмотрел первый - довольно не плохо, для начала, но...

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

<meta name="viewport" content="width=device-width, initial-scale=1">

2. Почему в <section> Вы используете заголовок 2 уровня? Семантика нарушается, имхо. Спецификация HTML5 позволяет использовать заголовок первого уровня несколько раз на странице. А section, main, aside, article - независимые контейнеры, поэтому, лично я, использовал бы заголовки первого уровня для таких контейнеров.

А так с виду всё довольно чистенько, аккуратненько.

[EugeneKiyash]

5 часов назад, BrusSENS сказал:

Посмотрел первый - довольно не плохо, для начала, но...

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

<meta name="viewport" content="width=device-width, initial-scale=1">

2. Почему в <section> Вы используете заголовок 2 уровня? Семантика нарушается, имхо. Спецификация HTML5 позволяет использовать заголовок первого уровня несколько раз на странице. А section, main, aside, article - независимые контейнеры, поэтому, лично я, использовал бы заголовки первого уровня для таких контейнеров.

А так с виду всё довольно чистенько, аккуратненько.

Спасибо за замечания!

В планах как раз усилено заняться изучением адаптации страниц.

Сейчас поправил отображение на мобилках с помощью meta-viewport.

Edited January 6, 2017 by EugeneKiyash

[BrusSENS]

12 часа назад, EugeneKiyash сказал:

В планах как раз усилено заняться изучением адаптации страниц.

Успехов в начинаниях. На самом деле всё не так страшно, как кажется. Будут вопросы - пишите на форум.

[AntonKrot]

В 06.01.2017 в 13:07, EugeneKiyash сказал:

Спасибо за замечания!

В планах как раз усилено заняться изучением адаптации страниц.

Сейчас поправил отображение на мобилках с помощью meta-viewport.

А не легче изучить Bootstrap  и не париться?

[EugeneKiyash]

Я только начал заниматься версткой. И как по мне, лучше сначала изучить стандартные инструменты и возможности css (конкретно сейчас я о @media_queries), а потом уже изучать фреймворки, которые упрощают работу с этими инструментами.

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