Коллекция новых инструментов этого месяца — от инструментов для разработчиков до продуктивной работы и небольшого веселья с судоку — найдет что-то для себя.
Вот что нового для дизайнеров в этом месяце.
Лучшие выборы мая
Я СБИЛСЯ С ПУТИ?
Я сбился с пути? Это инструмент, позволяющий узнать, участвуете ли вы в пробной версии Google Chrome origin. Он тестирует новую функцию отслеживания, называемую федеративным обучением когорт (FLoC). По данным Google, в настоящее время пробная версия затрагивает 0,5% пользователей в отдельных регионах, включая Австралию, Бразилию, Канаду, Индию, Индонезию, Японию, Мексику, Новую Зеландию, Филиппины и США. Страница попытается определить, не стали ли вы подопытным кроликом в эксперименте Google с рекламными технологиями.
По словам разработчиков Am I FloCed: «FLoC работает в вашем браузере. Он использует вашу историю просмотров за последнюю неделю, чтобы назначить вас в группу с другими «похожими» людьми по всему миру. Каждая группа получает ярлык, называемый FLoC ID, который должен фиксировать значимую информацию о ваших привычках и интересах. Затем FLoC отображает этот ярлык для всех, с кем вы взаимодействуете в Интернете. Это упрощает идентификацию вас по отпечаткам пальцев в браузере и дает трекерам преимущество при составлении вашего профиля ».
НЕОБРЕЗАННЫЙ
Uncut — это каталог шрифтов Libre, который только начал работу в апреле. Он отличается современными шрифтами и стилями и будет регулярно обновляться. Сортировка по шрифтам без засечек, с засечками, моноширинным или отображаемым шрифтам. Кроме того, вы можете отправить шрифт для включения.
ДЭШБЛОК
Dashblock позволяет создавать автоматизацию без программирования. Используйте его для создания визуальной автоматизации или превращения блоков в варианты использования. (Это инструмент премиум-класса, но для его тестирования предоставляется 14-дневная бесплатная пробная версия.)
МГНОВЕННОЕ
Instant — это быстрый и безопасный инструмент для оплаты в один клик, который работает с WooCommerce. Пользователи заполняют короткую форму при первой покупке, а затем присоединяются к сети, чтобы обеспечить мгновенную, удобную оплату в один клик без паролей. Это облегчает совершение покупок и сокращает брошенные тележки.
5 Инструменты изображения
TRIANGULA
Triangula использует модифицированный генетический алгоритм для триангуляции изображений. Лучше всего он работает с изображениями размером менее 3000 пикселей и менее 3000 точек, обычно обеспечивая оптимальный результат в течение нескольких минут. В результате получается красиво выглядящее изображение.
ИЗМЕНЕНИЕ РАЗМЕРА ИЗОБРАЖЕНИЯ С УЧЕТОМ СОДЕРЖИМОГО В JAVASCRIPT
Изменение размера изображения с учетом содержимого в Javascript решает эту проблему с изображениями, где у вас есть фотография, но она просто не совсем подходит. Урожай не работает, потому что вы теряете важную информацию. Резчик нарезает фотографии и вырезает их, чтобы получить нужные элементы изображения в нужном вам размере. Вероятно, было бы неплохо прочитать руководство, прежде чем переходить к открытому исходному коду на GitHub.
ДИЗАЙН ГЛОБУСОВ
Globs Design использует переключатели и перетаскивание, чтобы помочь вам создавать необычные формы и заливки, которые вы можете сохранить в формате SVG для проектов.
КОРЕНЬ ИЛЛЮСТРАЦИИ,
Корневые иллюстрации — это стильный набор иллюстраций, ориентированных на людей, которые вы можете настраивать для создания сцен для ваших проектов. Создайте сцену, а затем зацепите свой набор векторной графики, который также работает со Sketch и Figma. В набор входят 24 символа, более 100 деталей, а также возможность изменения цвета и стиля.
СДЕЛАЙТЕ СВОЮ ФОТОГРАФИЮ 16 × 9
Make Your Photo 16 × 9 так же просто, как кажется. Это инструмент обрезки, который позволяет загружать фотографии любой формы — даже вертикальные — и выбирать параметры, чтобы заполнить пространство, чтобы оно соответствовало стандартному соотношению сторон 16 × 9.
6 инструментов разработчика
DEVBOOK
Devbook — это поисковая система для разработчиков, которая помогает им находить нужные ресурсы и быстрее отвечать на их вопросы. Быстро, доступно прямо из редактора кода и полностью управляемо с помощью клавиатуры.
МАДОСЕЛЬ
Madosel — это быстрая, передовая адаптивная интерфейсная среда HTML, которая находится в альфа-версии. Инструмент с открытым исходным кодом предназначен для создания веб-сайтов и приложений, которые отлично смотрятся на любом устройстве. Кроме того, он семантический, читаемый, гибкий и настраиваемый.
СКАЗАТЬ ПРИВЕТ ЗАПРОСАМ КОНТЕЙНЕРА CSS
Say Hello to CSS Container Queries помогает решить проблему с медиа-запросами и умным стеком элементов. CSS-запросы контейнера позволяют создавать гибкий компонент, который настраивается на основе родительского элемента, и все это не зависит от ширины области просмотра. В этом посте вы узнаете обо всем, что вам нужно сделать, чтобы реализовать это самостоятельно.
ИНСТРУМЕНТАРИЙ FRONTEND
Frontend Toolkit — это настраиваемая панель инструментов, которую вы можете использовать для выполнения повторяющихся задач. Это один из тех маленьких инструментов, которые могут ускорить рабочий процесс.
FLATFILE
Flatfile — это готовый к работе импортер для приложений SaaS. Он позволяет автоматически форматировать электронные таблицы клиентов без ручной очистки данных, и вы можете делать все это без парсера CSV. Инструмент также включает элегантный компонент пользовательского интерфейса, помогающий пользователям в процессе.
ПЛАЗМЕННЫЙ
Plasmic — это визуальный конструктор веб-сайтов, который работает с вашей кодовой базой. Он предназначен для ускорения разработки, поскольку разработчики сосредоточены на коде (а не на выталкивании пикселей) и позволяет не разработчикам публиковать страницы и контент. Инструмент премиум-класса работает с любым хостингом, CMS или фреймворком, и вы можете адаптировать его по компоненту, разделу или странице.
2 Инструменты для повышения производительности
CALENDSO
Calendso — это инструмент планирования календаря с открытым исходным кодом. Он гибкий: вы можете разместить его у себя или у создателей календаря. Он управляется API и позволяет управлять событиями и информацией. Интерфейс простой и элегантный, и его можно интегрировать в ваш веб-сайт.
SLIDEV
Slidev — это набор слайдов презентации для разработчиков. Эта презентационная колода отличается тем, что вы можете писать слайды в одном файле уценки с темами, блоками кода и интерактивными компонентами.
4 иконки и наборы пользовательского интерфейса
КУЛЬТОВЫЙ
Iconic — это набор иконок с идеальным пикселем, который обновляется каждую неделю. Коллекция элементов 24 × 24 пикселей в формате SVG содержит 160 иконок и их количество. Простой стиль легко реализовать, и вы можете искать то, что вам нужно, по категориям.
5 ШАБЛОНОВ ДАШБОРДОВ ДЛЯ FIGMA
5 шаблонов панели инструментов для Figma — это набор бесплатных готовых экранов со светлым и темным режимами для каждого, которые вы можете использовать с такими компонентами, как календари, диаграммы, таблицы и многое другое. Бесплатные элементы — это предварительный просмотр более крупного премиального набора Figma, если вам нравится, как они выглядят и работают.
БЕСПЛАТНЫЙ НАБОР ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА МОБИЛЬНОГО ЧАТА
Free Mobile Chat UI Kit — это инструмент, состоящий из компонентов для Sketch, Figma и Adobe XD, который включает более 50 экранов обмена сообщениями со светлым и темным режимами.
КОМПЛЕКТ ДЛЯ РАЗРАБОТКИ ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА STRATUM
Stratum UI Design Kit — это набор из более чем 9000 последовательных элементов для Figma. Он наполнен элементами и инструментами, которые делают этот премиальный набор пользовательского интерфейса инструментом, позволяющим быстро продвигать проекты.
Инструменты 4 и свежие шрифты
ПЛАВНАЯ ТИПОГРАФИКА
Fluid Typography — это отличный инструмент, который позволяет вам тестировать заголовки любого размера в разных окнах просмотра, чтобы убедиться, что он везде отлично смотрится. Затем вы можете скопировать CSS и использовать его в своих проектах.
ВОСЕМЬДЕСЯТ ВОСЕМЬ
Eighty-Eight — это забавный шрифт в блочном стиле для отображения.
HARMONIQUE
Harmonique — это надежное семейство шрифтов с прекрасными засечками и альтернативными вариантами. Это семейство шрифтов из двух стилей, которые гармонично сочетаются друг с другом, чтобы добавить отличия и индивидуальности вашим собственным типографским композициям. Низкоконтрастные формы Harmonique напоминают гуманистический шрифт без засечек.
ЭСКИЗ
Sketchup — это очаровательный дисплейный шрифт с приятным стилем пера. Бесплатная версия имеет ограниченный набор символов.
Просто для развлечения
СОЗДАНИЕ И РЕШЕНИЕ СУДОКУ В CSS
Создание и решение судоку в CSS от Ли Мейера для CSS-Tricks — это забавное глубокое погружение в использование CSS для того, чего вы, возможно, не ожидаете. Это сложный, но забавный взгляд на некоторые вещи, которые CSS может делать с большим количеством фрагментов кода. Конечный результат — решаемая головоломка с 16 квадратами.
