10 Маленьких помощников для веб-разработчика и тестировщика 👇

Вот подборка небольших, но полезных инструментов, которыми я пользовался, когда училась, а также тех, которые сохранил себе в закладки. Уверен, что они пригодятся многим в будущем:

1️⃣ Can I use
(Кто о нем не знает, тот не в теме 😉)
Помогает проверить, поддерживают ли разные браузеры CSS, HTML5, JS-API и другие современные технологии.
Сайт: caniuse.com

2️⃣ TinyPNG
Сокращает размер PNG и JPEG изображений без потери качества.
Совет для новичков: всегда оптимизируйте изображения с самого начала.
Сайт: tinypng.com

3️⃣ Font Squirrel
Генератор веб-шрифтов. С этим инструментом легко скачать шрифты и получить готовый к работе комплект.
Сайт: fontsquirrel.com

4️⃣ Base64 Image Encoder
Конвертирует изображения в формат Base64 для использования в стилях или HTML.
Сайт: base64-image.de

5️⃣ Lorem Ipsum Generator
Самый простой способ создать «рыбу» для заполнения страниц и тестирования макетов. Идеально для начальных этапов работы над pet-проектами или портфолио.
Сайт: loremipsum.io

6️⃣ Coolors
Генератор цветовых палитр. Если вы не отличаете мадженту от пурпурного, этот инструмент поможет создать визуально гармоничные цветовые схемы.
Сайт: coolors.co

7️⃣ Rich Text to Markdown
Хотите сделать красивое описание в .md файле для проекта на GitHub, но лень? Этот сайт — ваш лучший друг.
Сайт: rich-text-to-markdown.com

8️⃣ HTML to Pug
Преобразует HTML-разметку в Pug. Удобно для работы с шаблонами.
Сайт: html-to-pug.com

9️⃣ Генераторы фавиконов
(Вы же знаете, что такое фавикон? 😉)

LogoAI: генератор логотипов на базе искусственного интеллекта — logoai.com
Real Favicon Generator: создает фавиконы для разных устройств/браузеров — realfavicongenerator.net
Favicon.io: генератор фавиконов из текста, эмодзи или изображений — favicon.io

🔟 Коллекции конвертеров
На случай, если вам понадобятся разные инструменты:

Atatus Tools: JSON-форматтеры, URL-декодеры, генераторы UUID и др.
Сайт: tools.atatus.net

LambdaTest Free Tools: PX-to-REM конвертеры, тестирование контрастности и многое другое.
Сайт: LambdaTest Tools

Если еще что-то интересное можете порекомендовать? Делитесь! 🤗

#webdevelopment #frontend