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.

Ответ

​JavaScript: захват медиапотока из DOM элементов

Статья о возможности захвата и записи медиаданных в процессе воспроизведения аудио и видеофайлов.

#js

Portal scene

3D-модель, выполненная с помощью SCSS и библиотеки Three.js.

#css #js

HTML5 and JavaScript Projects

Автор: Jeanine Meyer
Год издания: 2018

#javascript #html5 #english

5 распространенных ошибок при использовании промисов

Промисы предоставляют элегантный способ обработки асинхронных операций в JavaScript. Когда-то это было прорывное решение, позволяющее избежать ада обратных вызовов. Однако не многие разработчики понимают, что у них внутри. В результате при использовании промисов на практике случаются досадные ошибки.

#js

Мигающие маяки

Карта показывает маяки, запрашивая информацию из Overpass API.

​Не боритесь с каскадом, управляйте им!

Рассматриваем инструменты, недавно добавленные в CSS и позволяющие, наконец, управлять каскадом.

#css

Параллакс-эффект при наведении на карточку, реализованный с помощью CSS и JavaScript.

#css #js

3D Rotator

Анимация вращения текста в 3D-пространстве, реализованная с помощью Three.js.

#js