xiper.net - основы и секреты front-end разработки

Фиксированный блок с изменяющимся отступом сверху

Sat, 04 Feb 2012 12:00:00 +0200

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

Оптимизация фонов с помощью Canvas

Thu, 02 Feb 2012 14:00:00 +0200

О том как в некоторых ситуациях можно значительно уменьшить вес фоновых изображений.

Аппаратное ускорение анимации

Mon, 16 Jan 2012 17:00:00 +0200

CSS3 анимация для повышения производительности.

PIE для скрытых или динамических элементов

Wed, 30 Nov 2011 20:00:00 +0200

Если блок, к которому применяется PIE изначально скрыт или вообще отсутствует в коде (вставляется позже, динамически), то PIE для него не сработает. Рассмотрим, как с этим бороться.

Эффективность CSS селекторов

Wed, 23 Nov 2011 19:00:00 +0200

Об эффективном использовании CSS селекторов для повышения производительности сайтов.

Блюр

Tue, 22 Nov 2011 18:00:00 +0200

Делаем эффект размытия изображения с помощью Canvas.

Вкладки и кнопка Back

Mon, 21 Nov 2011 15:00:00 +0200

Реализация Javascript вкладок с возможностью навигации кнопкой браузера «Back».

IE и динамическая вставка canvas

Mon, 21 Nov 2011 11:00:00 +0200

Решаем проблему динамической вставки Canvas для IE6-8.

jQueryRotate — крутим картинки

Wed, 09 Nov 2011 11:00:00 +0200

Плагин умеет кроссбраузерно вращать картинки на любой угол. Кроме статического поворота реализовано и анимированное вращение.

CSS3 шаблоны градиентов

Mon, 07 Nov 2011 13:00:00 +0200

Творческий подход к использованию CSS3 градиентов позволяет избавится от ряда возможных фоновых картинок.