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

HTML, JavaScript и CSS — три замечательных языка. Благодаря усовершенствованию фреймворков для этих языков, особенно Electron, теперь мы можем более эффективно разрабатывать полноценное настольное приложение, которое может работать на нескольких разных операционных системах и платформах, будь то Windows, macOS, Linux или мобильные приложения.

В этом раунде серии мы рассмотрим некоторые из этих фреймворков, а также несколько замечательных примеров приложений, а также другие интересные ресурсы месяца.

Давайте перейдем к полному списку.

СовременныйCSS

Если вы хотите освежить свои навыки CSS, вам следует ознакомиться с серией постов Стефани Эклс. Он охватывает определенные темы по этому вопросу, чтобы решить некоторые распространенные проблемы с помощью современных решений, доступных сегодня в CSS.

Гиперцвет

Коллекция красивых градиентных цветов, созданная с использованием служебных классов из TailwindCSS. Поэтому, если вы создаете веб-сайт с помощью TailwindCSS, вы можете просто скопировать классы и вставить их в элементы HTML, чтобы добавить цвета градиента.

TailwindKit

TailwindKit — это набор из более чем 250 готовых компонентов. Он включает в себя некоторые общие элементы, такие как кнопки, верхний и нижний колонтитулы, а также некоторые более нишевые компоненты, такие как панель данных и компонент команды. Еще один отличный ресурс для пользователей TailwindCSS.

GrepApp

Если результаты поиска на Github вас не устраивают, вы можете попробовать Grep.приложение. Это инструмент для поиска кодов в общедоступных репозиториях Github. Вы можете получить лучший результат, если сможете точно настроить поиск по ключевым словам с учетом регистра, RegEx или полных слов.

Реагировать тост

Библиотека React.js, позволяющая запускать всплывающее уведомление; это небольшое сообщение, которое появляется на вашем экране и исчезает через несколько секунд. По умолчанию он выглядит великолепно с плавной анимацией и переходами, но его можно настроить в соответствии с дизайном вашего веб-сайта или приложения.

PowerToys

PowerToys — это перезагрузка аналогичного программного обеспечения в Windows 95. Оно поставляется с набором инструментов для улучшения работы и производительности в Windows 10, таких как палитра цветов, которая позволяет выбрать цвет поверх любого работающего приложения. И есть еще 8 удобных инструментов, которые PowerToys предоставляет на момент написания.

Реактотрон

Приложение для проверки приложений React.js и React Native в состоянии вашего приложения, проверки запросов и ответов API, а также отладки производительности. Это как браузер DevTools, но для ваших приложений. Он работает в macOS, Windows и Linux.

Скрипка

Если вы только начинаете работать с Electron и не хотите разбираться с зависимостями, то Fiddle — это приложение для вас. Он поставляется со всем, что вам нужно, включая несколько различных версий Electron, встроенный редактор, и вы даже можете скомпилировать свои эксперименты в приложение.

клипи

Бесплатное удобное приложение, расширяющее функциональность буфера обмена в macOS. С Clippy вы можете увидеть почти все элементы в списке и истории вашего буфера обмена и выбрать, какой из них вы хотите вставить.

DevKinsta

Настольное приложение для простого развертывания среды локального хоста с помощью WordPress. Вы можете создать одиночную установку или мультисайт всего за несколько кликов.

Наряду с базой данных и сервером localhost с nginx, он также предоставляет некоторые удобные инструменты для локальной разработки WordPress, такие как Adminer для администрирования базы данных, сервер SMPT и простой способ переключения между версиями PHP.

Нативфьер

Нативфьер это удобный инструмент для быстрого превращения любого веб-сайта в настольное приложение. Он использует Chromium под капотом, поэтому вы можете создавать и компилировать приложение для разных платформ, включая macOS, Windows и Linux, всего одной строкой команды CLI.

Шаблон электронной реакции

Вот ваша отправная точка для создания настольного приложения с помощью Electron. Он предварительно упакован с React Router, Webpack, React Fast Refresh, а также React, поэтому вы можете сразу же приступить к созданию своего следующего потрясающего настольного приложения, а не заниматься настройками и инструментами сборки.

Электрон Вью

Если вы предпочитаете работать с Vue.js, этот фреймворк — хорошая альтернатива. Он предварительно упакован для вспомогательных инструментов в экосистеме Vue.js, таких как Vue DevTools, Axios, Vue Router и т. д.

Тейя

Фреймворк для создания полноценной IDE (интегрированной среды разработки) с использованием современных веб-технологий. Его легко расширять, позволяя добавлять к нему пользовательские функции. Отличный фреймворк, если вы планируете включить редактор в свои приложения и веб-сервисы.

Лептон

Менеджер фрагментов кода на основе GitHub Gist с поддержкой как частного, так и общедоступного Gist. Вы можете более эффективно управлять фрагментами кода в приложении с помощью нескольких тегов, групп, поиска и некоторых других функций, недоступных в Github Gist.

Пеннивайз

Pennywise — это приложение на основе Electron, которое позволяет открывать веб-сайт или медиафайл в плавающем окне поверх другого запущенного приложения. Его размер можно изменить, и его можно разместить в любом месте экрана, он также работает в macOS, Windows и Linux.

Бессонница

Вы можете использовать Electron для разработки простого приложения, такого как Insomnia. Это кроссплатформенное приложение для выполнения запроса и тестирования конечной точки API. Вы можете сделать запрос с помощью различных HTTP-методов (GET, POST, PUT и т. д.) или добавить заголовки и аутентификацию.

почтовая птица

Postbird — еще один пример простого приложения, созданного с помощью Electron. Это приложение для управления базой данных в PostgreSQL, где вы можете просматривать список баз данных, данные и выполнять некоторые операции, такие как поиск в таблицах или выполнение запросов к базе данных.

WNR

Простое приложение для управления временем для macOS и Windows. Это как таймер, где вы можете установить время работы и время отдыха. Удобное приложение, которое может помочь напомнить вам немного отдохнуть, потому что часто время летит быстро, когда вы слишком сосредоточены на работе перед компьютером.

Спектрон

И последнее, но не менее важное: вы должны протестировать свои приложения, чтобы убедиться, что они работают нормально. Spectron позволяет легко настроить среду автоматического тестирования для вашего приложения. Он также совместим с любой средой тестирования, включая Mocha и Jest.