{ "version": "https:\/\/jsonfeed.org\/version\/1.1", "title": "Блог Shamil Kh.: заметки с тегом дизайн", "_rss_description": "Блог Shamil Kh. о личных наблюдениях, опыте и жизни в целом", "_rss_language": "ru", "_itunes_email": "info@daglex.ru", "_itunes_categories_xml": "", "_itunes_image": "https:\/\/daglex.ru\/blog\/pictures\/userpic\/userpic-square@2x.jpg?1793803727", "_itunes_explicit": "no", "home_page_url": "https:\/\/daglex.ru\/blog\/tags\/dizayn\/", "feed_url": "https:\/\/daglex.ru\/blog\/tags\/dizayn\/json\/", "icon": "https:\/\/daglex.ru\/blog\/pictures\/userpic\/userpic@2x.jpg?1793803727", "authors": [ { "name": "daglex", "url": "https:\/\/daglex.ru\/blog\/", "avatar": "https:\/\/daglex.ru\/blog\/pictures\/userpic\/userpic@2x.jpg?1793803727" } ], "items": [ { "id": "228", "url": "https:\/\/daglex.ru\/blog\/all\/kak-ya-peredelal-mir\/", "title": "Как я переделал Мир", "content_html": "

Не весь мир, конечно. Только свой — раздел «Мир<\/u>»<\/a>, где лежат фотографии из поездок.<\/p>\n

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

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

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

Первый блин<\/h2>\n

Сайт сразу сообщил мне важную новость.<\/p>\n

\n\"\"\n
Самая короткая рецензия на мою работу.<\/div>\n<\/div>\n

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

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

\n\"\"\n
«Это явно не то, что я ждал», — написал я тогда. И был прав.<\/div>\n<\/div>\n

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

Как стало<\/h2>\n
\n\"\"\n
Главная «Мира» теперь. То же меню, что в блоге, те же шрифты, четыре города в ряд.<\/div>\n<\/div>\n

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

Страница города<\/h2>\n

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

\n\"\"\n
Петербург пытается уместиться рядом со стрелкой. Не помещается.<\/div>\n<\/div>\n

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

\n\"\"\n
Название крупно, дата и количество фото рядом, соседние города под рукой.<\/div>\n<\/div>\n

Страны, случайный город и карта<\/h2>\n

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

А потом я захотел карту. Первая версия выглядела так:<\/p>\n

\n\"\"\n
Мир, оказывается, требует ключ. Причём повсюду.<\/div>\n<\/div>\n

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

\n\"\"\n
Все мои 16 городов в 7 странах. Тбилиси — одна точка, хотя был там дважды.<\/div>\n<\/div>\n

Генеральная уборка<\/h2>\n

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

\n\"\"\n
Почти два гигабайта воспоминаний. Как найти в кладовке коробку, которую не открывал восемь лет.<\/div>\n<\/div>\n

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

Что я понял<\/h2>\n

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

Заходите в Мир<\/a>, и на карту<\/a>. Там теперь светло.<\/p>\n", "summary": "Как я переделал проект Мир", "date_published": "2026-11-07T14:43:12+03:00", "date_modified": "2026-11-08T17:50:40+03:00", "tags": [ "дизайн", "проект", "сайт" ], "image": "https:\/\/daglex.ru\/blog\/pictures\/01-tak-bylo.jpg", "_date_published_rfc2822": "Sat, 07 Nov 2026 14:43:12 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "228", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [], "og_images": [ "https:\/\/daglex.ru\/blog\/pictures\/01-tak-bylo.jpg", "https:\/\/daglex.ru\/blog\/pictures\/02-kriticheskaya-oshibka.jpg", "https:\/\/daglex.ru\/blog\/pictures\/03-sovsem-ne-to.jpg", "https:\/\/daglex.ru\/blog\/pictures\/04-tak-stalo.jpg", "https:\/\/daglex.ru\/blog\/pictures\/05-gorod-bylo.jpg", "https:\/\/daglex.ru\/blog\/pictures\/06-gorod-stalo.jpg", "https:\/\/daglex.ru\/blog\/pictures\/08-api-key-required.jpg", "https:\/\/daglex.ru\/blog\/pictures\/09-karta.jpg", "https:\/\/daglex.ru\/blog\/pictures\/07-gigabajty.jpg" ] } }, { "id": "227", "url": "https:\/\/daglex.ru\/blog\/all\/hotel-pomenyat-kartinku-a-pochinil-pochtu\/", "title": "Хотел поменять картинку, а починил почту", "content_html": "

Всё началось с простой мысли: главная картинка на daglex.ru<\/a> мне надоела, хотелось что-то своё, про то, что написано в тексте «о себе». За два вечера замена одной картинки превратилась в большую уборку: новая шапка, единый стиль, переделанная форма вопросов, порядок на сервере и, самое неожиданное, починенная почта, которая годами работала через раз.
\nРасскажу по порядку, что и зачем поменялось.<\/p>\n

Новая шапка: от очевидного к вопросу<\/h2>\n

Раньше в шапке стояла фотография: красивая, но не про меня. И текст на ней читался не везде одинаково хорошо.<\/p>\n

\n\"\"\n<\/div>\n

В тексте «о себе» я пишу, что мне интересно всё между очевидным и непонятным и что интересный вопрос лучше банального ответа. Это и стало идеей новой картинки. Слева ровная золотая линия с делениями, как у линейки, на фоне аккуратной сетки: это очевидное. Потом линия делает петлю, уходит в звёздное «непонятное» и становится вопросительным знаком. А точка под ним нарисована как диафрагма объектива, в честь фотографии.<\/p>\n

\n\"\"\n<\/div>\n

Картинка сделана в формате SVG, поэтому остаётся чёткой на любом экране и весит всего 40 Кб вместо 355 Кб у старой фотографии. Композиция сдвинута вправо, чтобы линия не пересекала текст. На телефонах, где для неё нет места, показывается спокойный звёздный фон без вопросительного знака.<\/p>\n

Единый стиль: золото вместо синего<\/h2>\n

Новая шапка задала тон: тёплый графит и золотая линия. А остальная страница жила в старой гамме с ярко-синими кнопками и ссылками, и они спорили с картинкой. Поэтому я прошёлся по всей главной:<\/p>\n