Правильно ли сверстанный данный макет?

Question

[NewBeHere]

Доброго времени суток. Подготавливаю портфолио и сверстал макет, представленный ниже:
https://alex2033.github.io/Mofiz/index.html
Прошу указать на какие-либо грубые и не очень ошибки.
Достаточно ли подобный макет сложен, чтобы добавлять его в портфолио?
На данный момент есть проблема с отображением шапки страницы на IE11, не отображается слайдер+не выделяется никак текст, пока думаю

Comments

[Антон Спирин]

Форму меньше сделайте. Она огромная.

[NewBeHere]

Антон Спирин, хорошо, делал как на макете, однако, подобная мысль тоже посещала

Answer 1

[Максим Тимофеев]

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

Comments

[NewBeHere]

Ок, будет добавлено
Несколько человек высказались, что сетка bootstrap 4 "неповоротливое говно" и оценивать тут нечего. Я к тому, что стоит ли использовать, по крайне мере, для одностраничников сетку бутстрапа? Мне она за счет флексов показалось очень даже удобной

[Антон Спирин]

NewBeHere, это сетка bootstrap то, при всей ее гибкости и возможностях кастомизации "неповоротливая"? Видимо, у тех кто вам так сказал руки не из того места растут.

[NewBeHere]

Антон Спирин, меня это тоже слегка удивило. Как считаете, насколько целесообразно вообще использовать бутстрап при верстке тех же одностраничников или сайтов на 5-7 страниц? Те же люди, что так нелестно высказались о нем, посоветовали susy+flex. Вот думаю теперь

[Максим Тимофеев]

NewBeHere, если не весь, а необходимые его компоненты, то очень даже отлично

[NewBeHere]

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

[Максим Тимофеев]

Считаете, что подобное верстать не надо и лучше посложнее всегда находить?

нет, отличный шаблон. Кто сказал, что нужно сложно? Нужно хорошо. И иметь в портфолио просто разнообразную верстку. Так что этот берите обязательно и допиливайте еще. Сейчас популярно svg и canvas, допилите парочку с ними. И конечно же анимация в почете. По крайней мере конечники от нее тащатся.

[Антон Спирин]

NewBeHere, я считаю, что лучше пользоваться удобными и понятными для вас инструментами. Особенно когда нет объективных причин сменить проверенный инструмент на другой. С другой стороны если интересно что-то попробовать, то почему бы и нет.
Насчет целесообразности, тут все упирается во время и деньги. Одну и ту же работу можно сделать за несколько часов, а можно и за несколько дней. За выполненную работу вы получаете деньги. Можно использовать bootstrap и любой другой удобный инструмент и сэкономить время, заработав больше денег или потратив сэкономленное время на себя. Тут каждый сам выбирает.
Я работаю в больших проектах, в них огромные бюджеты, длинные сроки и высокие требования. Вся верстка обычно пишется с нуля. За исключением, может, ресета. Для маленького сайтика я бы, скорей всего, не стал тратить лишнее время. Тем более, что разницы конечный пользователь не заметит.

Насчет людей понятно, такое часто бывает, когда человек подхватывает хайповую(в случае с susy, хайповую в далеком-далеком прошлом) технологию и начинает нелестно отзываться о других технологиях.
Такие вещи как susy(как и большинство несостоявшихся супер удобных убийц старых проверенных инструментов) в большинстве своем не используются в корпоративной разработке, так как технологий сейчас очень много и скоро их, наверно, станет больше, чем самих специалистов. Компании же выбирают массовые и эффективные инструменты, потому что специалисты приходят и уходят, а код надо писать и поддерживать, специалистов которые знают экзотические технологии раз два и обчелся, а учить новичков экзотике накладно и проще от нее отказаться. Переходят на что-то новое, только когда есть объективные на то причины или когда это становится стандартом.
Думаю, совсем другое дело если ваша цель фриланс, тут уже можно выбирать экзотические решения. Главное чтобы у технологии был живой не маленький комьюнити и замотивированые контрибьютеры.
Для небольшого сайта я бы вместо использования susy написал свое решение на flex для легкой сетки и взял сетку bootstrap или аналог для сложной.
Уметь хорошо верстать без использования фреймвроков тоже очень хорошо. Стоит попробовать.

[NewBeHere]

Антон Спирин, большое спасибо, а разве делая собственную сетку на флексах не приду ли я к сетке бутстрапа?)

[Антон Спирин]

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

[NewBeHere]

Антон Спирин, выше вы сказали, что хорошо уметь верстать без использования фреймворков. Недавно верстал без сетки на флексах, однако, все равно не покидает чувство, что с сетками сделал бы куда быстрее. То ли уже привык к сеткам то ли так и есть. Все-таки, как я понимаю, нужно практиковать и с сетками и без, но стоит ли еще иногда верстать на float'ах, дабы не забывать и такой способ верстки? Тот же IE11 не всегда адекватно воспринимает flexbox

[Антон Спирин]

NewBeHere, когда есть flex позиционирование на float использовать бессмысленно, если конечно заказчик не убежден что ему обязательно надо IE8+. Все-таки это был большой костыль, ставший стандартом для верстки на года. Взять хотя бы clearfix.
По поводу ie11, он хорошо переносит flex, если его использовать правильно.
Если интересно научиться делать сетку на float, скачайте bootstrap 3 и посмотрите как там сделана сетка. Она очень правильная.

[Максим Тимофеев]

большое спасибо, а разве делая собственную сетку на флексах не приду ли я к сетке бутстрапа?)

скорее всего придете, но по дороге получите знания и опыт.