Технологии и наука
Редизайн tiaurus.info — еще минималистичнее, еще эргономичнее, еще удобнее
7 лет назад
1.8K

Перед переделкой этого блога я сделал редизайн tiaurus.info - моего блога, посвященного визуальной красоте (так он выглядел раньше). Работа проведена большая - в итоге блог получил совершенно другой, менее экспериментальный и более информативный вид стартовой страницы. Я полностью переписал код одиночных записей, переработал варианты показа больших изображений в виде галереи. Блог получился на удивление легким и быстро работающим, несмотря на обилие очень больших изображений.

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

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

Так же была изменена система кэширования. В итоге загрузка страниц заметно прибавила в скорости, не потеряв в контенте, а благодаря "резиновому" шаблону блог отлично смотрится даже на небольших мониторах с разрешением 1280.

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

Редизайн tiaurus.info — еще минималистичнее, еще эргономичнее, еще удобнее