Checkbox card

Чекбокс в виде карточек. Если выбрать категорию, картинка становится цветной. Сделано на SCSS.

#css

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

Ответ

Gallery w/ mouse follower

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

#js

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

Ответ

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

Ответ

JavaScript. Свойства объекта

Вы можете получить доступ к свойствам объекта с помощью [] вместо '.'. Это позволяет найти свойство, которое соответствует переменной.

Также это можно использовать для получения или установки значения свойства, если его название - неразрешенный идентификатор.

Некоторые люди не знают этого и заканчивают это использованием eval(), что по-настоящему плохая идея. Так код сложнее читать, сложнее находить ошибки (невозможно использование jslint), он медленнее выполняется и может привести к XSS.

Positive Negative

Слайдер температуры с положительным и отрицательным значениями. Реализован с помощью Vue.

#js

London Tube Map - Navigation Bar Concept

Концепция панели навигации в виде схемы лондонского метро.

#js

Neon Cursor

Реализовано при помощи Three.js. Настройки анимации задаются в JS.

#js

Quickchat UI Themes

Адаптивная панель управления с темой пользовательского интерфейса Quickchat. Реализована с помощью JavaScript.

#css

@frontquizes - тесты по фронтенд технологиям, преимущественно Javascript/React/HTML/CSS

Ocean card, perspective shift on hover

Смена перспективы при наведении мыши на карточку. Сделано с помощью SCSS и JS (Babel).

#js

Masked Circle Slider

Сверстано на HTML и SCSS. Логика переключения слайдов реализована в JS.

#js

Rating

Выставление рейтинга в виде звезд, анимация реализована с помощью библиотеки GSAP.

#js