​GradeJS – умеет анализировать минимизированные JS бандлы, собранные с помощью Webpack и определять в них пакеты с точностью до конкретной версии (без доступа к исходному коду, сорс-мапам или stats файлам вебпака)

Сервис анализирует абстрактные синтаксические деревья «склеенных» JavaScript файлов и определяет границы оригинальных модулей. Для каждого из таких модулей, генерируется набор специальных сигнатур, которые сопоставляются с индексом в базе данных

⤷ Пример выдачи

@javascriptv | #JavaScript #Web #Useful #Interesting

​Obfuscate – браузерное расширение, для сокрытия текста страниц

С помощью Obfuscate вы можете сделать текст нечитаемым без изменения структуры веб-страницы. Работает по сочетании клавиш Alt+Shift+O

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

@javascriptv | #JavaScript #Web #Browser #Interesting

​​Regexlearn – Проект, который поможет понять и научиться писать регулярные выражения

Особенности:
• Пошаговое обучение
• Интерактивность
• Интуитивно простой интерфейс
• Можно использовать как «шпаргалку»


#GitHub | #JavaScript #Web, #RegEx

@javascriptv

​NSFWJS – JavaScript-библиотека для быстрой идентификации NSFW(not safe for work) контента

В основе библиотеки лежит нейронная сеть на tensorflow.js

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

@javascriptv | #JavaScript #Web #Interesting

✔️ ​Demodal

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

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

#GitHub #JavaScript #Web #Useful #Interesting

⚙️ Github

@javascriptv

​Validate.js – библиотека, которая предоставляет декларативный способ валидации JavaScript-объектов

Поддерживает юнит-тестирование и на 100% покрывает код

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

@github_code | #Interesting #JavaScript #Web

​Pdf.js – программа для чтения PDF-файлов, написанная на JavaScript и HTML5

Это проект с открытым исходным кодом, который постоянно ищет новых участников

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

@javascriptv | #Interesting #Web #JavaScript

PerfectPixel — плагин для браузеров, позволяющий верстать сайты «пиксель в пиксель»

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

Интересной особенностью инструмента является возможность работы как с локальными сайтам, так и с теми, что уже размещены в Интернете

Стоимость: #бесплатно

#web #плагин

@javascriptv

Codeply — набор готовых решений для веб-разработчика

Мало того, что вы можете написать, отредактировать и просмотреть код на одной странице — платформа также предлагает множество инструментов

К таковым можно отнести Bootstrap Builder, SASS Compiler, JSFiddle Integration и т.д

При этом здесь же для вас есть набор уже готовых конструкций, созданных другими пользователями. Например, CSS-анимации, интересные наборы сеток и многое другое

Стоимость: #бесплатно

#code #web

Flexbox Zombies — тренажёр для изучения

Любите игры про зомби? В этой игре нужно установить арбалет и пережить атаки зомби в каждом разделе игры с помощью Flexbox. Flexbox Zombies поможет изучить основы и применить их на практике. Сейчас игра бесплатна после небольшой регистрации:

https://mastery.games/flexboxzombies/chapter/1/level/1

#css #web

@javascriptv

Lighthouse — открытый инструмент от Google для аудита производительности, доступности и SEO веб-страниц

Основное преимущество Lighthouse — это его мощная аналитика и обширная база знаний. Утилита предлагает подробные отчёты и рекомендации по улучшению качества веб-страниц, основанные на проверенных методах и практиках

В отличие от других инструментов анализа, Lighthouse интегрируется с DevTools в Google Chrome и может быть использован в качестве расширения для браузера или в командной строке. Это заметно упрощает проведение аудита и получение результатов

Стоимость: #бесплатно

#SEO #web

@javascriptv

⚡ Интересное исследование производительности анимации на основе скролла страницы

Анимация на основе скролла — это способ добавить интерактивности и визуального интереса вашему сайту или веб-приложению, который запускается в зависимости от положения прокрутки пользователя. Это отличный способ удержать пользователей и сделать сайт более привлекательным.

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

#javascript #api #css #web

@javascriptv

Shotcut WebTools — универсальные инструменты для веб разработчиков и не только

Этот полезный набор инструментов и утилит, предназначенных для упрощения вашей повседневной работы в Интернете, предлагает такие решения, как «Website Status Checker», «User Agent Finder» и т.д

Инструменты платформы позволяют упростить ряд задач, таких как проверка статуса веб-сайтов или определение user agent, что делает их незаменимыми помощниками в работе

Стоимость: #бесплатно

#web #утилиты

@javascriptv