Range Slider With Glowing Gradient - слайдер диапазонов с интересным градиентом полосы

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

@javascriptv

Day and Night

Анимация смены дня и ночи, выполненная с помощью SVG, SCSS и JavaScript.

#css #js

https://codepen.io/TurkAysenur/pen/bGawdKv

🗒​ remember

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

⚙️ Ссылка на проект

@javascriptv | #Interesting #JavaScript #Useful

Rooster Animation

Анимированный петух, реализованный на чистом CSS, без использования JavaScript

#codepen #css #ui_элементы

https://codepen.io/mdusmanansari/pen/GRxKNKP

@javascriptv

⚙️ ​gltfjsx

Консольный инструмент, который может превращать GLTF ассеты в реакт-компоненты

⤷ Попробуйте сами
⤷ Ссылка на проект

#JavaScript #3D #Interesting

@javascriptv

​​Серверный JavaScript | Node.JS [ru] - канал для тех кому интересен JS не только со стороны фронта но и бэка. Там вы найдете много инфы и новостей о Node.JS.

Вам сюда: 👉 @we_use_js

В общем добро пожаловать!

🦾 Как уменьшить размер компонента React: 3 профессиональных приема

В процессе работы многие фрагменты кода увеличиваются настолько, что над ними легко потерять контроль. Речь идет о компонентах React. Обрастание компонента множеством функций, JSX и конфигураций становится одной из главных проблем для тех, кто начинает изучать React. Рассмотрим, как ее избежать.

Возьмем в качестве примера один из компонентов пользовательского интерфейса —  table. Попробуем оптимизировать его объем, используя для этого 3 приема.

Компонент table будет иметь несколько функций, которые можно расширить в дальнейшем.

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

➡️ Читать дальше

@javascriptv

Timekeeping

Небольшое приложение - таймер, созданный на Vue и анимированный библиотекой gsap.

#js #vue

https://codepen.io/Sicontis/pen/qBVMzLj

@javascriptv

Cards Carousel

3D-карусель на чистом CSS. Переключение между слайдами реализовано при помощи radio-кнопок.

#html #css

https://codepen.io/TheMOZZARELLA/details/ZEawjmM

​PCjs-Machines – Эмулятор, позволяющий запускать оригинальные IBM PC и другие ретро-PC прямо у вас в браузере

PCjs использует JavaScript для воссоздания оригинальных ПЗУ, процессора, работающего на его исходной скорости, а также классический зеленый монохромный монитор MDA и почтенный «мерцающий» монитор CGA.

#GitHub #JavaScript #Emulator #Interesting

@javascriptv

Reflection

Анимация волн на изображении. Реализована при помощи JavaScript CSS.

#анимация #css #javascript

https://codepen.io/jackiezen/pen/JjJxGOY

English for Developers - канал для тех, кто хочет учить технический английский. От создатателей популярного ит-канала Книги программиста.

1. техническая лексика
2. опросы на английском
3. шутки на английском

Подписывайтесь, проходите опросы, читайте полезные прогерские фразы на английском: english_forprogrammers.

1 канал вместо тысячи учебников и курсов

CSS LEGO Minifigure Maker - макет игрушки лего.

https://codepen.io/joshbader/pen/MZMzjr

@javascriptv

✔️ ​Demodal

расширение для браузера, которое автоматически удаляет окна блокировки контента

Таковыми являются: платный доступ, предложения скидок, подсказки о файлах cookie, баннеры GDPR, модальные диалоги, приглашения зарегистрироваться или ввести свой адрес электронной почты и многое другое

#GitHub #JavaScript #Web #Useful #Interesting

⚙️ Github

@javascriptv

⤴️ Как улучшить код на TypeScript: 5 рекомендаций

TypeScript не только делает код надежным, но и имеет определенные издержки освоения. Неправильное использование этого языка чревато неожиданными багами.

Хотите писать код на TypeScript элегантно и профессионально? Тогда следуйте рекомендациям, основанным на лучших практиках!

➡️ Читать дальше

@javascriptv

Sliding Icon Menu

Меню с анимацией скольжения между пунктами-иконками. Реализовано с помощью CSS и JavaScript.

#css #js

https://codepen.io/ste-vg/pen/jONPjoV

@javascriptv

​face-api.js – JavaScript API для обнаружения и распознавания лиц в браузере и nodejs на основе tensorflow.js

Еще в репозитории можно найти кучу полезных ссылок на интересные статьи

⤷ Ссылка на проект

@javascriptv | #Interesting #TypeScript

Generative UI - Orb Animation [pixi.js] + Frosty Elements

Пользовательский интерфейс и анимация сферы с морозными элементами. Реализован с помощью JavaScript.

#анимация #ui #css

https://codepen.io/georgedoescode/pen/XWNmvro

@javascriptv

Rockpack – данный инструмент позволяет создавать «каркас» React приложения в стиле create-react-app

Основная идея - сократить время настройки проекта с недель до 5 минут

⤷ Ссылка на проект

@javascriptv | #Interesting #JavaScript #React

Expandable Animated Card Slider

Расширяемый слайдер анимированных карт. Реализован с помощью JavaScript.

#анимация #карточка #javascript

https://codepen.io/yudizsolutions/pen/wvzrPoj

@javascriptv