С этого момента сайт ivanvetoshkin.me официально открыт. Старый сайт — iaveto.ru — несколько месяцев будет перенаправлять сюда, а потом тихо уйдёт в небытие, не попрощавшись, оставшись только в архиве интернета.

Домен я поменял потому, что в апреле 2016, когда регистрировал iaveto.ru, совершенно не думал о том, почему сайт должен называться именно так. У меня было (и есть), среди прочих, два почтовых адреса: один начинался на iavetoshkin, другой — на iaveto. Мне хватило ума выбрать вариант покороче, но выйти за рамки имеющихся в арсенале слов и понять, что буква А в обоих вариантах ничего не значит, и надо придумать что-то более очевидное — не хватило. Теперь всё очевидно: как слышится, так и пишется. Название сайта теперь самодостаточно.

Доменную зону .me я выбрал потому, что мне нравится считать себя человеком мира, а не жителем конкретной страны. Несмотря на то, что формально .me — это доменная зона Черногории, засунуть на неё личный сайт можно по двум разным причинам, а .ru — только по одной. Разнообразие. (А ещё, согласно результатам тестов хостера BunnyCDN, сайты с доменами в зоне .me грузятся в среднем на 100 мс быстрее, чем сайты с доменами в зоне .ru, причём содержимое этих сайтов не имеет к этому никакого отношения. Но об этом я узнал уже после регистрации домена.)

Ещё поменялся дизайн. Несколько идей я взял у дизайнера Ильи Бирмана, потому что они мне понравились. Ещё несколько идей я взял у британского разработчика Джереми Кита, потому что они мне понравились. Остальное я взял со своего старого сайта, потому что в 2016 году мне, опять же, хватило ума внедрить что-то, что через четыре года всё ещё мне нравится.

Но, раз уж переделке сайта посвящён целый отдельный пост, опишу конкретно, что там поменялось такого важного.

Посты разных типов

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

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

Для каждого типа поста есть свой RSS-фид, так что можно собрать себе в читалке собственный блог Ивана Ветошкина, если надо. Подробнее — в обновлённом посте про RSS.

Всё в одном месте

Этот сайт — веб-дом (нормально перевести английское online home у меня не получилось), и в нём должно быть всё — весь контент, который производит хозяин, должен лежать в одной кладовке, а если изначально он там не лежит — туда должны стекаться его резервные копии. Поэтому теперь все (или практически все) посты, которые я раньше писал в телеграм-канале, фейсбуке, твиттере (если слово «пост» вообще применимо по отношению к твиттеру) и инстаграме, теперь будут лежать и здесь тоже. Если вы подписаны на меня в нескольких соцсетях — можете смело отписываться и подписываться здесь по RSS.

Ещё раньше у меня был отдельный сайт «Как есть», куда я время от времени писал отстранённые зарисовки (формат честно украден тогда, в 2016, у Ивана Сурвилло, который, в свою очередь, так же честно украл его у Сергея Короля). Теперь все эти зарисовки переехали в отдельную кладовку веб-дома, которая так и называется — «Зарисовки».

Здесь уже есть то, чего на старом сайте нет: почитайте ленту блога.

Список постов на одной странице

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

На моей странице со всеми постами нет цитат и ссылок, потому что с вероятностью 99% цитаты и то, что открывается по ссылкам, придумано не мной. Фото, заметки на полях и зарисовки помечены лейблами, потому что у них есть ярко выраженная жанровая принадлежность. У всего остального жанровой принадлежности нет и в помине.

Главная страница

Раньше на главной сайта висело моё лицо в разных вариациях с парой капель текста, чтоб можно было куда-нибудь перейти. А в последней версии вообще ничего, кроме имени и большой фотографии в расфокусе, сделанной на нацистский Kodak Retina I 117 1935 года, не было. Никакого UX и даже UI, один сплошной пиксель-хантинг. Каюсь.

