An open API service indexing awesome lists of open source software.

https://github.com/gvozdenkov/localz-magazine

Study landing page. HTML + CSS + JS menu / gallery
https://github.com/gvozdenkov/localz-magazine

Last synced: over 1 year ago
JSON representation

Study landing page. HTML + CSS + JS menu / gallery

Awesome Lists containing this project

README

          

# Лендинг LOCAL-Z. Описание

Привет! Перед вами диджитал-журнал о современных трендах. Вот его макет:

https://www.figma.com/file/asA73o0U1fNXWjxCF4dNEM/Local-z-landing?node-id=1%3A51/

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

### Задание

Требуется исправить:

- ошибки в разметке(в частности в использовании БЭМ)
- расхождения с макетом
- ошибки в адаптиве
- некорректную работу скрипта

---

[Сайт на GitHub Pages](https://gvozdenkov.github.io/localz_magazine)

# Что не сделано!

- Застопорился на меню. Реализовал базовую версию для десктопа + мобилка
- Не получилось сделать выплывающее сверху меню при скролле вниз
- Кривовато реализовал прокрутку галереи, скорее всего нужно рефакторить.
([интересная статья](https://www.aleksandrhovhannisyan.com/blog/image-carousel-tutorial/) про подобную галерею)
- [Оптимизация всех скролов](https://doka.guide/js/throttle/) - прогресс-бара галереи и в перспективе выпливающего сверху меню.
- Прогресс бар галереи работает только от кнопок <- ->. Не работает при скроле тачем или мышкой