#progressbar
Индикатор прокрутки страницы с отображением прогресса чтения по разделам.

https://codepen.io/blucube/pen/bdGgzg

#datepicker
jQuery UI datepicker

http://felicegattuso.com/projects/datedropper/

#css #js
Фильтр контента на чистом CSS, без JavaScript

https://codepen.io/samgordon/pen/jPqqWB

Эластичная анимация при раскрытие элементов навигации

https://codepen.io/xhepigerta/pen/grLadW

#form
Анимированная форма контактов в виде конверта

https://codepen.io/felcans/pen/xOVBLY

Скошенные углы с использованием CSS3

https://codepen.io/jeremyfrank/pen/avyezR

https://codepen.io/agusesetiyono/pen/bVMaBm

https://codepen.io/jeremyfrank/pen/zvdXZM

#checkbox
Анимированные чекбоксы для списка.

https://codepen.io/shshaw/pen/WXMdwE

JS игра Tower Blocks.
Задача: выстроить высокую башню используя как можно больше блоков

https://codepen.io/steveg3003/pen/ppLQNW

37 анимированных иконок-гамбургер

https://codepen.io/KPCodes/pen/Ypwrdx

Switches

https://codepen.io/billyysea/pen/CHmiE

Простой и красивый калькулятор jQuery

https://codepen.io/gabriellewee/pen/mRPweY

Переходы между страницами с красивой навигацией при помощи CSS transform

https://codepen.io/suez/pen/LCHlA

Bubbly Button: эффект - разлетающиеся пузырьки по сторонам

https://codepen.io/nourabusoud/pen/ypZzMM

Параллакс эффект при скроллинге страницы на чистом CSS

https://jsfiddle.net/xp7jfw81/

#html #css #hover
Красивый ховер для социальных кнопок

https://codepen.io/cool_lazyboy/pen/XzEoJZ

#css #loading
CSS loading animation

https://codepen.io/dissimulate/pen/vlfyA

Создание маски для поля телефона с помощью плагина - jQuery Masked Input

https://www.youtube.com/watch?v=8FEA-ePA4Bg&t=2s

Эффект «выкатывающегося» поля для ввода поискового запроса при клике на иконку

https://codepen.io/cool_lazyboy/pen/gXEmra

10 языков программирования, которые стоит начать изучать уже сейчас!

https://www.youtube.com/watch?v=thNgfpaAiGM&t=1s

#html #css
Игра крестики-нолики на чистом CSS3 и HTML5

https://codepen.io/jerrylow/pen/XVVBzv

Начинаешь свой путь в разработку? Или ты гуру и хочешь узнать новое? Тогда тебе стоит взглянуть на @devsp
✔️Английские термины(без него никуда)
✔️Бесплатные ресурсы для получения основ различных языков программирования
✔️Ресурсы - помощники
✔️Интересные статьи про it
✔️Новости it
Жду тебя @devsp