Для упрощения работы с cookie в javascript есть хорошая библиотечка:
JavaScript:
Использование cookies в javascript
Простенький спойлер на JavaScript
Пример того, как быстро сделать спойлер, который отображается только на "больших экранах", а на мобильном телефоне сразу показывает свое содержимое.
Допустим нам нужно заменять класс элемента вида "show-front" (маска "show-*") на "show-left" у элемента. Конечно, если классы известны, можно сначала попробовать удалить все, а потом поставить нужный, но это топорно.
Поэтому придется написать свой метод на чистом javascript.
На новом проекте столкнулся с проблемой: при нажатии на кнопку "показать еще", которая подгружает следующую порцию товаров, все события (добавить в корзину, в избранное и т.д.) начинали срабатывать повторно.
При этом при втором нажатии на "показать еще" все события утраивались.
Суть работы Barba.js очень проста - она перехватывает ссылки на страницы текущего сайта, загружает их в память, выделяет контейнер с контентом и заменяет его на странице. Все это может сопровождаться анимацией.
Хороший пример использования, на мой взгляд, можно посмотреть на странице документации.
Довольно распространенная задача, когда нужно сделать поле с маской для ввода номера телефона, раньше использовал плагин jquery.mask.min.js, но он стал плохо работать, поэтому нашел вариант на чистом javascript.
Оригинальное зачеркивавшие checkbox'ов
Красивая анимация зачеркивая пунктов чеклиста на css и javascript
и темная тема:
Довольно простой, но функциональный пример таймера с выводом убывающего времени.
После истечения времени стартует колбэк.
Javascript рисуем по canvas мышкой
Задача: нужно рисовать линии на канвасе когда пользователь ведет курсор с зажатой левой кнопкой.
И как всегда, обычное дело оказалось не без подводных камней!
Пример того, как можно сделать неоновое сердце с анимацией на JavaScript.
Все рисование происходит на canvas с использованием webgl