Начало верстки. Что не так и какие советы для улучшения?

Question

[lodbrock]

Добрый вечер, недавно начал знакомиться с версткой и для первого раза взял макет у HTML Academy. Хотелось бы узнать есть ли ошибки или недочеты, нужно ли что-то исправить? Слайдер пока сделал на CSS, просто для демонстрации. На данный момент возник вопрос касательно иконки около пункта "Корзина", как сделать ее тоже красного цвета при наведении.
CodePen

Answer 1

[tema_sun]

Корзину сделай svg, тогда цвет по ховеру менять можно будет на любой.
По верстке - поддерживать CSS с каскадом очень муторное дело. Попробуй переделать этот макет, например, по БЭМу.
Сейчас обсуждать особо нечего. Адаптива нет, методологии нет. Простенько, топориком на коленке.

Answer 2

[Shinso]

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

.user-navigation a {
    background: url(http://i102.fastpic.ru/big/2018/0827/e6/477b04b93dab55d5ff68721423e4a2e6.png)no-repeat left center;
}

Answer 3

[Александр Першин]

Вы в курсе участвуете или взяли этот макет с торрентов? Если участвуете, то наставник должен помочь со всеми вопросами. А если взяли макет с платного курса с торрентов, то его здесь неэтично обсуждать.

Comments

[tema_sun]

Почему? Какая разница на каком макете учиться? Совершенно же типовая картинка.

[Koreetz Koreetz]

Да потому что этот макет сделан в HtmtlAcademy и как тут совершенно верно сказали у них проводится интенсив - покупай его и у тебя будет наставник и лекции у них крайне добротные! а потом вот такие приходят на собеседование на работу - хочу зарплату огромную а знаний нет нихрена

[hckn]

Неэтично обсуждать это конечно лол. Так и дал по 3балу

[hckn]

Koreetz Koreetz, HtmtlAcademy и знания вещи совершенно не коррелирующие. Дно полное.

[Koreetz Koreetz]

hckn, а ты наверное все курсы да в академии прошел?

[hckn]

Koreetz Koreetz, нет конечно. Что я дурак совсем? На кой черт мне это дерьмо нужно. Да еще и по хтмл/цсс.

[Koreetz Koreetz]

hckn, ну да ну да папка пришел и всем все объяснил!

[Александр Першин]

hckn, о, сверхмозг в ветке!

Answer 4

[Koreetz Koreetz]

Ха ха кто то решил скопировать сайт по ходу с торрента - или проходит без наставника хотя (учитывая что nerds самый легкий из проектов) то уровень конечно странный у того кто этот вопрос задал!
Ответ прост SVG - иконку при наведении(hover) ты можешь изменить цвет заливки fill
А пошел бы на курс то на 3 лекции объясняют что такое SVG - и как его есть))))

Comments

[hckn]

Зачем для того чтобы узнать про свойство fill надо смотреть 3 часа лекции кого-то аутиста булькающего себе под нос? Такое ощущение что выпускники этих курсов это какие-то деформированные личности. Вроде секты для аутистов.

[Koreetz Koreetz]

hckn, ОО да ты супер умный - ну так иди объясни чуваку который задает такие вопросы как правильно сделать то что он спросил!

[lodbrock]

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

[Koreetz Koreetz]

lodbrock, гениальный конечно у вас метод обучения! всего Вам хорошего - да кстати Александр Першин основатель HtmlAcademy))

[tema_sun]

Koreetz Koreetz, нормальный метод. Чувак хочет учиться сам и делает это. Он постарался и сделал что-то, а не попросил сделать за него.
По-вашему только на курсах что ли учиться можно?

[Koreetz Koreetz]

tema_sun, с такими вопросами быстро конечно обучиться) и главное крайне эффективно)

[tema_sun]

Koreetz Koreetz, автор не спрашивал про эффективность и скорость обучения. Вопросы он задал совершенно нормальные и адекватные для начинающего. Не понимаю причиную вашего сарказма. Разве что вы как-то аффилированы с HTML Academy, в таком случае рекламы вы ей сейчас не делаете.

Единтсвенный адекватный ответ от представителя Академии на такие вопросы был бы из серии: "Нужно сделать так и так. А вообще у нас на курсе дофига всего интересного. Приходи к нам, вот тебе промо-код", а не строить из себя непонятно что и рассуждать об этике верстки скриншота из видео.

[Александр Першин]

tema_sun, ну должна же быть какая-то культура в сообществе? Взял платный макет неважно откуда (с торрентов, заскриншотил) - так не обсуждай его публично.

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