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