Parallax layers

Вся сцена - это одна большая svg картинка, которая анимируется при прокрутке при помощи библиотеки gsap.

#js

Professional JavaScript

Авторы: Hugo Di Francesco, Siyuan Gao, Vinicius Isola, Philip Kirkbride
Год издания: 2019

#javascript #english

Друзья, наш чат по JS по ссылке - https://t.me/joinchat/a8aDKNJCcWExMmEy

CSS selectors quiz

Тест по CSS-селекторам, созданный с помощью Vue.js.

#css #vue

3D Orange Switch

Анимированный переключатель, сделанный на чистом CSS.

#css

CSS Grid / Entrance Animation

Автор анимирует CSS-свойства grid элемента через CSS и добивается интересного эффекта появления элементов страницы.

#css

Dynamic CSS

Динамическое изменение цвета анимированных элементов при перемещении курсора мыши.

#css

Задача

Реализуйте функцию checkBrackets, которая должна проверять правильность расположения скобок в строке.

Ответ

From button to dialog

Кнопка, переходящая в окно, сделанная с помощью Pug, SCSS и библиотеки React.

#css #js

Stars rating animation

Логика переключения создана в JS, анимации реализованы в SCSS.

#js #css

Page layout text effects

Текст динамически меняет цвет с черного на белый, когда выходит на черный фон.

Эффект реализован с использованием data-* атрибутов CSS, псевдоэлементов и CSS-свойства clip-path.

#css

​Migrating to React Router v6: A complete guide

Статья о различиях между 5 и 6 версиями React Router и о том, как без проблем перейти на шестую версию.

#en

Sun Reflection

Закат, отражающийся в воде, сделанный на чистом CSS без использования JavaScript.

#css

Node.js High Performance

Автор: Diogo Resende
Год издания: 2015

#node #english

Rating Experience

Автор стилизует input[type="range"]. Через JavaScript он задаёт классы, зависящие от значения инпута. Анимации созданы в CSS.

#js #css

Digital Alarm / Clock / StopWatch

Цифровые часы в современном стиле с будильником и секундомером. Реализовано с помощью jQuery.

#jquery

JavaScript Data Structures and Algorithms

Автор: Sammie Bae
Год издания: 2019

#javascript #english

Paper Cut Text Effect

Анимированный текст, сделанный с помощью SCSS и библиотеки Babel.js.

#css #js

Задача

Реализуйте функцию propertiesToSnakeCase, которая преобразует ключи объекта из CamelCase в snake_case.

Ответ