Подписка на блог

РСС JSON Feed

Заметки автоматически транслируются в Же-же. Если остались вопросы, напишите мне: info@daglex.ru

Как я переделал Мир

Не весь мир, конечно. Только свой — раздел «Мир», где лежат фотографии из поездок.

Когда я обновил блог, у меня на одном сайте оказались два разных дома. Блог — светлый, с аккуратным меню и красивыми шрифтами. А «Мир» так и остался в 2018 году: колонка слева, бледные ссылки, кнопки «Плюсануть» для давно закрытого Google+. Как будто из новой квартиры выходишь в подъезд, где ещё висит объявление про собрание жильцов десятилетней давности.

Так «Мир» выглядел до. Обратите внимание на кнопку «Плюсануть»: она пережила сам Google+.

Задача была простая: сделать, чтобы «Мир» выглядел как блог. Я посмотрел три варианта главной, выбрал самый спокойный и пошёл загружать файлы на сервер.

Первый блин

Сайт сразу сообщил мне важную новость.

Самая короткая рецензия на мою работу.

Оказалось, что при загрузке я заменил не восемь файлов, а всю папку темы целиком. Восемь новых файлов на месте, остальные сто тридцать ушли в неизвестность. Хорошо, что у меня была копия: вернул её за минуту. Мораль: перед любой переделкой копия папки — это не паранойя, а гигиена.

Со второй попытки сайт ожил. Правда, выглядел он так, будто его собирали в темноте:

«Это явно не то, что я ждал», — написал я тогда. И был прав.

Новые стили на сервер попали, но браузер и кэш упорно показывали мне вчерашний день. Кэш — это такая штука, которая ради скорости запоминает старую версию страницы и очень не хочет с ней расставаться. Пришлось научить сайт сообщать браузеру: «Я изменился, перечитай меня».

Как стало

Главная «Мира» теперь. То же меню, что в блоге, те же шрифты, четыре города в ряд.

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

Страница города

Раньше название города жило в узкой колонке и регулярно налезало на стрелку. «Санкт-Петербург» — слово длинное, ему было тесно.

Петербург пытается уместиться рядом со стрелкой. Не помещается.

Дальше было как в сказке про трёх медведей. Сделали галерею, чтобы помещалась в экран целиком, — получилась маленькая. Сделали на всю ширину — надо листать. Сделали средний вариант — «что-то не совсем то». Вернулись к крупному названию над фото — вот это в самый раз.

Название крупно, дата и количество фото рядом, соседние города под рукой.

Страны, случайный город и карта

Во второй строке меню появились страны: Россия, Грузия, Италия и другие. Список собирается сам и показывает шесть стран, где я был чаще всего. Ещё появился «Случайный город»: нажимаешь — и попадаешь в неожиданную поездку. Как лотерея, только всегда выигрышная.

А потом я захотел карту. Первая версия выглядела так:

Мир, оказывается, требует ключ. Причём повсюду.

Сервис карт, который мы выбрали, к этому моменту стал платным и вежливо сообщил об этом на каждом квадратике планеты. Перешли на OpenStreetMap, перекрасили её в спокойный серый, и вот:

Все мои 16 городов в 7 странах. Тбилиси — одна точка, хотя был там дважды.

Генеральная уборка

Пока возился с фото, решил узнать, почему сайт занимает на сервере больше трёх гигабайт. Нашёл папку, о которой давно забыл, а в ней — два архива по 936 мегабайт. Резервная копия сайта от 2018 года, которая к тому же не до конца записалась.

Почти два гигабайта воспоминаний. Как найти в кладовке коробку, которую не открывал восемь лет.

Удалил. Заодно облегчил фотографии: раньше каждый кадр в галерее весил под мегабайт, теперь около двухсот килобайт, а на глаз разницы никакой. Фото римской статуи с моих поездок похудело с мегабайта до 292 килобайт и выглядит так же величественно. Папка с фотографиями уменьшилась с 1,09 ГБ до 416 МБ, а на сервере стало свободно больше половины места.

Что я понял

Копия перед изменениями — лучшее, что можно сделать для своих нервов. Кэш врёт с честным лицом. А между «большим» и «маленьким» почти всегда есть «средний», который тоже не подходит, и это нормально: значит, ты наконец понял, чего хочешь.

Заходите в Мир, и на карту. Там теперь светло.

Подписаться на блог
Отправить
Поделиться
Твитнуть
Запинить