Работа с API Яндекс.Карты — доступность транспорта Иркутска

Наконец-то реализовала небольшой проект для Федора, активиста по организации городского пространства в Иркутске. Он хотел проанализировать доступность остановок общественного транспорта для всех районов города.

Ему нужна была карта, где все остановки отображены в виде окружностей заданного диаметра. Диаметр должен был показать дальность расположения остановок по ГОСТу. Количество остановок — более шестисот. С этой задачей он обратился ко мне.

Для реализации я выбрала Яндекс.Карты, API которого более чем подходит для этой цели.

Чтобы сгененировать карту, нужно было в обработчик, помещенный в клиентской части сайта выставить нужные параметры, и передать определенным образом сгенерированный файл json с данными точек — координатами, формой отображения, и пр. Обработчик в соответствии с API был написан на JavaScript, а вот сгененировать json я решила на любимом Python.

Заказчик предоставил csv-файл с данными всех остановок, этот файл скриптом на Пайтоне обрабатывался, и все сгенерированные данные записывались в json.

Таким образом, получилась карта, на которой можно наглядно понять, какие районы Иркутска доступны для общественного транспорта, а в каких с этим проблема.

Федор проанализировал ситуацию, и разместил пост у себя в блоге.

Обновление моего проекта на Django

До того мне захотелось поработать немного на Python/Django, что я решила освежить свой старый проект — планировщик задач. Давно он у меня лежал в закромах, с тех самых пор, когда я занималась исключительно бэкэндом. Из-за этого внешний вид был у него очень слабенький.
Теперь же бизнес-логику я трогать не стала, а поработала исключительно над внешней составляющей. Отчего-то я не сохранила вариант «как было», но это небо и земля, честное слово.
«Пощупать» проект можно по ссылке http://vdomike.pythonanywhere.com/

фото с WordCamp 2018

WordCamp Moscow 2018 — мои впечатления

В прошедшую субботу побывала на WordCamp Moscow 2018, конференции по WordPress. Захотелось мне узнать, что сейчас в этой среде происходит, какие темы волнуют людей сопричастных, какие радости, какие заботы.
Сходила, узнала, неплохо провела время.

Темы волнуют общественность разные. Извечные — как фрилансерам и студиям сделать так, чтобы и самим хорошо было, и клиентам нравилось. Суперактуальные — про новый редактор Gutenberg, например. С выходом версии 5.0 WordPress, он будет основным, классический останется только в виде плагина. Подход совсем другой, что делать, как к этому подготовиться, этим вопросам был посвящен не один доклад.

Пара докладов была посвящена технологиям, позволяющим пользователям все быстрее и быстрее получать доступ к интернет-ресурсам, вне зависимости от внешних условий. Такое сейчас время, все происходит очень быстро, а мы не хотим ждать. В частности, были рассмотрены технологии AMP (Accelerated Mobile Pages) и PWA (Progressive Web App, идеология, а не технология, как несколько раз подчеркнул докладчик). Это не чисто вордпрессовская тематика, само собой, но, понятно, что WordPress должен справляться со всеми современными требованиями к работе веб-приложений.
Была пара полезных для меня, фрилансера, докладов, пара смешных.

Жаль, не смогла приехать на второй день, Contributor day, который впервые проводился в этом году. На нем были мастер-классы по участию в разработке ядра, по созданию лендинга. Одно из их направлений, по переводу тем и плагинов мне очень интересно.

Организаторы — молодцы, ни одной накладки. Место проведения, центр Digital October — отличное.

Меню в окончательом виде

Адаптивное меню — немного FlexBox, немного JavaScript

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

Модальное окно на чистом CSS — как сверстать

Всем привет!
Сегодня мы с вами продолжим погружаться в невероятные возможности CSS3. Посмотрим, как можно сделать модальное окно на чистом CSS, не используя ни капельки JavaScript. На всякий случай поясню, что модальное окно — это такое всплывающее окно на сайте, которое настойчиво появляется в какой-то момент, блокируя работу сайта до тех пор, пока не закроешь его. Оно может иметь рекламное назначение, призыв к какому-либо действию на сайте, может содержать форму регистрации, или опрос, и так далее. Кто во что горазд.
Дальше

  • 1
  • 2