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

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

Ответ

Mother's day animation

Создано на чистом CSS. Переключение между страницами осуществляется нажатием на чекбоксы.

#css

Infinite Scrolling Cards

Интерактивная галерея, выполненная с помощью CSS и библиотеки GSAP.js

#css #js

ng-book. The Complete Book on Angular

Авторы: Nate Murray, Felipe Coury,
Ari Lerner, Carlos Taborda
Год издания: 2020

#angular #english

JavaScript. Напишите функцию binaryArrayToNumber, которая преобразует массив нулей и единиц в десятичное число (встроенные функции использовать нельзя).

Ответ

3D hover plane effect

Простой эффект 3D-плоскости при наведении, реализованный с помощью CSS-свойства transform и jQuery.

#css

Product Card

Анимированная карточка продукта, созданная с использованием препроцессоров Haml и SCSS.

#css

JavaScript. Напишите функцию squareDigits, которая принимает число и возводит в квадрат каждый символ.

Ответ