В этой статье я расскажу о полезных сайтах, программах и сервисах, которые станут хорошим помощником для веб-программиста и значительно упростят ему работу. Если вы новичек в мире веба, то данная подборка будет вам кстати.
Редактор исходного кода
Visual studio Code
Пожалуй начну я именно с редактора кода и в качестве достойного помощника в этом деле, я выделяю именно редактор от Microsoft, который был разработан для всех операционных систем, будь то Windows, Linux или MacOS.
Visual studio Code очень функциональный редактор исходного кода, с огромным количеством дополнений и плагинов, которые могут значительно облегчить вам работу над любым проектом, независимо от того, на каком языке вы пишите проект.
Автозаполнение тегов, правки кода, поддержка всех языков программирования и многое-многое другое, будет помогать вам в вашей задаче, все в лучших традициях хороших редакторов.
Подробнее про редакторы кода Вы можете прочитать в моей статье - ссылка на статью
Работа с изображениями и PSD макетами
Photoshop
Несомненно, Photoshop является самой известной и функциональной программой для обработки фоторафий.
Вот небольшой список функций, которые Вы сможете использовать:
- Коррекция изображений - возможно исправить все ошибки изображения, все недочеты;
- ретуш - возможность удаления лишних объектов на изображение, корректировать цвет объекта и многое другое;
- коллажи и фотомонтаж - соединение нескольких фрагментов разных фотографий в одну, может пригодится много где, к примеру для создания обложки к журналу;
- рисунки - многочисленное количество кистей делает Photoshop отличным инструментом для создания растровой графики.
Для редактирования фотографий - Photoshop отличный помощьник.
Также в Photoshop разрабатывают PSD макеты сайтов и веб-приложений, разработчику будет полезно знать, как использовать инструменты программы.
Но официально, Photoshop есть только на Windows и MacOS, что делать пользователям Linux, к примеру мне, на этот вопрос отвечаю дальше.
Krita
Это бесплатное, кроссплатформенное приложение для рисования и редактирования изображений. На самом деле, когда я перешел на линукс, Krita стала для меня находной, поразила своими функциями и удобством.
На Krita можно создавать профессиональные цифровые изображения, обилие кистей и функций корректировки изображений позволяет нарисовать с нуля практически все, что захочется, ограничения есть только в вашем воображение.
Gimp
Gimp называют клоном Photoshop на Linux, но это не совсем так, не дотягивает Gimp до Photoshop, допустим часто бывает такое, что PSD макеты в Gimp, сделанные на Photoshop, открываются некорректно, отображая не все элементы дизайна. Но все же через Gimp можно создать макет сайта и потом открыть его без проблем на Photoshop.
Несмотря на некоторые недотягивания до мощной программы компании Adobe, Gimp явялется хорошим инструментом для дизайна и редактирования изображений. В своём вооружение он имеет практически все инструменты, которые есть в Photoshop и вы с легкостью сможете их использовать для своего проекта.
Marsy
Marsy - это онлайн сервис для работы с PSD макетами.
Загружая любой PSD макет в программу, вы получаете полную информацию о нем: расстояние между объектами, цветовую схему, возможность загрузки изображений, просмотр структуры макета и многое другое.
Этот сервис предоставляет все инструменты, для комфортной работы верстальщика.
Marsy можно пользоваться бесплатно, но есть ограничение в один проект, платные тарифы стоят всего 100 и 200 рублей в месяц, после приобретения платного тарифа, снимаются все ограничения.
Также для работы с дизайном, для создания призентаций, логотипов, плакатов и для быстрого редактирования изображений, советую вам два сайта, инструменты которых можно использовать бесплатно:
Работа с макетами сайтов
Figma
Приведу в пример только Figma, потому что она доступна на всех платформах, как онлайн, так и десктопная версия.
Figma - это профессиональная программа для создания дизайна сайтов и приложений. В принципе в ней можно нарисовать любой проект.
Для меня Figma является самой функциональной программой для создания макетов сайтов. Обилие инструментов и дополнительных плагинов делает её самой популярной программой среди веб-разработчиков и веб-дизайнеров.
Также в Figma есть библиотека готовых проектов, которые разместили пользователи, вы же можете что-то брать у них, или просо вдохновляться работами профессионалов.
Иконки и шрифты
Google Fonts
Здесь и вопросов возникать не должно, все понимают, что Google Fonts самая богатая библиотека шрифтов. Здесь вы сможете найти шрифт на любой вкус.
Icon-icons
Я пользуюсь именно этим сайтом для поиска нестандартных иконок, а их здесь тысячи. Есть как платные, так и бесплатные.
Ссылка на сайт - ссылка.
Песочница
CodePen
CodePen является очень функциональной песочницей и богатой библиотекой готовых проектов.
Здесь вы сможете написать свой проект прям в браузере, через редактор CodePen и увидеть изменения сразу в соседнем окне редактора.
Также в CodePen можно делиться своими проектами и оценивать работы других пользователей. Многие проекты находятся в открытом доступе для пользования.
Для использования сервиса требуется только регистрация, скачивать ничего не нужно, вся работа идет онлайн, через браузер.
Ссылка на сайт - ссылка.
Подробнее о песочницах в моей статье - ссылка на статью.
Вот и подошел к концу мой небольшой список программ и сервисов, которые пригодятся вам в работе над сайтами или приложениями.
