Visual Studio Code

Автор: Bruce Johnson
Год издания: 2019

#english

Section design with hover effect

Адаптивные карточки с красивым анимированным фоном при наведении. Реализованы с помощью CSS и JavaScript.

#css #js

JavaScript. Что будет выведено в консоль?

Ответ

Signup Form 3D FLIP Animation

3D-анимация формы регистрации, реализованная с помощью CSS и JavaScript.

#css #js

Acrobatic Preloader

Оригинальный лоадер, созданный из svg-картинки и анимированный на CSS.

#css

Planet Picker

Демонстрация перехода между числовыми значениями, текстовой анимации и круговой навигации в формате SVG. Реализована с помощью Splitting.js.

#js

Face Grid Track

Сетка с отслеживанием положения курсора, выполненная с помощью Pug, SCSS и JavaScript.

#css #js

Point and click penguin

Весь экран разделен на клетки, при нажатии на которые задействуются множество анимаций. Создано без использования библиотек, на чистом JS.

#js

Fancy Button

Кнопка с эффектом обрезанных углов, реализованная на чистом CSS.

#css

Linear-style Cursor Glow

Рассеянная подсветка при наведении на элемент, выполненная с помощью SCSS и JavaScript.

#css #js

SVG & GSAP Morphing

Рейтинг, созданный из svg-картинки, анимируемой библиотекой GSAP.

#css #js

Variable Fonts and the Web Audio API

Демонстрация Web Audio API, изменяющая переменные шрифты на основе аудиовхода. Реализована с помощью JavaScript.

#js

Sliding Stepper

Счетчик с красивыми CSS-анимациями при переключении.

#css

Toaster

Создано на HTML и SCSS.

#html #css

Professional JavaScript for Web Developers

Автор: Matt Frisbie
Год издания: 2019

#javascript #english

Pasta Menu

Меню с анимацией переключения, реализованное с помощью jQuery, GSAP и Splitting.js.

#js

Rounded Box - Matcap texture

Куб с зеркальными гранями, выполненный с помощью Pug, Sass и библиотеки Three.js

#js

JavaScript. Что будет выведено в консоль?

Ответ

Dark mode toggle switcher

Переключатель светлого и темного режима, реализованный на чистом CSS.

#css

HTML and CSS

Автор: Joe Casabona
Год издания: 2020

#html #css #english