Приложение Маяки Эстонии

Коничива, уважаемый!

За время вашего отсутствия мы тут вон чего понаписали:

17 Августа

Буквально только что получил мэйл от Гугла, пропитанный кэшем и шампанским "Кристал" с эстонскими акцизами. Не могу не поделиться радостью:

Уже начал задумываться, на что потратить эти деньги: бэха-кабриолет или поездка в Вегас? Кстати, да, за прошлый месяц этот сайт заработал (а речь именно об этих доходах) 2.06 евро, а за всё время (с января 2017) - 39,69 евро. Короче, Форбс, готовь для меня строчку в своих списках, но не спеши, в этой жизни она мне точно не пригодится.

А вообще, на прошлой неделе зачем-то полез в уже давно забытый мною браузер Internet Explorer и обнаружил, что сайт там не работает. Оно логично, ведь пользователи этого браузера прокляты по определению. Учитывая, что в движке я ковыряюсь пару раз в год, не работает сайт на IE уже около года. Пару дней искал причину, оказалось, она в скрипте, добавляющем навигацию по постам. Выпилил его нафиг ну и вообще немного порефакторил. В частности перенёс несколько манипуляций с DOM в бэкенд. Сайт старый, менялся неоднократно и требования к разметке внутри постов менялись тоже. Чтобы приводить всё к одному знаменателю, приходилось менять HTML (например, текст вставки картинок) на лету при выводе. Раньше делал это через JQuery, работало глючно и медленно. В какой-то момент понадобился вменяемый HTML-парсер на PHP и пришлось его искать. Зато теперь большинство таких мелких манипуляций можно переложить на него и работать это будет лучше и быстрее. Так что ещё один шажок к светлому будущему совершён. А, ещё ссылку на свой Инстаграм в шапку добавил.

29 Июня

Когда я писал про маяк Верги, то удивлялся, что он классифицируется не как tuletorn, а как tulepaak. Когда были на Кери, спросил у тамошнего капитана/смотрителя в чём разница. Он заглянул в справочник и сказал, в чём именно разница между ними и уже потом дома с этой информацией я погуглил и, наконец, нашёл что же такое tulepaak. Это светящий знак и, в отличие от маяка, его свет виден менее, чем за 10 миль.

Вообще, тема местных маяков сильно увлекла меня. Я уже спланировал поездки во время скорого отпуска, прикупил литературы. Кроме того, я добавил исторические данные во все свои посты по маякам, кроме маяка Пакри. К нему я ещё поеду, хочу внутри побывать. Тогда и опишу всё.

Все посты о маяках на этом сайте доступны по тэгу "маяки Эстонии". Кроме того, я подзаморочился и сделал специальную страницу со списком маяков и светящих знаков. Делал для себя, но получилось недурно, так что можно и обнародовать. Я её ещё допилю, но чуть позже. Что там есть на данный момент: список действующих и недействующих маяков, а также некоторые тулепааки, которые планирую посетить в ближайшее время. Для всех объектов есть ссылка на место на карте, ссылки и фотографии (если имеются). Может, пригодиться кому.

18 Апреля

В последние дни много шумихи из-за блокировки в России мессенджера Telegram. Помимо того, что сама-то блокировка делается нелюдями без рук, мозгов и соответствующих знаний, так ещё и причина вопиющая: разработчики отказались предоставить лазейки для ФСБ. Несколько лет назад я думал, что у нас полицейское государство. Сейчас я совершенно уверен, что у нас всё более-менее неплохо, особенно, если учесть последний закон о пользовательских данных. Что до России, тут очевидно, что движется она туда же, куда и Северная Корея: блокировка неподконтрольных/неугодных сервисов, уголовное наказание за репост, штраф за недолайк.

Вернёмся к Telegram'у. Я им никогда не пользовался, но из-за всей этой шумихи решил хоть одним глазком посмотреть. Оказалось, он действительно сильно отличается от других мессенджеров. Мне чем-то напомнило mIRC с его каналами. Но главная фишка - механизм ботов и общая направленность на автоматизацию. Помню, несколько лет назад Фейсбук был для меня главным источником новостей всех моих, никак между собой не связанных, хобби. Потом всё поросло рекламой и я отказался от такого получения новостей. Нынешний Telegram - это по сути то, что я хотел от Фейсбука тогда.

