jQuery

Один из самых сложных html элементов для оформления - это input с типом range, или проще говоря ползунок выбора. Обычно выбора диапазона чисел. Хотя в Сети можно найти немало хороших вариантов, я хотел бы поделиться своим, как красиво оформить данный ...
1300
Существует сотни способов для создания красивых ссылок на чистом CSS. Сегодня хотелось бы поделиться оригинальными способами их оформления. В этой коллекции я постарался собрать такие эффекты для ссылок, которые подходят для сплошных текстов, а не отдельных кнопок-ссылок. Кроме того, были ...
1220
Иконка-гамбургер - стала наиболее популярным решением для отображения меню на мобильных устройствах. Благодаря компактности и оригинальным анимациям, пользоваться таким меню не только удобно, но и приятно. Здесь я буду собирать самые интересные на мой взгляд готовые решения. В будущем, список ...
41240
Сегодня хотел бы поделиться простенькой галереей изображений. Немного поработав с кодом, можно приспособить и как слайдер. Несмотря на свою лаконичность и простоту, галерея понравилась необычной анимированной навигацией. Как всегда, установка на свой сайт займет всего лишь пару минут. [urls load="https://codyshop.ru/wp-content/uploads/2017/08/onboarding-nav-line-animation.zip" ...
630
Реализовать динамическое изменение фавикона на удивление просто. Нам понадобится всего лишь три строки кода на jQuery. Вот они... function changeFavicon(src) { $('link[rel="shortcut icon"]').attr('href', src); } Навесим изменение фавикона на кнопку или ссылку с классом nectar-button. Полностью весь код будет выглядеть ...
90
Добрый день. Сегодня хотел поделиться свежим слайдером, который можно интегрировать на ваш сайт. Обычные уже порядком поднадоели, поэтому, этот вам наверняка понравится интересной анимацией. Главная особенность адаптивного слайдера - в центре размещено изображение ...
60
Добрый день. Сегодня хотел поделиться анимированной формой обратной связи. Наша разработка будет простой, всего 3 поля: поле ввода имени, почты и для короткого сообщения. Форму будем показывать при клике по зафиксированной на экране кнопке. Скачать архив. Это интересно. Ради любопытства исследовал ...
5014
Недавно задумался, каким образом на сайте dribbble.com реализована управление анимацией изображений. Когда на странице много gif изображений, очень удобно, если они не мельтешат перед глазами, и пользователь может сам выбрать, что просмотреть, а что нет. Чтобы внедрить ручное управление gif ...
940
Сегодня мы познакомимся с JS плагином Placeholdem. Это легковесный JavaScript плагин, который оживляет каретку плейсхолдера. Анимация представлена в виде постепенного удаления заполнителя при фокусировке, и его возврате при расфокусировке. Скачать. Создаем текстовое поле с атрибутом placeholder. <form> <label class="fade"> <input ...
100
Made with by WP Store