Цифровые часы на JQuery и CSS3

Для наших часов не потребуется большой HTML разметки. Это потому, что большая ее часть, такая как названия дней недели и код для цифр, генерируется динамически. Вот разметка, что вам нужно, чтобы на вашей странице появились эти замечательные  часы: ... Читать дальше »

СЛАЙДЕР BOX МЕНЮ С JQUERY И CSS3

В этом уроке мы создадим уникальный раздвижной навигационный блок. Идея состоит в том, чтобы сделать меню со слайдами. Мы также будем включать подменю с ссылками на страницы. Подменю будет скользить влево или вправо в зависимости от пункта меню. ... Читать дальше »

ВСПЛЫВАЮЩЕЕ ОКНО В КОНЦЕ СТРАНИЦИ С JQUERY

На днях я читал статью в NYTimes, и мне очень понравилось окно, которое выдвигается из правого нижнего угла, когда вы читаете последнюю часть статьи. Это окно показывает следующую статью из той же категории, и я подумал, что это может быть интересным  для любого блога или веб-сайта. ... Читать дальше »

ПИКТОГРАММЫ С 3D-ЭФФЕКТОМ

 Сегодня мы хотим показать вам, как создавать захватывающие 3D-эффекты  при наведении с использованием CSS3 и JQuery.

В наших примерах мы будем использовать миниатюру, которая раскроет скрытую  информацию при наведении курсора мыши. Мы создадим структуру с JQuery, что позволит сделать изображение сложенным или изогнутым, когда курсор мыши находится над ним. Для эффекта перекатывания мы будем использовать CSS 3D-преобразования. ... Читать дальше »

Создаем анимированное перо

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

Эффект  бликов с использованием JavaScript

Этот  урок довольно интересный, мы узнаем, как сделать эффект бликов. Я надеюсь, вы знаете, что это такое, но если нет - просто посмотрите наш онлайн демо. Для достижения этого эффекта, нам нужно несколько изображений - линз. Эти линзы будут в 3-х различных цветах (более хороший результат.) Одина из линз будет имитировать самый яркий объект нашего состава (звезда). Но это также может быть солнцем (к примеру). И, для большей интерактивности - мы будем менять объектив при перемещении мыши. ... Читать дальше »

CSS3 таблица цен

При разработке сайта для продукта или услуги, ваша работа в качестве веб-дизайнера / разработчика, заключается в том чтобы ваша таблица цен,имела интуитивно понятный и легкий использовании дизайн. Таким образом, вы поможете пользователям выбрать лучший план для их потребностей. ... Читать дальше »

Эффект волн с использованием JavaScript



Сегодняшний урок довольно интересный, мы узнаем, как создавать волновой эффект.Для ясности, мы будем применять этот эффект к изображению. ... Читать дальше »

Создание Page Flip журнала

В этом уроке мы будем использовать PHP и плагин turn.js , для осуществления на странице флип-эффекта с использованием CSS3 и Jquery. Мы будем получать самые популярные изображения с Instagram каждый час, и использовать их как страницы. ... Читать дальше »

Вращающиеся изображения Слайд-шоу на CSS3 и JQuery

Сегодня мы собираемся использовать JQuery и CSS3 повороты, наряду с JQuery плагином  вращения, чтобы создать красивое слайд-шоу. Вы можете использовать его, чтобы оживить ваши веб-сайты, страницы продуктов и другие проекты. ... Читать дальше »