Back to top with progress indicator — кнопка "Вернуться к началу" с индикатором прогресса прокрутки страницы. Реализована с помощью jQuery.

#jquery

Dropdown — выпадающий список в темном и светлом оформлении на чистом CSS.

#css

Circular reveal animation — круговая анимация раскрытия скрытого контента, реализованная с помощью JavaScript и библиотеки circular-revealer@0.0.9.

#javascript #circularrevealer

Прокачивай свой технический английский без больших усилий, уделяя 5 минут в день!

На этом канале регулярно публикуют самые популярные слова и выражения из мира IT.

Подойдет всем IT-специалистам, которые хотят без труда читать документацию на английском и свободно общаться с иностранными заказчиками.

Подписывайся на @enforit и качай свой инглиш, пока компилируется проект👌

Custom cursor — пользовательский курсор - морфинг указателя в стиле iPadOS. Реализован с помощью библиотеки morphing-pointer.

#morphingpointer

Audio Waveform — анимация формы звуковой волны, реализованная с помощью GSAP, DrawSVGPlugin3 и EasePack3.

#gsap

Full Width Off-canvas — анимация раскрытия скрытого меню на полную ширину страницы. Реализована с помощью jQuery и библиотеки Off-canvas.

#jquery #offcanvas

Content filter — адаптивная страница с фильтрацией контента на чистом CSS.

#css

NEON LOVE — анимация неонового сердца, реализованная с помощью JavaScript.

#javascript

Disappearing Modals — разного вида анимации исчезновения для модальных окон, реализованные с помощью GSAP и CSSRulePlugin.

#gsap

Drop-down menu — раскрывающееся меню, реализованное с помощью jQuery.

#jquery

Photography page concept — адаптивная веб-страница фотографа в современном стиле. Анимация реализована с помощью jQuery.

#jquery

Parallax Snap — параллакс, реализованный с помощью GSAP, ScrollToPlugin3, SplitText3 и ScrollTrigger.

#gsap

Adaptive Pricing Table — адаптивная таблица цен на чистом CSS.

#css

3D CSS Buttons - Click Transition — 3D-кнопки на чистом CSS с анимацией при клике. JavaScript используется только для добавления класса clicked при клике на кнопку.

#css

Vimeo/YouTube video with cover image — пользовательский курсор с ссылкой на видео Vimeo / YouTube, который появляется при наведении на обложку видео. Реализован с помощью библиотек jQuery и Popper.js.

#jquery #popperjs

Skateboard Video Platform — адаптивный интерфейс видео-платформы на тему скейтборда, реализованный с помощью jQuery.

#jquery

LUME shiny 3D image grid — адаптивная сетка блестящих 3D изображений, реализованных с помощью библиотек lume.js, WebGL и three.js.

#webgl #treejs

Custom Cursor Effect — пользовательский курсор, реализованный с помощью JavaScript. При наведении на ссылку появляется соответствующее изображение.

#javascript

Line reveal block — анимация появления тонкой линии и раскрытия полного блока контента при прокрутке страницы, реализованная с помощью библиотек Anime.js и scrollMonitor.

#animejs #scrollMonitor