Свежие ресурсы для веб-дизайнеров и разработчиков (апрель 2021 г.)

В наши дни отличный продукт зависит от экосистемы. Представьте себе iPhone без приложений или WordPress без плагинов. Они не будут такими полезными, как сейчас.

В этом раунде серии давайте взглянем на некоторые ресурсы, которые поддерживают популярные инструменты или библиотеки. Здесь у нас довольно много библиотек React.js, пара плагинов WordPress, некоторые расширения VSCode и многое другое. Давайте перейдем к полному списку.

Сетчатый градиент
Плагин Figma, который позволяет создавать красивый Mesh Gradient. Он позволяет редактировать ось градиента для достижения идеального градиента. Наличие Mesh Gradient может легко выделить дизайн вашего продукта из толпы.
Уведомление
Плагин WordPress для уведомления о действиях, происходящих на сайте WordPress. Этот плагин предоставляет довольно обширные API-интерфейсы, в которых вы можете выполнять настройку, например отправлять уведомления выбранным получателям, вызывать службы, подписываться на определенные действия и добавлять белые метки. Это отличный плагин, чтобы держать вас в курсе активности на сайте.
Космический луч
Плагин, который соединяет ваш сайт WordPress с Ray.app, Spatie Ray – это настольное приложение, которое делает отладку и измерение производительности кода на вашем веб-сайте более удобными. Он также доступен для некоторых фреймворков и CMS, таких как Ремесло а также Laravel.
Веб-подсказка
Webhint – это инициатива OpenJS Foundation, направленная на то, чтобы помочь разработчикам создать лучшую сеть, пропагандируя и создавая такие инструменты, как это расширение VSCode и расширение браузера, для применения некоторых передовых методов.

Этот инструмент сканирует ваш код или ваш веб-сайт и сообщает, если в HTML-коде отсутствуют надлежащие атрибуты, или если на сайте есть проблемы с доступностью и производительностью.
ScriptKit
Настольное приложение для macOS, которое позволяет вам зарегистрировать сценарий для автоматизации ваших задач, таких как открытие браузера и чтение новостей, открытие определенных файлов или каталогов из проекта, поиск книги на определенных сайтах и ​​многое другое.

Это обеспечивает несколько готовых скриптов и скоро также предоставит коллективные сценарии, которыми поделились от своих пользователей. Скрипт написан на Node.js или JavaScript, поэтому, если вы знакомы с языком, вы можете создать собственный скрипт, который соответствует вашим потребностям.
Laravel Octane
Библиотека Laravel, которая значительно повышает производительность приложения Laravel за счет использования высокопроизводительной серверной среды PHP. Swoole или же RoadRunner что позволяет выполнять одновременные запросы. Это позволяет Laravel работать молниеносно со скоростью 6000 запросов / с от начального теста.
PHPMon
PHPMon – это служебное приложение macOS для мониторинга службы PHP, работающей на вашем компьютере. Он добавляет меню в строку меню, где вы можете увидеть запущенную версию PHP, расширения и конфигурацию местоположения. Очень удобно!
Героиконы
Собрание красивой ручной работы коллекции из более чем 200 икон. Они представлены в двух вариантах: Solid и Outline и доступны в формате SVG и JSX, поэтому вы можете легко повторно использовать их на своем веб-сайте или в цифровых продуктах.
FocalBoard
Focalboard – это приложение с открытым исходным кодом для управления и организации задач, аналогичных таким приложениям, как Trello и Notion. Вы можете установить FocalBoard на свой собственный сервер или компьютеры, что даст вам больше свободы и гибкости. Отличная альтернатива для тех, кто предпочитает контроль удобству.
Гутенберг Иконки
Коллекция иконок, используемых Гутенберг, новый редактор WordPress. На этом сайте показаны все значки, с помощью которых вы можете сгенерировать фрагмент, чтобы повторно использовать его в блоке Гутенберга или просто загрузить SVG.
Хайкей
Набор инструментов для создания форм, фона и узоров для использования в вашем дизайне. В нем есть ряд инструментов, в том числе один для создания Blob, Wave, Layer Waves, градиентов и многих других, которые появятся в будущем.
Шаблоны проектирования
Коллекция шаблонов проектирования для структурирования ваших PHP-кодов. Он охватывает различные шаблоны и является рекомендуемым источником, если вы собираетесь глубоко погрузиться в разработку и улучшить свои навыки разработки PHP.
Путь доступности
Сборник учебных материалов о доступности Интернета и инклюзивном дизайне. Вы можете найти книги, видео, статьи из блогов и инструменты. Отличный источник, который поможет вам начать работу с темами.
Код тура
Расширение VSCode для добавления пошаговой инструкции, которая поможет пользователям пройтись по базе кода в проекте. Это отличный инструмент, помогающий начинающему разработчику быстро познакомиться с кодом.
Форма React Hook
Отмеченная наградами библиотека React.js для создания форм. Он прост в использовании, легковесен, производителен и отображает правильную разметку с помощью встроенной проверки HTML. Кроме того, эта библиотека также хорошо интегрирована с такими инструментами, как TypeScript для проверки типа, ReactNative для создания формы в мобильном приложении и библиотекой проверки, например Ага для тех, кому нужно продвинуться дальше.
Тельца
Фреймворк для создания настольных приложений с использованием веб-технологий. Tauri фокусируется на производительности, меньшем выпуске приложений и предоставляет разработчикам полный опыт для создания приложений. Он предоставляет среду CLI, API, тестирование и CI. Пример приложения, созданного с помощью Tauri, может иметь размер всего 600 КБ.
React Admin
Библиотека React.js для разработки веб-приложений для управления любыми данными. Он построен на основе современного стека, который включает API-интерфейсы REST и GraphQL, ES6, React и Material Design. Эта библиотека – отличная отправная точка для создания интерфейса администратора с использованием React.js.
EditorJS
Библиотека JavaScript для создания интерактивного текстового редактора для современных браузеров. Он выглядит современным и чистым, чем обычный редактор WYSIWYG, и его можно расширять с помощью подключаемых модулей. Он также генерирует хорошо структурированные данные, которые можно использовать где угодно на веб-сайте, в мобильном приложении, AMP, мгновенных статьях и средствах чтения речи.
HTML DOM
Хороший ресурс, который показывает вам фрагменты кода и советы по взаимодействию с DOM с помощью только собственного API из браузера. В наши дни вам больше не нужно использовать jQuery или Zepto.
Потрясающая композиция
Здесь вы можете найти потрясающий список инструментов и приложений, которые могут помочь повысить вашу продуктивность при работе с Docker и Docker Composer.