JavaScript

jQuery: слайдер с эффектом параллакса

Parallax SliderДоброго времени суток! Сегодня мы будем создавать слайдер с использованием некоторых принципов эффекта параллакса. Я уже писал о плагине Scrolling Parallax совсем недавно. Там мы использовали плагин, а тут напишем все с нуля. Итак, приступим к созданию слайдера с эффектом …

21 Декабрь, 2011 | Рубрики: JavaScript, Parallax Читать статью

Easy Slider — простой в настройке слайдер для сайта

Easy SliderСегодня решил сделать обзор jQuery слайдера, который я частенько использую в работе. Слайдер приглянулся тем, что очень прост в установке и кастомизации. Текущая версия плагина на данный момент 1.7. Автор постоянно улучшает слайдер и он абсолютно бесплатен. Давайте разберемся как …

14 Декабрь, 2011 | Рубрики: JavaScript Читать статью

Создание слайд меню с использованием псевдо-селекторов и CSS3

слайд меню css jqueryСегодня мы будем разбираться с псевдо-селекторами, а заодно создадим довольно интересное слайд меню. Для начала мы создадим меню используя техники CSS3. Потом мы реализуем то же самое без использования псевдо-селекторов, дабы пример был кроссбраузерным. И в самом конце мы …

29 Ноябрь, 2011 | Рубрики: CSS3, JavaScript Читать статью

jQuery: плагин Scrolling Parallax

parallaxScrolling Parallax это jQuery плагин, который добавляет эффект параллакса при прокрутке страницы с помощью скролбара или колеса мыши. Это позволяет фону страницы прокручиваться с другой скоростью нежели остальной контент страницы. Эффект параллакса позволяет с легкостью создавать иллюзию глубины вашего сайта. …

14 Ноябрь, 2011 | Рубрики: JavaScript, Parallax Читать статью

Как растянуть фон на все окно браузера? Четыре простых решения на CSS и JavaScript. Свойство background-size

Фоновое изображение на всю страницуЧасто ли вы сталкивались с сайтами, у которых фоновый рисунок растянут на всю страницу? И не важно в каком разрешении вы просматриваете сайт — фон всегда занимает весь экран браузера и не смотриться растянутым. Я тоже задавался этим вопросом и …

14 Сентябрь, 2011 | Рубрики: CSS3, JavaScript Читать статью

Анимированная диаграмма умений с помощью JavaScript библиотеки Raphaël

raphael javascript библиотекаСегодня я бы хотел поведать вам о прекрасной JavaScript библиотеке Raphaël. Мы создадим анимированную диаграмму умений с помощью этой библиотеки. Идея очень проста: мы нарисуем несколько дуг с помощью математических функций и будем выводить уровень умения в центральном круге в …

13 Сентябрь, 2011 | Рубрики: JavaScript Читать статью

Подсказки с последними твитами с помощью jQuery

последнии твиты JavaScriptЕсли у вас имеется новостной сайт, то было бы интересно показывать вашим посетителям последние твиты по конкретной теме. Тогда вам пригодиться данный JavaScript плагин — он показывает последние твиты по заданному слову или фразе.…

28 Июнь, 2011 | Рубрики: JavaScript, Twitter Читать статью

Мини-бар MS Office с помощью jQuery и CSS

мини-бар MS Office на jQuery и CSSЯ думаю, что многие согласятся с утверждением, что дизайн продуктов Microsoft частенько радует глаз. К примеру, мини-бар, который мы увидели с выходом в свет MS Office 2007. По сути он повторяет часть функций одной из панелей быстрого доступа. Главным его …

26 Май, 2011 | Рубрики: CSS3, JavaScript Читать статью

Создаем вращающиеся иконки с помощью CSS3 и Mootols

вращающиеся иконкиСегодня мы займемся тем, что попробуем приукрасить внешний вид иконок на профили (RSS, twitter и т.д.). Добавим немного движения в эти иконки. А делать мы будем это с помощью CSS3 анимации.Так же с помощью JavaScript библиотеки MooTools мы будем задавать …

18 Май, 2011 | Рубрики: CSS3, JavaScript Читать статью

Панель трендов с помощью CSS и jQuery

Панель трендов с помощью JavaScript и CSSХочу сегодня поделиться с вами интересной задумкой. На многих англоязычных порталах, частенько присутствует так называемая панель трендов. Обычно это однострочная панель прилепленная к низу экрана, на которой создатели портала анонсируют популярные статьи. Панель достаточно хорошо привлекает внимание и соответственно вы …

12 Май, 2011 | Рубрики: CSS3, JavaScript Читать статью