Правильно ли я верстаю?

Question

[Enniack]

Недавно начал осваивать верстку, возникшие вопросы:

• 1) Правильно ли верстать элементы, которые лежат одновременно на 2(или нескольких) секциях через position: absolute? Если нет, то как располагать такие элементы?
  Пример - фотография с 3 людьми на 1 и 2 секции.
  
  
• 2) Стоит ли всегда вместо пробела писать   или, действительно, только тогда, когда он должен быть неразрывным?
  
  
• 3) Посоветуйте статью, или что-то вроде того, где описываются ньюансы верстки.
  Например, что меню нужно верстать с помощью списков, а не дивами и тп.
  Где также описывается не синтаксический смысл html тегов, а семантический.
  Или книгу - правила хорошего кода, наподобие "Совершенного кода", для верстки.
  
  
• 4) Правильно ли адаптивить сначала с помощью бутстрап сетки, а затем с помощью медиа-запросов?
  
  
• 5) Фриланс: должен ли заказчик предоставлять к основному дизайну еще и адаптивные, или это уже моя работа? Или же имеют право на существование оба варианта? Если да, то должен ли я адаптивить под абсолютно любое пиксельное разрешение или же только под самые распространенные?
  

Благодарю.

Comments

[evnuh]

Разбейте всё на отдельные вопросы, иначе это не вопрос, а дискуссия

[Enniack]

Александр А: По каким-то конкретным кускам кода у меня нет вопросов.

[Enniack]

Рамзанка Дыров: Старался наоборот собрать все в один пост, чтобы не плодить их. Помоему, вопросы довольно точные. Не думаю, что возможна длительная дискуссия.

[evnuh]

Enniack: тем не менее, объединять вопросы - неправильно. У каждого вопроса должен быть свой заголовок конкретны, свои теги. Чтобы ответы на него были полезны не только вам, но и людям в поисковиках.

[Enniack]

Рамзанка Дыров: Понял, учту.

[Зелимхан Бельтоев]

Enniack: здесь только двумя тегами можно было ограничиться - HTML и CSS. Заказчики везде одинаковые, хоть фриланс, хоть постоянка, поэтому приписка "Фриланс" - ни о чём. Зря только ленту засоряете другим пользователям

Answer 1

[Дмитрий Королёв]

адаптивить

Есть простое слово "адаптировать". Не насилуйте язык.

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

2) только тогда

4) Если вы имеете ввиду расстановку классов под "с помощью бутстрап сетки", то, наверное, и да и нет. Потому что адаптация - это не только сетка. Это сплошные нюансы в расстановке блоков и элементов, в их размерах, в типографике и так далее.

5) Если хочет, чтобы была мобильная версия - должен однозначно. В противном случае, как говорится, претензии не принимаются.

должен ли я адаптивить под абсолютно любое пиксельное разрешение или же только под самые распространенные?

Это в корне неверный подход. Если вдруг случилось так, что вы а) верстаете не по принципу mobile-first, б) не имеете в наличии дизайна мобильных версий, в) должны кровь из носу всё сделать самостоятельно, то подход, на мой взгляд, должен быть следующим: постепенно уменьшаете экран (не забывая и про высоту тоже), что-то поехало или стало выглядеть плохо - вносим соответствующие стили для этого конкретного разрешения. И так до самого минимума.

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

Answer 2

[Павел]

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