Box Shadow CSS Generator — простой и наглядный инструмент для генерации CSS-элемента с тенью

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

Да, всё это можно сделать и вручную, но передвигая ползунки и видя сразу результат оно как-то нагляднее

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

#css #бесплатно

SVGOMG — онлайн GUI для SVGO

Энтузиасты перенесли возможности SVGO на рельсы веб-приложения. Теперь оптимизировать векторную графику формата SVG можно прямо в браузере!

При этом с помощью инструмента можно оптимизировать как отдельные файлы, так и каталоги с SVG и SVGZ файлами

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

#svg #web

explainshell.com — отличный сервис-энциклопедия, объясняющая команды Терминала

Работает максимально просто — вы пишете интересующую вас команду, а платформа разбивает её на составные части. После этого она объясняет каждую из них, используя для этого заранее спарсенные man-страницы

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

#man #terminal #open_source

XML Viewer — веб-инструмент для улучшения вашего XML

Сервис одновременно работает как в качестве валидатора XML, так и в качестве редактора, инструмента для форматирования и просмотрщика

При этом с помощью XML Viewer можно делать свои файлы данного формата более короткими, а также переводить их в JSON и CSV форматы

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

#xml #csv #json

Web Resizer — онлайн-оптимизатор фото для ваших веб-сайтов

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

За раз можно загрузить до 20 картинок весом по 5 Мбайт каждая

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

#web #оптимизатор #изображения

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

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

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

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

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

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

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

Tinkercad — бесплатное веб-приложение для 3D-проектирования

С его помощью вы можете проектировать как простенькие трёхмерные объекты, так и более сложные, например, электронные устройства

Есть в инструменте и поддержка написанного вами программного кода

Для изучения азов данного направления — отличный вариант. Если же вы профи, то лучше присмотреться к каким-то другим сервисам

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

#web #3d #code

Noun Project — иконки и фото на любой вкус

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

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

#иконки #фото

Teachable Machine — платформа машинного обучения для самостоятельной тренировки нейросети

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

При этом Teachable Machine предлагает быстрый и простой способ создания моделей машинного обучения для ваших сайтов, приложений и многого другого. Не требуя при этом ни опыта, ни навыков кодинга

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

#web #ml #google

Tabs to Spaces — простейший инструмент для перевода табов в пробелы

Да, всё работает так просто, как написано — вы вставляете свой текст в поле, а сервис переводит табы в проблемные отступы

Есть даже возможно выбрать количество пробелов на один отступ, от 1 до 4

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

#web #code

SonarQube — платформа для проверки кода на качество по правилам, основанным на соглашениях и стандартах

Инструмент поддерживает 29 языков, в числе которых как ожидаемые Python, Java и C++, так и менее очевидные Cobol и Visual Basic

На первом месте в SonarQube находится измерение качества в соответствии с концепцией технического долга. Он, в свою очередь, вычисляется в долларах и человеко-днях, а также по типам показателей, в процентах

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

#code #python #java

Shield.io — инструмент для генерации кастомных бейджей

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

Очень удобно при оформлении своего GitHub-аккаунта

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

#github #оформление

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

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

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

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

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

Screely — генератор мокапов сайтов из скриншотов

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

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

На сайте сервиса пишут, что им пользуются крупнейшие IT-гиганты, такие как Amazon, GitHub и Google

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

#скриншоты #дизайн #web

Regexr — онлайн-сервис для наглядного тестирования регулярных выражений

Инструмент поддерживает два языка — JavaScript и PHP/PCRE. При этом с его помощью можно не только проверять, но также изучать и создавать регулярки

Из мелких приятных плюшек можно отметить возможность использования сочетаний клавиш (⌘ + Z, ⌘ + Y) для управления внутри редактора

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

#регулярные_выражения #web

Online GDB — онлайн-компилятор и отладчик с поддержкой огромного количества языков

Инструмент может быть полезен разработчикам C, C++, Python, PHP, Ruby, C#, VB, Perl, Swift, Prolog, Javascript, Pascal, HTML, CSS и JS

При этом здесь же вы можете научиться основам С и С++, а также хранить свои проекты

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

#web #editor #code

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

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

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

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

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

Studio 3T — многоплатформенный графический браузер данных и редактор для MongoDB

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

В то же время Studio 3T обеспечивает безопасные соединения с единичными экземплярами MongoDB и наборами реплик

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

#mongodb #editr #gui

Asciinema — инструмент для записи терминальных сессий

Работает он максимально просто и непосредственно в самом Терминале. Достаточно лишь запустить команду asciinema rec, а для завершения воспользоваться сочетанием клавиш Ctrl-D или ввести exit

Есть поддержка как Linux, так и macOS с BSD

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

#terminal #утилита #open_source

DB Fiddle — онлайн-площадка для работы с базами данных SQL

Её можно использовать как своеобразную песочницу для тестирования, отладки и обмена фрагментами SQL. Есть поддержка разных версий MySQL, PostgreSQL и SQLite

Из интересного: к работе над базой можно подключить приятеля — делается это буквально в пару кликов

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

#db #sql #web