Коничива, уважаемый!

За время вашего отсутствия мы тут вон чего понаписали:

    9 Декабря

    ... а давайте по disqusируем!

    Продолжаю допиливать сайт по мере сил. На этот раз взор мой упал на сервисы комментариев. Основной скрипт мне не очень нравится и следовало бы от него избавиться, но там накопилась пара десятков комментариев и терять их не хочется. Кроме того, были доступны подключаемые скрипты от Фейсбука и ВКонтакте. В бесполезности последнего никогда не сомневался, но хотелось побольше "свистелок и перделок". Короче, сегодня заменил его на популярный и достаточно удобный Disqus. Что же до Фейсбука, то он меня всегда радовал, когда дело касалось программирования. Так и сейчас: скрипт я ставил давно, сейчас его синтаксис полностью изменился, в итоге у нас он не работал (точнее, работал в режиме совместимости со старыми версиями). Сейчас я его обновил - работает.

    Размышлял: Lentyay
    2 Декабря

    Не щадя живота своего...

    ... сражался я с ветряными мельницами. Причём невидимыми... Началось всё с просмотра этого видео. Ничего глобально нового не узнал, но вот приоритеты точно сменил. Проверил я свой родной сайт в Google PageSpeed. Полученный результат, мягко говоря, опечалил: 33 балла (из 100 возможных) для мобильной версии и 56 для десктопной. Дальше произошло самое неожиданное: вместо уныния меня переполнил чуждый мне перфекционизм и битва за урожай началась. Без малого 3 дня я экспериментировал на грани извращений. Сейчас показатели следующие: 80 баллов для мобильной версии и 86 для десктопной. Не безоговорочная, но всё же победа!

    Все сделанные мной изменения (за одним исключением) внешне не видны. Итак, что же конкретно было сделано:

    • включено сжатие Gzip (в файле .htaccess)
    • включено кэширование для графики и шрифтов (в файле .htaccess)
    • убран весь инлайн JavaScript, что позволило перенести подключение библиотеки Jquery из хедера в футер (ну или "из чердака в подвал", если вам так больше нравится). Весь остальной JS и так уже был в футере.
    • минифицированы все CSS- и JS-файлы. Затем мне и этого показалось мало и чтобы уменьшить количество запросов, я объединил их в 2 файла - all.min.css и all.min.js
    • для мобильных устройств вся графика в новостях теперь ресайзится специальным скриптом, а полная версия открывается в Фэнсибоксе
    • вся графика в дизайне с формата GIF заменена на PNG. Это и есть то самое визуально заметное изменение, так как у фона-пергамента появилась тень
    • вся графика в формате PNG была ужата

    На этом фантазия меня оставила, да и силы тоже. Ещё неплохо бы полностью перелопатить CSS и сделать его mobile first, но не сейчас и, скорее всего, не в этом году.

    Размышлял: Lentyay
    5 Августа

    Наконец-то я могу сказать это: я закончил и запустил новую версию "Пейнтбольного камикадзе". Что нового? Классный дизайн, адаптивная вёрстка и WordPress в сердце. Самое главное на этом сайте - мои анимированные схемы, поэтому им уделено больше всего внимания. Раньше все они были на Flash, что делало анимацию плавной и приятной, но схемы совершенно не отображались почти на всех мобильных устройствах. Сейчас Flash показывается там, где это возможно, а где невозможно - анимированный GIF. Так что, вэлкам все!

    Размышлял: Lentyay
    10 Июня

    Мэйджор техникл апдейт

    Данный сайт почти всегда был для меня площадкой для разного рода экспериментов по программированию. Правда последние год-полтора мне и на работе этого всего хватает и здесь "под капот" я лажу всё реже и реже. Последнее серьёзное обновление было сделано более года назад, когда сайт полностью сменил движок. Тогда же вёрстка была переделана под адаптивную. Надо сказать, что адаптивной вёрстке я тогда только учился и в итоге не всё на этом сайте было сделано "по уму".

    Буквально час назад я зарелизил новую версию сайта с полностью переделанной вёрсткой и небольшими изменениями в backend`е. А теперь подробнее что и зачем:

    • Убран 1 из 4 брейкпоинтов адаптивной вёрстки и внесены изменения в оставшиеся 3. Например, блок комментариев и нижний параллакс теперь показываются на всех разрешениях.
    • Полностью переработано главное меню сайта. Flash-версия с фонариками ушла безвозвратно.
    • Переделана и смещена вправо (чтоб читать не мешала) кнопка возврата наверх страницы.
    • Верхний (логотип с кандзи) и нижний (пейзаж) параллаксы, а так же страница ошибок переделаны под использование скрипта parallax.js, который помимо всего прочего отлично работает на мобильниках и планшетах.
    • Многие иконки заменены на шрифтовые от Font-Awesome. В первую очередь для чёткости на retina-экранах.
    • Заменены кнопки шаринга в соцсетях. Теперь они есть под каждым постом в ленте и ссылаются на конкретный пост или статью.
    • Пагинация (оказывается, теперь и в русском это слово есть) стала занимать слишком много места и была переделана. Теперь в одну строку и с горизонтальной прокруткой.
    • Из галереи убраны некоторые альбомы, которые сейчас кажутся слишком личными.
    • Подгрузка картинок в галерее сделана через infinite scroll. Собственно, я изначально так и хотел, но прошлый раз что-то не сдюжил и в итоге появилось непонятное решение с подгрузкой по ссылке.
    • Убрана страница контактов. Совершенно бесполезный придаток. Позднее сделаю какую-нибудь возможность связи.
    • Обновлён скрипт комментариев до версии 5.2.11. Если честно, он уже давно бесит меня, но не меняю я его потому, что не хочется терять все добавленные комментарии.
    • Оптимизирован весь JavaScript.
    • Картинки из старых новостей и статей теперь будут скэйлиться с сохранением пропорций.
    • Добавлена небольшая copyright-фича.

    Размышлял: Lentyay
    20 Февраля

    Надоело синячить без повода, надо куда-то на сайт вот такую штуку прикрутить:

    Праздники сегодня

    Размышлял: Lentyay