Spaceboy Animation Text

Анимация текста, реализованная с помощью GSAP.

#gsap

Minimal keyboard

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

#css #js

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

Ответ

Player/User Cards

Верстка карточек на HTML и CSS. При наведении задействуются CSS-трансформации.

#css

Bouncing Text Animation

Анимация отскока текста, реализованная с помощью CSS и Splitting.js.

#css #js

Digital clock with separate indicators

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

#css #js

Sassy Search Bar

Строка поиска с подсказками, выполненная с помощью SCSS и TypeScript.

#css #js

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

Ответ

Morphing Submit Button

Содержимое кнопки - svg-картинка. При нажатии на кнопку изменяются CSS-классы на элементах кнопки.

#css #js

Typo-coaster

Анимация текста по определенному пути движения, реализованная с помощью Splitting.js.

#js

Collections Slider

Слайдер с коллекциями изображений и приятной анимацией взаимодействия. Реализован с помощью CSS и JavaScript.

#css #js

Flex Slider

Интерактивный слайдер, выполненный с помощью фреймворка Vue.js. При клике на секцию показывается дополнительная информация.

#css #js

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

Ответ

TypeScript in 50 Lessons

Автор: Stefan Baumgartner
Год издания: 2020

#typescript #english

3D Preloader

Загрузчик на HTML и CSS. Анимации созданы при помощи CSS keyframes.

#css

Scrolly Path

Причудливая анимация пути при прокрутке страницы, реализованная с помощью SVG, GSAP и ScrollTrigger.js.

#css #js #gsap

CSS (Cascading Style Sheets)
Visual Dictionary

Автор: Greg Sidelnikov
Год издания: 2018

#css #english

Animated BottomBar Experiment

Набор анимированных tabbar'ов, выполненный с помощью SCSS и JavaScript.

#css #js

Iconic Tab Bar

Панель табов на чистом CSS с красивыми переходами, реализованными при помощи CSS-трансформаций.

#css