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, которая принимает число и возводит в квадрат каждый символ.

Ответ

CSS in Depth

Автор: Keith J. Grant
Год издания: 2018

#css #english

Sidebar Interaction

Боковое меню со светлой и тёмной темами оформления, реализованное с помощью SCSS и библиотеки React.js.

#css #js

JavaScript. Напишите функцию randomHex, которая генерирует случайное HEX-значение заданной длины.

Ответ