Как и у многих других, у меня есть много закладок, списков чтения и помеченных элементов, которые я периодически проверяю на кодирование. Я решил собрать и перечислить те, которыми пользуюсь довольно часто.

1. Фигма — платформа для дизайна

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

2. CodePen — онлайн-редактор кода

Я в основном использую VSCode, но периодически просто нужно сделать что-то небольшое с HTML/CSS/JS или протестировать кое-что. Вместо того, чтобы создавать все новые папки, я просто делаю это на Codepen и, при необходимости, сохраняю их там же.

3. Coolors — генератор цветовых палитр

Это хорошее место, чтобы настроить или получить несколько уже выбранных цветовых вариаций для вашего приложения/сайта. Вариантов довольно много, поэтому, если вы ищете подходящие цвета, это может быть отправной точкой.

4. Проверка контрастности WebAIM

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

5. favicon.io — генератор фавиконов

Простой и удобный инструмент для создания фавиконки для вашего сайта. Вы можете выбрать изображение, установить для него текст или эмодзи.

6. Диллинджер — редактор разметки

Существует множество редакторов markdown-файлов. Этот просто выглядит чистым и опрятным. Помогает получить структурированный Readme-файл для проекта.

7. Unsplash — стоковые изображения платформы

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

8. snappify.io — редактор фрагментов кода

Когда вам нужно где-то опубликовать части своего кода, вы можете сделать снимок экрана, лично отредактировать или использовать такой инструмент, как snappify. Довольно простое использование для получения четкого выделения кода.

9. 10 Minute Mail — временный почтовый клиент

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

10. Cupcake Ipsum — генератор лоремов

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

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