JavaScript

​reaflow – React-библиотека для построения флов-чартов, воркфлоу-диаграм с редактором

Библиотека многофункциональная и модульная, позволяет отображать настраиваемые, сложные визуализации

| #JavaScript #React #Interesting #Visualization

@about_javascript

Анимированная кнопка, выполненная с помощью CSS, SVG и JavaScript.

#css #js

Полный код

@about_javascript

Drop

Анимация в виде кругов на поверхности воды от упавшей капли, реализованная на чистом CSS.

https://codepen.io/creme/pen/mdbpJWN

@about_javascript

Метод propertyIsEnumerable() 🔥

Метод propertyIsEnumerable() возвращает логическое значение, указывающее, является ли указанное свойство перечисляемым.

Каждый объект имеет метод propertyIsEnumerable. Этот метод может определять, является ли указанное свойство в объекте перечисляемым в цикле for...in, за исключением свойств, унаследованных из цепочки прототипов. Если объект не имеет указанного свойства, метод вернёт false.

@about_javascript

https://t.me/itchannels_telegram - полезные ресурсы для js разработчика и не только.

Анимированная кнопка, выполненная с помощью CSS, SVG и JavaScript.

https://codepen.io/jkantner/pen/zYdaBPJ

Neon Love

Анимированная сцена, выполненная с помощью CSS и JavaScript.

#html #css #js

https://codepen.io/al-ro/pen/BaaBage

@about_javascript

Direction aware hover effect

Эффект подчеркивания ссылок при наведении с учетом направления курсора.

https://codepen.io/electerious/pen/xeJPbB

CSS Loaders

Подборка загрузчиков на HTML и SCSS. Для удобства автор сделал увеличение лоадера при наведении.

#css #html

https://codepen.io/vank0/pen/mARwLg

No library emoji slider

Слайдер для выражения эмоций. Например, можно использовать для получения отзывов от посетителей на сайте.

#codepen #css #html #js

@about_javascript