Интереса ради, решил и сам попробовать. На то, чтобы организовать публикацию новостей с сайта в канал Telegram, у меня ушло менее часа. Ещё несколько на то, чтобы "причесать" сами новости, удалить неподдерживаемые теги и т.д. Поэкспериментировав, остановился на варианте, когда каждый абзац новости постится отдельно, плюс в конце добавляется ссылка на новость на сайте. Мне самому нравится. Так что, если вы пользуетесь Telegram - милости просим к нам на канал.

26 Марта

Будем уведомлять

На прошлой неделе достаточно много времени потратил на этот сайт: заменил иконочный шрифт, изменил стиль превьюшек в галерее, сделал несколько мелких правок. Также усиленно тестировал новую фичу, которая начинает работать - окно уведомлений. Оно показывает новые посты со времени вашего последнего визита. Штука эта носит вспомогательный характер, поэтому я старался сделать её ненавязчивой. Это вылилось в такие ограничения:

  • окно показывается один раз на любой странице, вызвать его повторно нельзя
  • окно не показывается, если вы были на сайте позавчера или позже (новостей за такой срок одна-две, их и так сразу видно)
  • окно также не показывается, если вы не заходили на сайт более 20 дней (чтобы не показывать слишком много новостей)
  • максимум выводится 20 новостей (более старые отсекаются)

Надеюсь, будет удобно.

1 Февраля

Архивные редкости

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

Экскурс в историю я начну с того, что данный вариант внешнего вида - третий полный редизайн, учитывая, что второй так и не вышел. Первая версия выглядела так:

Его меню было настолько удачным, что нравилось не только нам с Дмитрием, но и большинству наших знакомых. Разрабатывая новый дизайн, я ни секунды не сомневался, что меню надо переносить с минимальными изменениями. Так и получилось, только сами фонарики (а по задумке это именно азиатские фонарики) пришлось перерисовать.

Замечательным меню было своей медитативностью. Фонарики плавно покачивались, размахивая хвостиками и смотреть на это можно было часами. Так как сделано меню было на Flash, не было никаких проблем анимировать его. Вдобавок, я добавил звук при появлении фонариков (они выпадали сверху) и эффект их свечения, который активизировался в тёмное время суток.

Устроившись работать программистом в конце 2012, я узнал много нового. В частности об адаптивной вёрстке и том, что дни технологии Flash сочтены. Я переработал сайт, перевёл на новый движок и полностью переверстал. Идею верхнего меню я взял с одного из строительных магазинов, где в разделе обоев весь товар был в рулончиках, которые разматывались при наведении мышкой. Я заменил рулончики на свитки.

В плане вёрстки код был ужасен, ибо я только учился адаптивности. Фактически, на хедере сайта было три отдельных меню, два из которых постоянно скрывались. Примерно тогда же я подключил Google Analytics. Через пару лет "всплыло", что пользователи совсем не пользуются верхним меню. Не удивительно, учитывая, что текст на самом манускрипте был на японском и только стандартный системный tooltip пояснял на русском, что же это за ссылка. Я перерисовал меню, заменив кандзи на иконки и русский текст.

Это меню нравилось мне меньше предыдущего и с чувством выполненного долга я с радостью позабыл о нём. Через пару лет (в конце 2017-го) я снова взглянул на статистику и увидел, что "полезного выхлопа" от меню как не было, так и нет. На него кликали 1-2 раза в сутки при 200+ посетителей. Стало совершенно очевидно, что нужно делать его простым и понятным. Обычные текстовые ссылки - самое то. Так как дизайнером я никогда не был, а сроки поджимали, я изваял такое непотребство:

Этот вариант меня очень раздражал, благо провисел он полтора месяца. 2018-й год сайт начал с нового дизайнерского меню. Впрочем я до сих пор не оставляю мысль реализовать старое меню новыми технологиями. Пока меня больше останавливает его спорное юзабилити, чем техническая реализация.

Цитировать
в комментарии