jQuery

Таймер обратного отсчета для сайта

      HTML/CSS - шаблоны, jQuery

Здравствуйте, уважаемые читатели XoZbloga! Вы наверняка уже видели на сайтах таймер обратного отсчета. То есть таймер отсчитывает время до начала чего-либо. Например Вы запускаете новый проект, и уже зарегистрировали адрес в сети, но сайт пока не готов, как правило создается страница с таймером до запуска проекта! Еще можно включить таймер до начала проведения акции или начала действия скидок в интернет-магазине. Одним словом безграничные возможности для применения таймера на сайте. Предоставляю Вашему вниманию таймер обратного отсчета для сайта.

Google Play вкладки на jQuery и CSS3

      jQuery

Здравствуйте, уважаемые читатели XoZbloga! Вкладки на странице позволяют намного лучше структурировать информацию. Поэтому создание вкладок достаточно широко используемый прием для дополнительной навигации. А если еще и достойно реализовать такой элемент юзабилити, то это вдвойне хорошо. Есть так много способов, так много вариантов создания вкладок, но цель создания у всех одна: щелкнуть на вкладку и увидеть ее содержимое без обновления страницы.

Форма e-mail подписки с валидатором на jQuery

      jQuery

Здравствуйте, уважаемые читатели XoZbloga! В этом уроке я покажу, как мы можем сделать форму e-mail подписки на HTML5 с проверкой введенного адреса на JQuery. Для проверки будем использовать регулярные выражения, а сохранять введенный адрес будем в базе данных MySql. Таким образом при сохранении будет использован AJAX (т.е. вызовем PHP сценарий без перезагрузки страницы). Результат можно посмотреть на демонстрационной странице, а также скачать исходники. Приступаем!

Предзагрузка страниц на jQuery

      jQuery

Здравствуйте, уважаемые читатели XoZbloga! Для одного из моих проектов понадобился предзагрузчик страниц, в этой коротенькой статье хочу поделиться с Вами этим скриптом (работает на jQuery).

Пока искал, перепробовал довольно много похожих скриптов, большинством остался недоволен. Одни не работают в каком-либо браузере (чаще всего IE), другие конфликтуют с моим кодом javascript и тд. Остановился на QueryLoader2.

Эффект на Google Chrome Extension с помощью CSS3, jQuery и MooTools

      CSS, jQuery, MooTools

Здравствуйте уважаемые читатели XoZblogа! Вы наверняка знаете, что такое Google Chrome и возможно даже пользуетесь им. Тогда Вам должен быть хорошо известен Интернет-магазин Chrome, так вот там применяется следующий эффект — при наведении курсора мыши на миниатюру расширения, снизу «выезжает» панель с описанием и кнопкой добавить. В этом уроке реализуем такой эффект тремя способами:

Скроллер контента для сайта на jQuery

      jQuery

Здравствуйте уважаемые читатели XoZblogа! В сегодняшнем уроке разберем создание очень простого, но в тоже время удобного, а главное нужного скроллера (прокрутчика) контента на сайте. В последнее время стало очень модным делать сайты только одной страницей, и использовать в главном меню ссылки на параграфы в этом документе. Так вот давайте рассмотрим пример создания такого прокрутчика страницы на jQuery. Для большей наглядности посмотрите Демо страницу и посмотрите как происходит прокрутка текста, а также не забудьте скачать Исходники.

Фотогалерея для сайта с использованием HTML5 Canvas

      CSS, HTML, jQuery

Здравствуйте уважаемые читатели XoZblogа! В этом уроке мы создадим фотогалерею для сайта с использованием HTML5 Canvas и CSS3. Смотрите демо-версию, чтобы оценить эффект при наведении на изображение. Оттенки серой «копии» основного изображения создаются с помощью Canvas, а также с CSS3 для плавного изменения «копии» на основное изображение. Советую также ознакомиться с уроком Галерея изображений на jQuery. Коротко о том, что такое Canvas. Спецификация HTML5 включает множество новых тегов, одним из которых является canvas.