Свежие ресурсы для веб-дизайнеров и разработчиков (апрель 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, поэтому, если вы знакомы с языком, вы можете создать собственный скрипт, который соответствует вашим потребностям.
ScriptKitLaravel Octane
Библиотека Laravel, которая значительно повышает производительность приложения Laravel за счет использования высокопроизводительной серверной среды PHP. Swoole или же RoadRunner что позволяет выполнять одновременные запросы. Это позволяет Laravel работать молниеносно со скоростью 6000 запросов / с от начального теста.
Laravel OctanePHPMon
PHPMon – это служебное приложение macOS для мониторинга службы PHP, работающей на вашем компьютере. Он добавляет меню в строку меню, где вы можете увидеть запущенную версию PHP, расширения и конфигурацию местоположения. Очень удобно!
PHPMonГероиконы
Собрание красивой ручной работы коллекции из более чем 200 икон. Они представлены в двух вариантах: Solid и Outline и доступны в формате SVG и JSX, поэтому вы можете легко повторно использовать их на своем веб-сайте или в цифровых продуктах.
ГероиконыFocalBoard
Focalboard – это приложение с открытым исходным кодом для управления и организации задач, аналогичных таким приложениям, как Trello и Notion. Вы можете установить FocalBoard на свой собственный сервер или компьютеры, что даст вам больше свободы и гибкости. Отличная альтернатива для тех, кто предпочитает контроль удобству.
FocalBoardГутенберг Иконки
Коллекция иконок, используемых Гутенберг, новый редактор WordPress. На этом сайте показаны все значки, с помощью которых вы можете сгенерировать фрагмент, чтобы повторно использовать его в блоке Гутенберга или просто загрузить SVG.
Гутенберг ИконкиХайкей
Набор инструментов для создания форм, фона и узоров для использования в вашем дизайне. В нем есть ряд инструментов, в том числе один для создания Blob, Wave, Layer Waves, градиентов и многих других, которые появятся в будущем.
хайкейШаблоны проектирования
Коллекция шаблонов проектирования для структурирования ваших PHP-кодов. Он охватывает различные шаблоны и является рекомендуемым источником, если вы собираетесь глубоко погрузиться в разработку и улучшить свои навыки разработки PHP.
php-дизайн-шаблонПуть доступности
Сборник учебных материалов о доступности Интернета и инклюзивном дизайне. Вы можете найти книги, видео, статьи из блогов и инструменты. Отличный источник, который поможет вам начать работу с темами.
доступность-путьКод тура
Расширение VSCode для добавления пошаговой инструкции, которая поможет пользователям пройтись по базе кода в проекте. Это отличный инструмент, помогающий начинающему разработчику быстро познакомиться с кодом.
vscode-code-tourФорма 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.
React AdminEditorJS
Библиотека JavaScript для создания интерактивного текстового редактора для современных браузеров. Он выглядит современным и чистым, чем обычный редактор WYSIWYG, и его можно расширять с помощью подключаемых модулей. Он также генерирует хорошо структурированные данные, которые можно использовать где угодно на веб-сайте, в мобильном приложении, AMP, мгновенных статьях и средствах чтения речи.
EditorJSHTML DOM
Хороший ресурс, который показывает вам фрагменты кода и советы по взаимодействию с DOM с помощью только собственного API из браузера. В наши дни вам больше не нужно использовать jQuery или Zepto.
HTML DOMПотрясающая композиция
Здесь вы можете найти потрясающий список инструментов и приложений, которые могут помочь повысить вашу продуктивность при работе с Docker и Docker Composer.
Потрясающая композиция

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *