1 031 Полезно

Сжатие javascript файлов

В этой статье рассмотрим online способы сжатия js (jаvascript) файлов для уменьшения их размеров. Сейчас очень много веб-ресурсов используют, как сторонние java скрипты (например, таже jQuery библиотека и многочисленные плагины к ней), так и собственной разработки. Сжатие позволит уменьшить размер загружаемой страницы сайта, а соответсвенно и время его загрузки. Это один из этапов оптимизации, который желательно проделать всем.

Сжатие javascript файлов
1 160 Other

Плагин jRating

jRating - очень гибкий jQuery плагин для быстрого создания системы рейтинга на аяксе. Можно настроить каждый элемент, начиная от "числа звезд" до "использовать десятичные дроби или нет". Есть возможность отображать маленькие или большие звезды, при этом сами изображения можно с легкостью заменить своими. Несмотря на то, что плагин может использоваться в сценарии любого языка, в архив уже включен php файл, который обрабатывает запросы.

Плагин jRating
1 327 Other

Эластичное видео

Создаем эластичное видео на сайте для iframe, object тегов видео, а также и для html5 видео. При изменении окна браузера изменяется и размер видео в нём.

Эластичное видео
931 Menu & Nav

Анимированное меню

Анимированное меню в котором при наведении на ссылку, происходит её прокрутка сверху вниз с заменой задника и цвета шрифта.

Анимированное меню
894 Menu & Nav

Анимированная навигация

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

Анимированная навигация
889 Menu & Nav

Mac OS X icon dock

Панель иконок, как в Mac OS X реализованная на jаvascript и CSS.  

Mac OS X icon dock
930 Buttons

Падающая тень

Эффект падающей тени можно реализовать используя только CSS3 без картинок с помощью псевдо-элементов. Проверку прошли следующие браузеры: Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+.

Падающая тень
760 Menu & Nav

Icon Dock на CSS3

Icon Dock панель из иконок на чистом CSS. При наведении мышки на иконку происходит её увеличение.  

Icon Dock на CSS3
949 Layout

Процентная сеточная система

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

Процентная сеточная система
750 Buttons

Симпатичные кнопки

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

Симпатичные кнопки
1 594 Zoom

Easy zoom плагин

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

Easy zoom плагин