Все для веб-дизайнера
jQuery
Найденные результаты:
Анимированные линии для сайта на JavaScript
19 Июн
Сегодня поговорим о мелких деталях которые, как вы знаете, стоят значительно больше чем большие элементы на странице. Речь пойдет о красивых линиях благодаря которым вы сможете украсить переходы между разделителями страниц. Кроме этого линии будут анимироваться в форме волн, а плавность анимации позволит добиться эффекта ненавязчивости. Нам очень понравился такой эффект, однажды встретив его на заграничном сайте, мы решили показать, как можно реализовать такой эффект на своем ресурсе и сделать это достаточно просто.
Заставка для сайта с эффектом параллакса на JS
6 Июн
Сегодня мы бы хотели поговорить о параллаксе. Мы уже не раз рассказывали о таком эффекте, сегодня мы бы хотели показать как сделать замечательную заставку с таким эффектом. У нас будет рабочая зона в которой будет расположены все необходимые для современного дизайнера. Все это будет анимироваться и приводиться в движение как только пользователь притронется к курсору мыши. Все оживать будет на глазах, завораживая взор. Если вы хотите, чтобы пользователь попадая на заглушку сайта не уходил с нее то это отличный вариант.
Cоздаем изображение с параллаксом на CSS3
26 мая
Параллакс широко стал популярен среди веб-дизайнеров. С каждым днем все больше сайтов используют данную технологию, чтобы привлечь взор посетителя к необходимой информацией и выделить свой проект среди остальных. В данном уроке мы хотим показать как сделать интерактивное изображение с эффектом параллакса и красиво это обыграть на странице, у нас будет обычное фото, которые мы используем для фона и немного заблюрим, а также фоторамка, которую мы оживим и заставим реагировать при наведении курсора мыши.
Эффект параллакса для контента сайта на JavaScript
5 мая
Параллакс достаточно популярный эффект среди современных веб-разработчиков, много кто пытается оживить свой ресурс благодаря такому подходу, это, несомненно, является отличный прием для скучного сайта, который, буквально, вдыхает новую жизнь в ваш проект и привлекает внимание посетителей. В данном уроке мы рассмотрим достаточно красивый прием стилизации контента для вашего сайта с помощью эффекта параллакса. Для достижения такого эффекта мы будем использовать parallax Content,-это плагин jQuery, который применяет эффект
Динамическое слайд-шоу для сайта на slideWiz
2 мая
В данном уроке мы бы хотели рассказать и наглядно показать, как можно реализовать достаточно простой, но в то же время необходимый слайдер изображений с динамическим текстом и круговой анимацией для сайта с использованием замечательного плагина jQuery slideWiz. slide Wiz-это динамичный плагин jQuery для создания слайдера-карусели изображений, который включает возможности создавать слои для коллекции изображений (с описаниями, заголовками и кнопками действий), передаваемых в массиве JavaScript.
Адаптивная временная шкала для сайта на jQuery
26 Апр
Временная шкала дает возможность наглядно организовать материал на сайте и преподнести его посетителю, ранее мы уже не раз публиковали подобные уроки, но сегодня мы хотим показать как можно сделать простую и в то же время удобную и практичную временную шкалу. Кроме этого временная шкала будет анимированной по мере прокрутки страницы будут добавляться новые материалы подлетая к шкале. Также все это будет адаптивным, что позволит правильно отобразиться на различных устройствах с разным разрешением экрана.
Слайдер для сайта при помощи CSS3 и WebGL
21 Апр
В данном уроке мы бы хотели показать Вам достаточно интересный пример искажения изображений при помощи WebGL. Данная технология все активней внедряется в сайты придавая им индивидуальности и оживляет новым, нестандартным подходом к поставленной задаче. Данный полноэкранный слайдер выполнен именно с применением такой технологии. Каждое изображение при перемотке слайдов будет разрушаться, а тематическое описание к слайдеру будет придавать большей драмы, что делает слайдер весьма наглядным примером и приковывает внимание.
Загрузка ...