Все для веб-дизайнера
Записи с метками JQuery
Создаем видео фон с эффектом параллакса на JS
Дек 10
В данном уроке мы бы снова хотели поговорить о эффекте параллакса и как его применить с видеофоном, такой эффект будет реализован с помощью плагина ArParallax. Идея заключается в плавной смене объектов фона красивой анимацией и эффектом параллакса, кроме этого зона до активации будет заблюрена, по этому не будет отвлекать посетителя. Видео будет зациклено, когда пользователь будет прокручивать скролл, эффект плавно подлетает к активному полю страницы с превосходной анимацией, смотрится очень привлекательно для посетителя.
Красивая интерактивная заглушка для сайта на JS
Дек 6
Красивый сайт остается в памяти посетителя очень долго, и это несомненно прекрасно. Сегодня мы бы хотели поговорить об замечательный заглушке на ваш сайт, а именно об интерактивной анимированной странице, которая будет постоянно находиться в движении, кроме этого реагировать на курсор мыши и выполнять действия. Задумка состоит во создании земли и самолета который постоянно будет находиться в планировании, при движении курсора самолет будет менять свою позицию. Смотрится такой интерактив очень круто и приятно.
Как создать редактор для сайта WYSIWYG и JS
Дек 3
Мы мало уделяли разделу редактора текста на сайте, пришло время это исправить. Сегодня мы бы хотели поговорить о создании текстового редактора для сайта, или как их еще называют- WYSIWYG — является аббревиатурой от английского What You See Is What You Get, — «что видишь, то и получишь». Дать пользователям возможность форматирования текста без изучения дополнительного кода – это то, над чем разработчики усердно стараются последние несколько лет. И все не напрасно, они уже добились значительно прогресса.
Как скрыть длинный текст на сайте на jQuery
Дек 1
Иногда требуется срыть часть текста на сайте не только ради оптимизации места на сайте, но и для правильной СЕО оптимизации. В данном уроке мы хотим показать замечательный способ, с помощью которого Вы сможете это реализовать. Речь пойдет о замечательном плагине jQuery, а именно moreContent.js. Кто не знает, то это jQuery плагин, который скрывает переполненные содержимым контейнер и создает кнопку-переключатель в конце его.
Cоздание вертикального выпадающего меню CSS3
Ноя 29
К нам часто обращаются за помощью в создании вертикального выпадающего меню для сайта, мы уже не раз выкладывали подобные уроки и сегодня мы хотим рассказать о создании такого меню. Такие меню, или как их называют еще,- аккордеоны, очень удобны для размещения и группировки множества информации, экономия места и практичность выводит такой вид навигации. Для создании такого аккордеона нам понадобиться немного CSS, а также мы добавили jQuery, для отображения плавной анимации при переходе между вкладками.
3D слайдер для сайта с помощью Page Scroll 3D
Ноя 28
В данном уроке мы хотим рассмотреть замечательный пример создания объемного слайдера. Page Scroll 3D — это фантастический плагин jQuery для создания анимированного полноэкранного вертикального слайдера страницы, где ваши пользователи смогут прокручивать страницы с помощью эффекта вращения 3D-куба. Все это смотрится впечатляющее, так как пользователь ощущает страницу объемной, а плавный переход создает иллюзию объемности на странице. Навигация доступна для пользователя как с помощью скролла мыши, так и навигационной панели.
Как создать слайдер с эффектом параллакса на JS
Ноя 26
Тема параллакса и слайдеров с эффектом параллакса для веб-разработчиков актуальна как никогда. Все больше заказчиков хотят видеть данный эффект у себя на сайте, по этому, чтобы не повторяться, разработчикам приходится прибегать к различным хитростям, чтобы выделить свой проект среди ряда серой массы. В данном уроке мы хотим рассказать, как сделать замечательный слайдер с эффектом параллакса с помощью JavaScript и CSS. Кроме этого слайдер будет оснащен индикатором навигации и состояния, а также превью изображений.
Загрузка ...