Верстка. Я в замешательстве. Как поступить?

Question

[Дмитрий Головач]

Всем привет!
Ребята я в замешательстве. Не знаю что делать, полная каша в голове.
У меня задача стоит, сделать сайт. На бумаге его накидал и приступил в бой.
Для себя я понял. Что раньше была табличная верстка а потом все перешли на блочную.
Большая часть информации по блочной верстке в инете, как это сказать не достоверная.
Везде пишут что div id, а надо что бы было div class.
Суть вопроса.
Блочная верстка, медиа запросы и флекс бокс?
Как мне начать писать адаптивные сайты?
Когда я нашел пример блочной верстки и посмотрел на флекс бокс, у меня разбежались глаза.

Answer 1

[Егор Живагин]

Просто пиши div class='' вместо id, везде, где не используются якоря. Пока что этого хватит.

Сначала просто разберись с блочной вёрсткой, не думай о флексах и адаптиве. Просто. Начни. Верстать! ) А дальше по всем возникающим вопросам - в гугл. Способ проверенный временем

Comments

[Yevgeniy Kisselyov]

Просто пиши div class='' вместо id, везде, где не используются якоря.

В чем фишка?

[Егор Живагин]

Yevgeniy Kisselyov: чтоб долго не печатать, вот frontender.info/when-using-ids-can-be-a-pain-in-th...
Достатоно минусов. А если ещё и какой-нибудь БЭМ юзать - вообще весело будет

[Yevgeniy Kisselyov]

Егор Живагин: id У id и class просто разные задачи по сути. А смешивать id со стилями это зло согласен.

Answer 2

[Сергей delphinpro]

Дмитрий, не надо пытаться объять сразу всё. Не получится. Будет как раз то, что у вас - каша.
Делайте сайт применяя те знания, которые у вас есть. Главное, как уже сказали, начать. По мере набора опыта вы станете понимать, где вы делаете неправильно, и какие пробелы в знаниях вам нужно восполнить. Ни в одной профессии нельзя обойти этап обучения, как теоретический, так и практический.

Answer 3

[Олег]

Вам сюда, 290 рублей и неделя свободного времени и все станет на свои места.

Answer 4

[iBird Rose]

на ютубе забанили? по любому запросу про верстку - куча видосов адаптивной и современной верстки

Comments

[Ярослав Иванов]

Да тут половину тех, кто задает вопросы в гугле забанили) не исключено.

Answer 5

[Андрей]

Использовать готовый Framework Bootstrap или UIkit. Bootstrap поддерживает IE8 и выше, UIkit IE9 и выше. "Чистый" Flex требует тщательного изучения, в большинстве современных браузерах, на данный момент, только частичная поддержка Flex Can I Use Flex.

UPD: Даже используя готовый фреймворка, нужно знать основы и как минимум блочную верстку.

Comments

[Yevgeniy Kisselyov]

Поддержу, bootstrap поможет быстро отойти от табличной верстки, а со временем в нём покопавшись можно понять и сами основы.

[Андрей]

Yevgeniy Kisselyov: Полость согласен. Можно и нужно копаться во внутренностях Bootstrap, для более глубокого понимания.