Перевод второй части статьи «40+ High Quality Free Resources for Web Development».
В первой части мы рассмотрели бесплатные источники иллюстраций и ресурсы, связанные непосредственно с разработкой сайтов. А сейчас перечислим бесплатные ресурсы для работы с 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 это коллекция «мыслительных» инструментов, которые должны помогут вам решать проблемы, разбираться в системах и принимать решения.
Заключение
Надеюсь, перечисленные здесь инструменты помогут вам создавать лучшие сайты и приложения — так же, как помогли мне!
[customscript]techrocks_custom_after_post_html[/customscript]
[customscript]techrocks_custom_script[/customscript]
