08 января

Cейчас все больше вычислений стараются производить на стороне клиента, чтобы сократить нагрузку на сервер и увеличить производительность веб-приложения в целом. Я уже писал о сжатии изображений на стороне клиента, до его отправки на сервер; сегодня же речь пойдет о кадрировании изображения (инструмент crop) средствами HTML5 canvas.


Демо Скачать

 
18 июля (обновлено 18 июля)

Продолжая серию статей "для начинающих", хочу рассказать про верстку модальных окон.

На всякий случай поясню, что под модальными (popup) окнами понимаются слои, которыенакладываются на все остальные и требуют какого-либо действия от пользователя - что-то ввести, что-то подтвердить или отклонить и т.д. Тоесть функционально это либо "отдельное окно" внутри основного окна или alert\confirm окно.

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

Демо Скачать

 
06 февраля

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

Идея алгоритма была позаимствована у Алексей @Squier и его статьи "Красивый вывод изображений".

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

Поэтому для решения этой задачи напсал небольшой плагин для jQuery.

Демо1 Демо2 Скачать

 
24 января

Новый год в России всегда празднуется с особым размахом. Именно в предновогодние дни мы вспоминает про друзей, коллег и просто знакомых, с кем уже очень давно не общались (наверное, с прошлого НГ ).

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

А мы с командой Emailmatrix работали над новогодним проектом для Райффайзен банка, о котором я немного здесь и расскажу.

 
23 августа (обновлено 06 января)

Сегодня последний день не только этого года, но и месяца. поэтому, дабы не портить статистику я все-таки собрался написать здесь небольшую статью.
Думаю, что теоретические и практические записи лучше чередовать или, по крайней мере, не увлекаться теорией, так как это не всем интересно, как показывает практика.

Контент сайта - его основная составляющая, и не всегда возможно его своевременно обновлять (сей блог тому пример), однако нельзя разочаровывать своих читателей\посетителей устаревшими данными. Зачастую для этого используются механизмы чтения и вывода лент новостей других сайтов; некоторые проекты даже предоставляют APi для этого.
Однако речь пойдет в первую очередь, о тех проектах которые не имеют никаких инструментов для экспорта.