Menu Animation

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

https://codepen.io/aaroniker/pen/abzZbzR

Пишем чистый код при помощи деструктуризации объектов в JavaScript

Деструктуризация — это синтаксис, который позволяет распаковывать значения из массивов или свойства из объектов в переменные.

Что нам это дает? Возможность писать более чистый и понятный код, экономя время и количество строк.

Читать

@about_javascript

Fit Text

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

#текст #css #javascript

https://codepen.io/shshaw/pen/LYVBVve

Broxus Elysium Hackathon в Белграде и онлайн

Broxus, один из главных разработчиков сети Everscale, бросает вызов всем талантливым девелоперам! В Белграде (Сербия) 14-17 июля пройдет хакатон, где участники будут бороться за призовой фонд в размере 30.000 долларов и специальный приз зрительских симпатий! 💸

Участие бесплатное!

На хакатоне участников ждут 3 трека:

- сделать MVP cross-chain даппа
- создать полезные инструменты разработки
- показать что такое лучший UX/UI

На площадке и в онлайне будут крутые менторы, которые поделятся опытом и советом. После награждения участников ждет вечеринка на дебаркадере с классным диджеем! В онлайне тоже не будет скучно!


👉 Узнать подробнее о хакатоне и зарегистрироваться можно на сайте: https://l1.broxus.com/hackathon

👋 Обсудить хакатон в телеграме https://t.me/broxus_elysium и дискорде https://discord.gg/6dryaZQNmC

Dark mode toggle switcher

Переключатель светлого и темного режима, реализованный на чистом CSS.

https://codepen.io/demilad/pen/bZRjpb

​Tesseract.js – Библиотека для извлечения/распознавания текста на изображениях, поддерживает почти любой язык.

#GitHub | #JavaScript #OCR

@about_javascript

Plotly.js — Библиотека построения графиков на JavaScript с открытым исходным кодом

Позволяет добавлять различные виды диаграмм и графиков в проект.

Особенности / преимущества:
✔️Предоставляет более чем 40 типов диаграмм, включая трехмерные
✔️Доступна для JavaScript, Python, R, F# и т.д
✔️Построена на основе d3.js и stack.gl
✔️Открытый исходный код

https://github.com/plotly/plotly.js

@about_javascript

Что выведет консоль?

​​Open Video Downloader – Кроссплатформенный графический интерфейс для упрощения загрузки видео с различных медиахолдингов, созданный на Electron и node.js.

Особенности:
• Скачивание со всех платформ: YouTube, vimeo, twitter и многих других.
• Возможность загружать несколько видео / плейлистов / каналов за один раз
• Возможность выбора разрешения и формата, в котором вы хотите скачать
• Скачивание частных видео (в настоящее время проверено только на YouTube)
• Многопоточность (до 32 видео могут быть загружены одновременно)

@about_javascript | #JavaScript #Downloader #Useful

Activate Button animation

Кнопка с анимацией активации, реализованная с помощью CSS и JavaScript.

#кнопка #css #javascript

https://codepen.io/aaroniker/pen/ZVOrOZ

​Prettier - прекрасный форматировщик кода

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

JavaScript · TypeScript · Flow · JSX · JSON
CSS · SCSS · Less
HTML · Vue · Angular
GraphQL · Markdown · YAML

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

@about_javascript | #Code #Correction

Как настроить Next.js на TypeScript, чтобы получить оценку в 100% от Google Lighthouse и Vercel Analytics

Начнем с создания нового приложения Next.js:

$ yarn create next-app — typescript
В корне проекта Next.js на TypeScript будут созданы файлы next-env.d.ts и tsconfig.json. Файл next-env.d.ts делает так, чтобы типы Next.js были подобраны компилятором TypeScript. Его не нужно удалять или редактировать.

Файл tsconfig.json  —  это пользовательская конфигурация компилятора TypeScript. Если понадобятся дополнительные типы, нужно создать *.d.ts в корне и сослаться на него в массиве include файла tsconfig.json.

Более подробную информацию можно найти в официальной документации.

@about_javascript

Поиск Frontend вакансий для мидлов и сеньоров ⚡️

Ребята из Masterhub создали чат-бота, который рассылает разработчикам релевантные Frontend вакансии без спама

Настрой бота за 1 минуту и получай до 50 вакансий в неделю, отобранных по твоим предпочтениям

@MasterHuBot

TypeScript. Что, зачем и как?

https://nuancesprog.ru/p/11501/

​Ferdi – поможет вам организовать использование ваших любимых приложений, объединив их в одно приложение

Ferdi - это настольное приложение, которое поможет вам организовать использование ваших любимых приложений, объединив их в одно приложение. Он основан на Franz - программном обеспечении, уже используемом тысячами людей - с той разницей, что Ferdi дает вам много дополнительных функций и не ограничивает его использование!

Кроме того, Ferdi совместим с вашей существующей учетной записью Franz, поэтому вы можете продолжить с того места, где остановились

#GitHub | #JavaScript #Interesting #Windows

@about_javascript