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
- Host: GitHub
- URL: https://github.com/gvozdenkov/localz-magazine
- Owner: gvozdenkov
- Created: 2022-11-23T13:25:14.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-23T13:29:14.000Z (over 3 years ago)
- Last Synced: 2025-01-05T12:42:34.385Z (over 1 year ago)
- Language: CSS
- Size: 3.74 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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/) - прогресс-бара галереи и в перспективе выпливающего сверху меню.
- Прогресс бар галереи работает только от кнопок <- ->. Не работает при скроле тачем или мышкой