Javascript

10 July 2023 12:02

Yotako.io — крутой инструмент дизайна в код с помощью искусственного интеллекта

С помощью инструмента можно без труда экспортировать дизайн из графических редакторов, таких как Sketch и Adobe XD, и преобразовать их в код на различных языках программирования и фреймворках

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

Стоимость: #бесплатно (но есть платные тарифы).

#дизайн #code #ии

@javascriptv

Javascript

07 October 2022 12:31

Morphing Submit Button

Кнопка отправки морфинга. Реализована с помощью JavaScript.

#кнопка #javascript #css

https://codepen.io/toshiya-marukubo/pen/dypmMQq

Javascript

05 October 2022 06:48

​Fakebrowser – Браузер, что умеет подделывать нажатия пальцев для обхода анти-бот систем.

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

#GitHub #JavaScript #Interesting #Browser

@javascriptv

Javascript

03 October 2022 11:12

Как легко управлять зависимостями в монорепозитории JS

Пытаясь эффективно управлять зависимостями в монорепозитории, можно столкнуться с этими двумя проблемами одновременно.

В некоторых случаях монорепозитории упрощают и ускоряют разработку, а также обеспечивают возможность совместно работать над кодом. Многие компании, от Google и Uber до стартапов, порой используют монорепозитории ради этих преимуществ.

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

Уделим внимание одной из самых наболевших проблем монорепозитория — управлению зависимостями. Посмотрим, как с помощью инструментов с открытым исходным кодом, таких как рабочие среды Pnpm и Yarn, а также Bit, можно элегантно решить эту задачу и значительно упростить работу с зависимостями.

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

@javascriptv

Javascript

01 October 2022 07:31

​Coderoad – расширение VSCode, которое позволяет создавать и воспроизводить интерактивные учебные пособия по разработке/написанию кода

Работает с множеством языков: JavaScript, Python, Bash, SQL и многие другие

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

@javascriptv | #Interesting #JavaScript

Javascript

29 September 2022 10:06

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

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

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

@javascriptv | #Interesting #JavaScript #React

Javascript

27 September 2022 07:49

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

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

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

@javascriptv | #Interesting #TypeScript

Javascript

26 September 2022 08:07

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

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

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

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

@javascriptv

Javascript

24 September 2022 09:28

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

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

@javascriptv

Javascript

23 September 2022 13:05

Reflection

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

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

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

Javascript

21 September 2022 11:51

Cards Carousel

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

#html #css

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

Javascript

19 September 2022 13:40

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

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

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

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

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

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

@javascriptv

Javascript

18 September 2022 10:00

⚙️ ​gltfjsx

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

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

#JavaScript #3D #Interesting

@javascriptv

Javascript

16 September 2022 12:17

Rooster Animation

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

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

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

@javascriptv

Javascript

14 September 2022 09:46

Day and Night

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

#css #js

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

Javascript

31 October 2022 08:07

​Повышение производительности с помощью Web Worker: подробное руководство


JavaScript однопоточен и это может быть проблем для приложений, требующих многозадачности. Однако, для решения этой проблемы существует Web Worker — инструмент, предоставляемый браузерами, который позволяет разработчикам запускать дополнительный скрипт в фоновом режиме.

Подробнее о нём и о том, как с ним работать:

https://blog.bitsrc.io/web-workers-a-step-by-step-guide-to-boosting-performance-with-web-workers-11307238b36e

#javascript

@javascriptv

Javascript

06 October 2022 12:36

Fish Spinner - загрузчик для сайта. Спинер сделан при помощи CSS и JS

https://codepen.io/chrisgannon/pen/gOzgXve

@javascriptv

Javascript

04 October 2022 15:51

WARP

Красивая анимация плавающей голограммы. Реализована с помощью JavaScript.

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

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

@javascriptv

Javascript

02 October 2022 08:35

Телеграм бот на Node JS. Как создать тайм-трекер с помощью API Telegram Bot и веб хуков.

В данной статье вы узнаете, как вести учет рабочего времени с помощью Telegram Bot API и механизма веб хуков (англ. Webhooks). Мы разберем этапы создания, настройки и развертывания тайм-трекера. Но сначала хотелось бы рассказать, как эта идея пришла мне в голову. Если же вас интересует только техническая часть повествования, переходите сразу к следующему разделу.

Введение
Как-то в разговоре моя жена сказала, что ей нужно написать почасовой отчет о работе, проделанной за 3 последних месяца, и определить точное количество отработанных часов. Не имея в распоряжении никакого инструмента для регистрации рабочего времени, ей было довольно сложно рассчитать эти показатели по старым заметкам и чатам. Тогда она поддержала предложение своего руководителя создать группу в WhatsApp, куда будет отправлять сообщение в момент начала и окончания работы. Имеющиеся сообщения упростят составление подобных отчетов.

Идея отличная: телефон практически всегда под рукой, так что ничего не стоит просто написать слова “начало”/“окончание” или что угодно. Я вдохновился этой идеей и задумался о способах ее реализации. Часами я искал хороший инструмент для учета рабочего времени, руководствуясь следующими обязательными условиями: 1) он должен легко вводить сообщение “Задание выполняется” или “Задание готово”; 2) он работает на всех имеющихся устройствах.

Я опробовал несколько соответствующих приложений, которые запускались на компьютерах Mac, Linux и смартфонах, но ни одно из них меня не зацепило. Тогда я вернулся к способу учета времени, которым жена пользовалась на тот момент, и еще раз осмыслил классную задумку прописывать в мессенджере время начала и окончания работ. Изучив материал по теме ботов и веб хуков, я создал инструмент на основе Telegram.

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

@javascriptv

Javascript

30 September 2022 12:05

Expandable Animated Card Slider

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

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

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

@javascriptv

Javascript

28 September 2022 11:25

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

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

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

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

@javascriptv

Javascript

26 September 2022 16:34

Sliding Icon Menu

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

#css #js

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

@javascriptv

Javascript

25 September 2022 09:04

✔️ ​Demodal

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

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

#GitHub #JavaScript #Web #Useful #Interesting

⚙️ Github

@javascriptv

Javascript

24 September 2022 07:09

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

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

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

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

Javascript

22 September 2022 08:12

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

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

#GitHub #JavaScript #Emulator #Interesting

@javascriptv

Javascript

20 September 2022 11:36

Timekeeping

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

#js #vue

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

@javascriptv

Javascript

19 September 2022 11:42

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

Вам сюда: 👉 @we_use_js

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

Javascript

17 September 2022 13:08

☕ ТОП-5 вопросов и ответов по JavaScript на Stack Overflow за все время

https://proglib.io/p/top-5-voprosov-i-otvetov-po-javascript-na-stack-overflow-za-vse-vremya-2022-09-14

@javascriptv

Javascript

15 September 2022 09:43

🗒​ remember

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

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

@javascriptv | #Interesting #JavaScript #Useful

Javascript

12 September 2022 12:31

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

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

@javascriptv