Конструкторское бюро Золотухина

Создание информационных систем управления для органов государственной власти из Красноярска

  • Тел.: +7 (923) 354-02-48
  • E-mail: demidzolotukhin@yandex.ru

Фронтенд для Библиотечного портала

Задача:

Разработать фронтенд для новой версии поратала «Библиотеки Восточного административного округа» по заказу от Государственногое бюджетного учреждения культуры города Москвы «Централизованная библиотечная система Восточного административного округа».

Библиотечная система Восточного административного округа». Библиотеки являются культурными центрами не только для жителей своих районов, но и для всех жителей Москвы. Ежегодно библиотеки ВАО фиксируют более 2 000 000 посещений из них вне стационара более 80 000.

Результаты:

Отличный оптимизированый HTML/CSS/JS код благодаря которому вы видите сайт на экранах мониторов компьютеров, планшетов и смартфонов. Фильтры, Интерактивная карта и конечно быстрая загрузка и переход по разделам.

В данный момент профессионалы технлогий Python/Django делают систему администирования и уже в ближайшее время сообщим о торжественном запуске

Разработка:

Как я много раз уже повторялся и это будет происходить еще много раз пока я не уйду окончательно в артисты балета — Фреймворк Bootstrap3 лучшая библиотека для создания фронтенда который имеет автоматическую перекомпоновку под экраны мобильных устройств.

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

Быстрая отладка под iOS устройства стала возможно благодаря моему другу Русе Усольцеву, фанату Apple, который любезно одолжил мне свой iPad. Выяснилось что :before элемент в Safari воспринимается как полноценный первый элемент ленты flexbox — поэтому надо прописать дополнительный display:none.

Сделана карта с в цветовой гамме сайта с меню и выбором библиотек по клику на карточке библиотек. Фокусировка карты и масштаб относительно крайних объектов-пунктов. Перемещение на выбранный пункт-библиотеку