CSS3 меню с jQuery эффектом
CSS3 меню с эффектом плавного появления, как если бы мы использовали jQuery. Меню реализовано только на CSS, а эффект плавного смещения пунктов навигации работает только в webkit браузерах (например, Google Chrome).
Сжатие javascript файлов
В этой статье рассмотрим online способы сжатия js (jаvascript) файлов для уменьшения их размеров. Сейчас очень много веб-ресурсов используют, как сторонние java скрипты (например, таже jQuery библиотека и многочисленные плагины к ней), так и собственной разработки. Сжатие позволит уменьшить размер загружаемой страницы сайта, а соответсвенно и время его загрузки. Это один из этапов оптимизации, который желательно проделать всем.
Выбор цвета на jquery
Color picker - плагин на jquery для выбор цвета и установки его в поле input.
Плагин jRating
jRating - очень гибкий jQuery плагин для быстрого создания системы рейтинга на аяксе. Можно настроить каждый элемент, начиная от "числа звезд" до "использовать десятичные дроби или нет". Есть возможность отображать маленькие или большие звезды, при этом сами изображения можно с легкостью заменить своими. Несмотря на то, что плагин может использоваться в сценарии любого языка, в архив уже включен php файл, который обрабатывает запросы.
Эластичное видео
Создаем эластичное видео на сайте для iframe, object тегов видео, а также и для html5 видео. При изменении окна браузера изменяется и размер видео в нём.
Анимированное меню
Анимированное меню в котором при наведении на ссылку, происходит её прокрутка сверху вниз с заменой задника и цвета шрифта.
Анимированная навигация
При наведении на элемент навигации, кнопка, как бы прокручивается сверху вниз изменяя свой фон и цвет шрифта ссылки.
Mac OS X icon dock
Панель иконок, как в Mac OS X реализованная на jаvascript и CSS.
Падающая тень
Эффект падающей тени можно реализовать используя только CSS3 без картинок с помощью псевдо-элементов. Проверку прошли следующие браузеры: Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+.
Icon Dock на CSS3
Icon Dock панель из иконок на чистом CSS. При наведении мышки на иконку происходит её увеличение.
Процентная сеточная система
Главной характеристикой этой сеточной схемы является задание ширины колонок в процентах. То есть вам не нужно будет определять ширину каждой колонки вручную, просто поместите её в любой контейнер и ширина колонок автоматически установится.
Симпатичные кнопки
Симпатичные кнопочки, похожие на "радиоактивные" кнопки из предыдущей статьи, но без свечения.