Долгое время сайт был в подвешенном состоянии и мне не приходили идеи, как его развивать дальше. На днях так совпало, что одновременно появились и свободное время, и вдохновение, потому занялся доработкой.

Почти все изменения и так видны, я же хочу в этом посте рассказать, почему их внёс.

Первым делом можно заметить появившуюся боковую панель, пришедшую на замену старой вылезающей панели (на мобильных она всё так же вылезает при свайпе экрана), на которой обновил список моих актуальных контактов и добавил блок проектов. Я давно хотел каким-то образом выводить список моих проектов, чтобы если кто-то нашёл мой блог, он мог бы перейти по ссылкам — вдруг его жизнь от этого станет лучше. С этой целью теперь в боковой панели расположен список репозиториев, некоторые из них мои, некоторые не мои, но я могу гордиться своим вкладом в их разработку. Репозитории отсортированы по дате последнего обновления, для этого я написал небольшой плагин, собирающий данные с GitHub, Bitbucket и GitLab.

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

Также добавил отметки, разделяющие статьи за разные года и немного изменил формат вывода дат публикации статей.

Улучшил комментарии, добавив древовидный вид и панельку с вводом BB-кодов.

А, ну и наконец, теперь страницы загружаются по ajax, без перезагрузки страницы, чтоб трафик экономить) Раньше это уже было, но глючило, потому отключал. Сейчас без ошибок работает.

Вроде бы теперь классненько выглядит.

Общее
409
2
Anon (ответить)

Про аякс по подробнее можно? Как это сделано и работает у вас?

modos189 (ответить)

Запрашивается с сервера только основная часть страницы, без боковой панели, шапки и прочего кода.
Приходит кусок html кода - он и подменяется вместо прошлого контента.
Очень просто реализовано, здесь библиотека AjaxNav, которая занимается переписыванием страницы и пример реализации для Atom-M на сервере, но к ней не привязано.

Добавление комментария (отменить)
  • *Псевдоним:
  • *Код подтверждения:Введите код с картинки, для проверки, что вы не робот.