Бесплатные ресурсы для веб-разработчиков. Часть 2

0
1726
views

Перевод второй части статьи «40+ High Quality Free Resources for Web Development».

Photo by Vincent Ghilione on Unsplash

В первой части мы рассмотрели бесплатные источники иллюстраций и ресурсы, связанные непосредственно с разработкой сайтов. А сейчас перечислим бесплатные ресурсы для работы с CSS и Tailwind, элементами дизайна, а также ресурсы для повышения продуктивности.

CSS

Animista

Нуждаетесь во вдохновении для создания собственных CSS-анимаций или ищете сниппеты кода? Animista — то, что вам нужно. Здесь вы найдете множество крутых CSS-эффектов, способных ускорить вашу разработку.

Pattern.css

Любите использовать шаблоны в дизайне? Тогда эта CSS-библиотека придется вам по вкусу. С ней вам станут доступны различные классы для создания прекрасных паттернов.

CSSeffectsSnippets

Стильные CSS-анимации для вашего сайта.

98.css

98.css позволит вам воплотить в жизнь ностальгические фантазии клиентов. Если вам понадобится создать сайт или Electron-приложение в стиле Windows 98, 98.css очень вам пригодится.

Tailwind

TailwindComponents

Tailwind это очень популярный в настоящее время CSS-фреймворк, и сайты, подобные его официальному сайту, демонстрируют, в чем причина этой популярности. TailwindComponents предлагает сотни компонентов, созданных сообществом при помощи tailwind.css. Некоторые из них отличаются очень высоким качеством, так что обратите внимание!

Tailblocks

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

Дизайн

colors.lol

Нужны выразительные цветовые палитры? Загляните для начала на colors.lol. Там вы найдете больше 10 палитр, которые помогут сделать ваш дизайн более энергичным.

ColorMind

Colormind генерирует цветовые схемы с использованием глубокого обучения. Вы можете заблокировать цвета и подобрать для них цвета-компаньоны.

Ucraft Logo Maker

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

AppMockUp

AppMockUp позволяет без особого труда создавать макеты приложений для Android и iPhone. Если вы занимаетесь мобильной разработкой, обратите внимание на этот ресурс.

Webframe

На Webframe вы найдете тысячи вариантов дизайна. Все они созданы на основе реальных сайтов.

FontSpark

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

HackDesign

У вас много времени и хочется изучить основы дизайна? HackDesign — отличный источник знаний. Этот сайт предлагает множество уроков, которые научат вас всему, что должен знать дизайнер.

Checklist Design

Если вы создаете сайты (или дизайн сайтов), эти чеклисты — настоящая находка для вас. Они гарантируют доступность и отличный UX для разных компонентов вашего сайта, таких как формы, шрифты, кнопки и т. п.

Remove BG

Название говорит само за себя. Этот инструмент поможет вам без особого труда удалять фон изображений, чтобы можно было использовать отдельные элементы в дизайне сайта.

Unscreen

Этот сайт — аналог предыдущего, только для гифок и видео.

Продуктивность

Sejda

Sejda это отличный PDF-редактор. Прекрасно подойдет для работы над резюме!

GetTerms

GetTerms генерирует Privacy Policy и Terms of Service для вашего приложения. Это позволяет сэкономить много времени при создании нового веб-продукта.

Top Hunts Time Machine

Этот инструмент позволяет просматривать самые известные продукты на Product Hunt. Проверяйте ежемесячно, и найдете много интересных ресурсов.

Notion

Notion это инструмент «три-в-одном»: с его помощью можно писать заметки, Wiki, а также планировать задачи (Kanban-доски, таблицы, списки). Я использую этот инструмент для ведения блога и заметок.

Writty

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

Grammarly

Онлайн-сервис для проверки правописания и помощи в составлении текстов (на английском языке). Практически обязательный инструмент для написания чего угодно в интернете. Я бы сравнил его с ESLint: он вылавливает ошибки прежде, чем вы их заметите. Разработчикам этот сервис может пригодиться, например, при написании GitHub issue, вопроса на Stack Overflow и т. п.

OpenSource Builders

OpenSource Builders предлагает множество open-source альтернатив для известных продуктов вроде Facebook, Slack, Shopify и др.

Wave

Если вы фрилансер или ведете собственный бизнес, Wave может помочь вам с бухгалтерией и выставлением счетов.

Clockify

По-настоящему бесплатный тайм-трекер для отдельных разработчиков и команд. Clockify позволяет вам легко вести логи временных затрат, а кроме того в нем есть много всяких функций для обработки полученных данных.

Untools

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

Заключение

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

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here