​Cupertino-Panes - это библиотека написанная на JavaScript для создания продвинутых мобильных интерфейсов.

С помощью библиотеки вы сможете за пару минут создать в своём приложении выдвижные панели любой сложности, как в Apple Stocks и Google Maps.

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

#GitHub | #JavaScript

@javascriptv

Driving through the Mountains

Сцена создана при помощи препроцессоров Haml и SCSS. В JS реализована логика установки расстояний между деревьями.

https://codepen.io/Elwend/pen/bvyJyq

Стильный слайдер для сайта

#html #css #js #slider

https://codepen.io/theseventh/pen/LYVqMYb

@javascriptv

​react-compress – инструмент, что позволяет уменьшить размер JS бандла при компиляции проекта

Эта библиотека сжатия была создана с помощью Brotli и Gzip для пользователей React, которые хотят повысить производительность веб-сайта и уменьшить код JS бандла без особых проблем

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

@javascriptv | #JavaScript #React #Interesting #Useful

SVG Hamburger Menu - Коллекция анимированных SVG-иконок меню гамбургеров. Анимация реализована с помощью JavaScript.

Подробнее 👇

https://codepen.io/matthewmain/pen/NWKoPXJ

@javascriptv

Библиотека Ethers.js: новичкам на заметку

Ethers.js и web3.js  —  это две библиотеки JavaScript с открытым исходным кодом, которые позволяют разработчикам взаимодействовать с блокчейном Ethereum и выполнять разные задачи.

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

@javascriptv

✅ Nexus  —  новый визуализатор дерева компонентов для Next.js

Фреймворк Next.js от Vercel влюбляет в себя с первого взгляда.

От интуитивно понятной архитектуры маршрутизации на основе каталогов и встроенных функций извлечения данных с возможностями серверного рендеринга до функционала Fast Refresh, с которым пропадает необходимость в системах сборки для «живой перезагрузки»,  —  в Next.js создается по-настоящему интегрированный, мощный процесс разработки полного цикла. И на совершенно новом уровне.

Мы работаем в React в основном на фронтенде, поэтому выбор Next.js  —  фактически в роли обертки этой библиотеки  —  был очевиден.

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

@javascriptv

Magnetic button animation - Анимация примагничивающихся кнопок при наведении, реализована с помощью CSS и JavaScript.

https://codepen.io/milanraring/pen/gOwGpdm

@javascriptv

Движки JavaScript. Часть 1: парсинг

JavaScript становится все более популярным. “Написанное однажды выполняется в любом месте”  —  это про JavaScript (не только про Java)! Но что лежит в основе этого процесса? V8, SpiderMonkey, JavaScriptCore и многие другие движки. Хорошим примером “выполнения в любом месте” были движки Nashorn и Rhino, основанные на Java Virtual Machine, но слышали ли вы когда-нибудь о них?

Рассмотрим подробно движки JavaScript и их механизм работы.

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

@javascriptv

​Octotree – Гитхаб на стероидах

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

Такие функции, как обзор pull реквестов, синтаксические темы, возможность разделить интерфейс на несколько вкладок, пользовательские шрифты кода и другие, выводят опыт пользования GitHub на новый уровень

#GitHub | #JavaScript #Extension #Browser #Useful

@javascriptv

Создание многопользовательской игры с использованием Socket.io при помощи NodeJS и React

https://nuancesprog.ru/p/10699/

@javascriptv

​Github-repo-size – Расширение Chrome для отображения размера репозитория на GitHub

#GitHub | #JavaScript #Extension #Chrome #Useful

@javascriptv

Scattering hexagons

Анимация рассеивающихся шестиугольников, реализованная с помощью jQuery.

https://codepen.io/K-T/pen/OJLxzVq

Адаптивный слайдер с описанием и изображением. Имеет автопрокрутку и несколько элементов управления. Реализован с помощью HTML, CSS и JavaScript.

https://codepen.io/Akimzzy/pen/JjGKMoX

Задача

Входные данные:

32-bit signed  integer number

Выходные данные:
number с перевернутыми цифрами (строкой), либо '0'

Примечание:
Если изменение number приводит к тому, что значение выходит за пределы интервала [-2^31, 2^31 - 1], нужно вернуть '0'

Ответ

Unredacter – опенсорсная утилита которая позволяет депиксилизировать защищённый текст на картинке

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

| #TypeScript #Interesting #Photo