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

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

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

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

jQuery: плагин Scrolling Parallax

Scrolling Parallax это jQuery плагин, который добавляет эффект параллакса при прокрутке страницы с помощью скролбара или колеса мыши. Это позволяет фону страницы прокручиваться с другой...
Scrolling Parallax это jQuery плагин, который добавляет эффект параллакса при прокрутке страницы с помощью скролбара или колеса мыши. Это позволяет фону страницы прокручиваться с другой скоростью нежели остальной контент страницы. Эффект параллакса позволяет с легкостью создавать иллюзию глубины вашего сайта. Самый простой вариант использования плагина это просто указать плагину путь до изображения. Плагин возьмет данное изображение и растянет его на всю ширину страницы и на 150% высоты страницы. Дополнительные 50% послужат для плавной прокрутки фона вместе с основным контентом. У плагина масса опций, которые позволяют скролить быстрее, медленнее, зацикливать скрол и т.д. Но обо всем по-порядку. (далее…)

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

Часто ли вы сталкивались с сайтами, у которых фоновый рисунок растянут на всю страницу? И не важно в каком разрешении вы просматриваете сайт - фон...
Часто ли вы сталкивались с сайтами, у которых фоновый рисунок растянут на всю страницу? И не важно в каком разрешении вы просматриваете сайт - фон всегда занимает весь экран браузера и не смотриться растянутым. Я тоже задавался этим вопросом и нашел ответ в хорошей статье Криса Койера. Сегодня приведу вольный перевод, максимально близко к тексту. Будут рассмотрены четыре разных способа сделать фоновый рисунок на всю страницу. В конце статьи - ссылка на архив с демо страницами. (далее…)

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

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

10 лучших мануалов по созданию форм с помощью CSS3

Вот и началась сессия. В связи с этим наблюдается катастрофическая нехватка времени. Поэтому весь этот месяц буду радовать вас различными подборками. Хотя думаю и несколько...
Вот и началась сессия. В связи с этим наблюдается катастрофическая нехватка времени. Поэтому весь этот месяц буду радовать вас различными подборками. Хотя думаю и несколько интересных статей тоже стоит ожидать. Мануалы все на английском языке. Особенно интересные я буду стараться переводить для вас. Сегодня у нас обзор лучших мануалов по созданию различных форм на CSS3. Это и формы обратной связи, и поисковые формы, и формы логина с различными эффектами. (далее…)

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

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

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

Хочу сегодня поделиться с вами интересной задумкой. На многих англоязычных порталах, частенько присутствует так называемая панель трендов. Обычно это однострочная панель прилепленная к низу экрана,...
Хочу сегодня поделиться с вами интересной задумкой. На многих англоязычных порталах, частенько присутствует так называемая панель трендов. Обычно это однострочная панель прилепленная к низу экрана, на которой создатели портала анонсируют популярные статьи. Панель достаточно хорошо привлекает внимание и соответственно вы можете перенаправить трафик со всего сайта в нужное вам русло. Существует множество плагинов для Wordpress, которые позволяют сделать что-то подобное. Но нам всегда интересен чистый легкий код. Так же мы будем использовать свойство opacity для того, чтобы панель становилась ярче при наведении на нее курсора мыши. (далее…)

Мини-курс по jQuery для дизайнеров. Урок 6. Галерея. Иконки файлов

Сегодня у нас заключительный урок из мини-курса по jQuery для дизайнеров. А создавать мы сегодня будем мини галерею. Так же будем стилизовать ссылки на файлы,...
Сегодня у нас заключительный урок из мини-курса по jQuery для дизайнеров. А создавать мы сегодня будем мини галерею. Так же будем стилизовать ссылки на файлы, добавляя определенному типу файла свою иконку. Код как всегда будет достаточно прост. А все примеры по JavaScript можно посмотреть на демо сайте http://www.jsdemos.rusdigi.org. (далее…)

Мини-курс по jQuery для дизайнеров. Урок 5. Подсказки и списки

День добрый. Сегодня пятый урок из мини-курса по jQuery для дизайнеров. В этом уроке мы немного переделаем всплывающие окна с подсказками, которые мы делали в...
День добрый. Сегодня пятый урок из мини-курса по jQuery для дизайнеров. В этом уроке мы немного переделаем всплывающие окна с подсказками, которые мы делали в предыдущем уроке и создадим сворачиваемый список, похожий на список сообщений. Итак приступим. (далее…)