Эти инструменты помогут вам создавать более быстрые веб-сайты, дополнять их различными интеграциями, улучшать формы и многое другое.
Вот тут еще подборка инструментов для веб-дизайнеров за предыдущий месяц. Там вы найдете отличные учебные ресурсы, а также инструменты для оптимизации повседневных задач.
01. Whimsical
«Быстрый и восхитительный», Whimsical предлагает интересный способ коллективно работать над проектом благодаря эффективному и приятному пользовательскому интерфейсу. С помощью этого инструмента вы можете быстро создать блок-схемы, каркасы и заметки. Каждый инструмент действительно мощный, а работать над одной и той же задачей одновременно может любое количество людей. Вы можете создавать до четырех бесплатных досок в месяц, а если понадобится больше, то подписка на месяц обойдется в 10 долларов за пользователя.
02. web.dev
Команда веб-платформ Google создала этот ресурс, чтобы помочь разработчикам создавать веб-сайты, которые в полной мере используют возможности современного интернета. Здесь собраны инструменты, которые помогут вам измерить эффективность вашего сайта, а также учебные пособия и руководства, которые научат вас, как правильно это сделать. Цель проекта - научить разработчиков создавать безопасные, устойчивые и быстрые сайты.
03. Flare
Flare - это инструмент разработки и векторной анимации для веб-приложений и игр. Его основное отличие заключается в том, что вы всегда работаете с конечными ассетами , которые будут работать в вашем приложении или игре. Вам не понадобится разрабатывать программное обеспечение используя один инструмент, анимацию в другом, а затем воссоздавать все это в рамках своего кода. Создатель Flare, 2dimensions, предлагает его бесплатно в рамках своего движения Open Design - инициативы, которая побуждает дизайнеров делиться своими work-in-progress работами.
04. Getform
Getform - это действительно простой способ добавить форму на свой веб-сайт и управлять полученными данными. Просто дайте форме название, добавьте поля URL и поля формы в код, и все готово. Вы получаете великолепную форму на своем сайте, а данные для отправки могут быть интегрированы с различными популярными платформами, такими как Salesforce, Google Sheets и Mailchimp или экспортированы как CSV, JSON и XLS. Присутствует эффективная фильтрация спама и функция загрузки файлов, благодаря которой вы можете собирать до пяти файлов за отправку, что часто отсутствует в инструментах управления формами.
05. humaaans
Этот настраиваемый набор иллюстраций подобен «лего-человечкам, сделанным из плоти ... и векторов», потому что он позволяет менять такие элементы, как одежда и прически человеческих фигур, а также вращать и изображать их так, как вам удобно. Он отлично подходит для построения фигур для вашего приложения или интерфейса веб-сайта, которые идеально подойдут под ваш макет. humaaans - хороший компромисс между использованием стандартных изображений и временными и финансовыми затратами на наем собственного иллюстратора. Библиотека предназначена для личного или коммерческого использования и предоставляется в соответствии с международной лицензией Creative Commons Attribution 4.0. Подробнее об этом читайте в новостном посте здесь.
06. Mindful Design by Scott Riley
Понимание работы человеческого мозга, основанное на статьях и наблюдениях, сделает вас лучшим дизайнером. Mindful Design Скотта Райли излагает некоторые аспекты психологии и нейробиологии, такие как фокус и отвлечение внимания, как мы анализируем и группируем информацию, что безусловно важно при создании качественного дизайна. Райли объясняет, как использовать это в процессе проектирования, и исследует то, как мы можем использовать эту информацию корректно. Вместо создания продуктов, вызывающих привыкание, он предлагает столь необходимую альтернативу, рассматривая некоторые теории внутренней мотивации и способы создания продуктов, которые бы доставляли людям удовольствие. Mindful Design выходит 4 февраля, и вы можете сэкономить 18 процентов, сделав предварительный заказ на Amazon.
07. Service Workies
Service Workers используют подход игрового обучения. Вы учитесь во время убийства драконов, которые представляют из себя «подводные камни» Progressive Web App. Как только вы закончите, вы будете способны создать свое оффлайн-приложение. Вы получите хорошие навыки для разработки производительных и нативных решений. Если вам понравится, можно также в Flexbox Zombies (как и Service Workers бесплатно) и Grid Critters ($ 229).
08. Squoosh
Этот оптимизатор изображения позволяет точно увидеть, что было потеряно при сжатии с помощью ползунка, который можно перемещать по изображению, чтобы сравнить версии до и после. Вы можете попробовать различные компрессоры изображений и поэкспериментировать с настройками каждого из них, чтобы увидеть, какие из них дают наилучшие результаты для вашего изображения.
09. Shapy
Если вы новичок в CSS-градиентах, этот инструмент - интересный способ начать использовать графический интерфейс вместо того, чтобы писать код самостоятельно. Вы можете указать размер холста с помощью ползунков и переключаться между линейными градиентами (создают прямоугольные формы) и радиальными градиентами(создают круглые формы). Вы можете ввести цвета для областей, где ваш градиент начинается и заканчивается, и использовать окно предварительного просмотра для дополнительных настроек, пока не получите именно тот результат, который вам нужен.
10. The Y Combinator Database v2.0
Когда-нибудь задумывались, что происходит с вашими рекламными компаниями? Теперь вы можете отслеживать их в соответствии с 16 различными метриками с помощью The Y Combinator Database v2.0, которая была запущена в прошлом году и недавно была дополнена множеством новых функций. Вы можете просматривать компании, ранжированные по количеству сотрудников, сумме финансирования, темпам роста и множеству других факторов.
Оригинал тут
Перевел Sash