Cайт на оценку. Как реализовать отдельные счетчики для каждого блока?

Question

[flare0n]

Здравствуйте! Пишу дипломную работу и вроде бы все ок, но требуется критика с вашей стороны. Может я где-то наговнокодил?
Использовал SASS, Jquery, Slick-Slider, JavaScript, bootstrap-grid. БЭМ-методологию.
Адаптив пока не готов, минимальное допустимое разрешение - 1200, дальше - страшно.

https://flareonn.github.io/

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

Функционал для множества кнопок не прописан. Картинки в основном все в формате png, что очень плохо. Однако я не могу выгружать их в svg/jpg, из-за того, что те имеют альфа-каналы. Даже не знаю, как с этим бороться.

Ругайте меня сильно, но только чтобы я понял весь порыв информации от вас :)
Стаж в верстке - месяц.

Comments

[Дмитрий]

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

[flare0n]

dimoff66, Хорошо, сейчас сделаю.

[Uber Noob]

Согласен, не качать же архив....

[flare0n]

Uber Noob, dimoff66, Исправил

[Ankhena]

flare0n, имелись в виду github pages, чтобы не надо было ничего скачивать, а можно было смотреть прямо в браузере.

[flare0n]

Ankhena, а это как?

[Ankhena]

flare0n, https://pages.github.com/

[Сергей Горячев]

dimoff66, советчик блин, конкретизируй гитхаб)))
Ankhena, наконец-то хоть кто-то)

[flare0n]

Ankhena, и как сделать? В гитхабе не разбираюсь почти. Документацией не пихайте, ничего от туда не пойму.

[Ankhena]

flare0n, Ситуация патовая.

Документацией не пихайте, ничего от туда не пойму.

Значит, будете всегда рассылать сайты в архивах. Наверное, только друзьям.

Я готова помогать новичкам и смотреть их код и писать ревью. Отвечать на вопросы о непонятных или спорных местах документации тоже готова. Но не качать архивы или пересказывать содержимое ссылок.
Возможно существуют более добрые и терпеливые люди.

[flare0n]

Ankhena, Я менял название репозитория на github.project.io и остальные возможные вариации - впустую. Открывается 404 страница.

[Ankhena]

flare0n, название репозитория должно быть в виде «username.github.io», где username — имя вашего аккаунта на Гитхабе.

[flare0n]

Ankhena, https://flareonn.github.io/

[Ankhena]

flare0n, Успех :)

1. Ошибки валидатора https://validator.w3.org/nu/
2. При нажатии на любой плюсик в карточках товара, значение меняется в первой.
3. Не правильно подключены шрифты. Для более или менее современных браузеров нужны форматы woff2 и woff. С другой стороны, судя по префиксам вы собрались поддерживать что-то древнее, тогда нужны и остальные форматы. Короче, определитесь с версиями поддерживаемых браузеров (это касается не только шрифтов).
Шрифты разной жирности подключаются с одинаковым названием "Gotham Pro", жирность и курсив указываются в параметрах к соответствующим файлам.
Хорошо бы указывать запасной веб-безопасный шрифт, а не только семейство.
4. Плохое название для класса text_red, если дизайнер передумает и попросит перекрасить красненькое в синенькое, будете классы переписывать?
5. Очень странные затеи дизайнера в letter-spacing
6. "Посмотреть фотографии букета" выглядит как ссылка, но ею не является. И в других местах тоже.
7. feedback__icon это не контентные изображения, а украшения. И почему они feedback?
8. Кнопки с выбором цвета делать через nth-child не разумно, не удобно в обслуживании при добавлении цвета или изменении порядка, а также передачи данных о цвете.
9. Зачем использовать бутстрап, если не делать адаптивность?
10.

Картинки в основном все в формате png

Не надо с этим бороться, png прекрасно подходит для картинок с прозрачностью.
Для развития нужно изучить формат webp и тег picture.

Хватит пока.

Как сделать счетчики для каждого отдельно и возможно-ли обойтись без копирования кучи кода?

Использовать $(this) и родственные связи prev, next, parent и т.д. jquery.page2page.ru/index.php5/%D0%A0%D0%B0%D0%B1%...

[flare0n]

Ankhena, Можно подробнее про шрифты, статейку какую-нибудь, что-ли?

[Ankhena]

flare0n, https://htmlacademy.ru/shorts/14

[flare0n]

Ankhena, https://codepen.io/flareonn/pen/yQRpeJ
Объясните пожалуйста, как реализовать самостоятельные поля ввода для каждого блока? Для примера поле закрашивается черным цветом.

[Ankhena]

flare0n,
id не могут дублироваться
значит предыдущий элемент нужно искать по классу или тегу
https://codepen.io/anon/pen/EOdRPO

Answer 1

[Stimulate]

Оценивать особо нечего, но сама концепция дизайна слишком темная для магазина цветов.

Comments

[Сергей Горячев]

Подойдет для распродажи цветов в ритуальном агентстве :)