Но теперь-то всё по человечески: даже дата следующего эфира на «Сто семнадцать и два» есть. Её, правда, приходится обновлять вручную, что неудобно ни мне, ни читателю. Но когда-нибудь здесь окончательно наступит кибербудущее, и дата будет грузиться сама с сайта радио. Когда-нибудь.

Быстрее грузится

Летом прошлого года я делал блог на WordPress Жене Лепёхину и сильно удивлялся, почему же мой старый сайт на виртуальном хостинге (какое ужасное словосочетание, английское shared hosting — гораздо понятнее) грузится по две-три секунды (админка, бывало, грузилась и по четыре), а у него всё летает и грузится за полторы секунды максимум. Оказалось, Женя арендовал VPS — выделенный сервер, к которому, в отличие от хостинга, он имел полный доступ, то есть мог общаться с ним командами как с компьютером на Linux, плюс — и это важный плюс — на нём лежал только его сайт, а не тридцать разных, грузящих оперативку кто во что горазд. Я обрадовался, завёл себе такой же (нормально настроить его мне удалось не сразу), с помощью Константина Леладзе изучил базовые принципы его работы (например, узнал, что такое SSH), поставил на него WordPress и просто скопировал в этот WordPress базу данных старого сайта.

Результатом был поражён. Каким-то неведомым образом сайт действительно стал грузиться ровно те самые полторы секунды, причём даже админка. Подозреваю, дело в оперативке, но если знаете точно, напишите в комментариях.

С тех пор моим сайтом наконец-то можно пользоваться.

Динамическая подсветка ссылок на активные страницы

Это улучшение — из серии «мало кто заметит, а мне приятно». Я вообще люблю, когда создатели сайтов внимательны к деталям — тогда их сайты кажутся основательнее, что ли.

Посмотрите на меню в шапке и догадайтесь, почему ссылка «Блог» чёрная, а не зелёная, как остальные. А потом нажмите на неё и догадайтесь, почему теперь она не только чёрная, но и не реагирует на нажатия.

Пока что это довольно криво реализовано на jQuery пополам с CSS: после загрузки страницы нужным ссылкам присваивается класс .active, который красит ссылку в чёрный цвет, а если адрес, на который ведёт ссылка, совпадает с текущим, у неё убирается подчёркивание и присваивается pointer-events: none. Буду рад, если кто-нибудь подскажет, как это реализовать на PHP, чтобы ссылки красились в чёрный цвет или переставали быть активными до загрузки страницы.

Ещё если навести курсор на ссылку, которая есть на странице больше чем в одном экземпляре, подсветятся все экземпляры, а не только тот, на который вы навели. Это хорошо показано на упомянутой выше странице со списком всех постов: наведите там на какой-нибудь лейбл, обозначающий тип поста, получите результат. Если бы не эта страница (и страница с путешествиями), такую замечательную фичу вообще было бы некуда засунуть так, чтоб её кто-то заметил.

За скрипт, подсвечивающий ссылки, спасибо Вениамину Векку.

Почта

И ещё: новый домен — новый почтовый адрес. Письма со старого будут пересылаться, пока мне не надоест платить за старый домен (то есть, скорее всего, несколько месяцев). Обновите контакт в телефоне, если вам не лень: me@ivanvetoshkin.me.

Адрес зарегистрировал через Fastmail, пока доволен. Ссылка, естественно, реферальная: если по ней зарегистрироваться, даётся скидка 10% на первый год пользования. В подвале сайта есть ещё реферальная ссылка на DigitalOcean, где я арендовал VPS.

---

Как-то так. В планах — автоматизация сбора постов из соцсетей и отправки туда здешних постов, перевод некоторых постов на английский язык и устранение мелких неисправностей.

Если заметите баг или что-нибудь резанёт глаз в дизайне — пишите здесь в комментарии или на почту.

И да начнётся моя новая жизнь как блогера.