botd – Библиотека для определения ботов на Вашем сайте

Поможет отличить виртуальные машины от реальных устройств, определить headless браузеры и другие средства автоматизации.

К преимуществам можно отнести простоту подключения скрипта к сайту и понятное API.

@hashdev | #TypeScript #Web #Interesting #Useful

HTML Cleaner — бесплатный улучшайзер HTML, CSS и JavaScript

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

Из прочих «плюшек» можно отметить конвертацию Word-документов в аккуратный HTML и любые другие визуальные документы. В том числе Excel, PDF, Google Docs и т.д

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

#web #html #css

Temp Mail — отличный сервис с одноразовыми email

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

Стоимость: #бесплатно (но есть платные функции)

#web #email

Hastebin — сервис для создания уникальной ссылки для вашего фрагмента кода

Работает всё достаточно просто: вы вводите кусок кода или обыкновенного текста, сохраняете его. Получившийся URL можно передать друзьям или коллегам, чтобы они могли получить к нему доступ в один клик.

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

#код #web

Coolors — сервис для генерации и просмотра цветовых комбинаций

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

У Coolors есть iOS- и Android-приложения, а также плагин для Figma и Chrome-расширение.

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

#web #цвета

@hashdev

Neumorphism.io — онлайн-инструмент для генерации CSS-кода в стиле неоморфизма

Работает сервис максимально просто: вы выбираете цвет элемента, его размеры, радиус, дистанцию тени и т.д

На выходе получаете готовый CSS-код, который можно вставить в ваш проект. И уже по необходимости самостоятельно «доработать»

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

#css #web #open_source

Eleventy — простенький генератор статических сайтов

Инструмент требует Node.js, но за счёт этого вся первичная «магия» генерации сайтов происходит непосредственно в Терминале

У Eleventy очень большое коммьюнити, а также крайне понятная документация

Из интересного стоит отметить, что именно с помощью этого инструмента созданы такие популярные сайты, как Chrome Developers, Netlify, Forsquare и многие другие

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

#web #node #сайты

Vimium — лучший способ познать боль при веб-браузинге

Если шутки про «как выйти из Vim?» для вас вовсе не шутки, то это расширение для Chrome сделает вашу жизнь ещё сложнее

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

Те, кто использовал текстовый редактор Vim, поймут принцип работы этого инструмента

Из интересного — есть версия и для Firefox

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

#web #расширение

Scrimba — платформа для изучения frontend-разработки

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

При этом Scrimba поддерживает мультифайловые проекты, что приближает разрабатываемые проекты к реальной жизни

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

#web #обучение #frontend

Termius — кроссплатформенный SSH-клиент, работающий на ПК и мобильных устройствах

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

Интересной особенностью инструмента является использование сквозного шифрования

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

#ssh #web #шифрование

Adobe Express — бесплатный онлайн-инструмент для создания фотографий и дизайна

Сервис позволяет проводить различные манипуляции с изображениями и видео

Например, буквально в пару кликов удалить задний фон, конвертировать в gif-формат или обрезать ролик

На платформе также можно найти интересные шаблоны, которые могут быть полезны в вашем проекте

Стоимость: #бесплатно (есть платная подписка)

#web #редактор

DevSamples — полезная коллекции чужого кода

С её помощью вы можете найти кусок, который будет полезен именно вам в вашем проекте — его можно свободно скопировать и вставить

Основное внимание сервис уделяет исходным кодам для веб-разработчиков

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

#web #css #шпаргалка

Airbrake — инструмент для мониторинга и отслеживания ошибок в веб-приложениях

С помощью Airbrake вы получаете уведомления о возникновении ошибок в реальном времени, информацию о стеке вызовов и собранные данные о среде выполнения

При этом у утилиты есть интеграция с популярными фреймворками и сервисами, гибкая фильтрация и группировка ошибок

Есть и автоматическая сборка дополнительной информации для упрощения диагностики

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

#мониторинг #ошибки #web

HTTP.codes — бесплатный API для тестирования HTTP-ответов

Сервис поддерживает все основные HTTP-методы и статус-коды, а также предоставляет возможность задержки ответа и добавления пользовательских HTTP-заголовков

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

#HTTP #API #web