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


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

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

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

ModernCSS
Если вы хотите освежить свои навыки работы с CSS, вам следует ознакомиться с сериями публикаций автора Стефани Эклс. Он охватывает определенные темы по этому вопросу, чтобы решить некоторые общие проблемы с помощью современных решений, доступных в CSS сегодня.
современный CSSHyperColor
Коллекция красивых градиентных цветов, созданная с использованием служебных классов из Попутный ветерCSS. Поэтому, если вы создаете веб-сайт с помощью TailwindCSS, вы можете просто скопировать классы и вставить их в элементы HTML, чтобы добавить цвета градиента.
гиперцветПопутный ветерКит
TailwindKit – это набор из более чем 250 готовых компонентов. Он включает в себя некоторые общие, такие как Кнопки, Заголовок, и Нижний колонтитул к еще нескольким нишевым компонентам, таким как Панель данных и Команда компонент. Еще один отличный ресурс для пользователей TailwindCSS.
комплектGrepApp
Если вы найдете Github результат поиска менее удовлетворительный, вы можете попробовать Grep.app. Это инструмент для поиска кодов в публичных репозиториях Github. Вы можете получить лучший результат, если сможете настроить поиск по ключевым словам с учетом регистра, RegEx или полными словами.
grep-appReact Toast
Библиотека React.js, которая позволяет запускать всплывающее уведомление; это то небольшое сообщение, которое появляется на экране и исчезает через несколько секунд. По умолчанию он отлично выглядит с плавной анимацией и переходами, но его можно настроить в соответствии с дизайном вашего веб-сайта или приложения.
горячие тостыPowerToys
PowerToys – это перезагрузка аналогичного программного обеспечения в Windows 95. Он поставляется с набором инструментов для улучшения работы и производительности в Windows 10, таких как Палитра цветов что позволяет подобрать цвет поверх любого запущенного приложения. И есть еще 8 удобных инструментов, которые PowerToys предоставляет на момент написания.
игрушкиРеактотрон
Приложение для проверки приложений React.js и React Native в состоянии вашего приложения, проверки запросов и ответов API, а также производительности отладки. Это похоже на Браузер DevTools но для ваших приложений. Он работает в macOS, Windows и Linux.
реактотронСкрипка
Если вы только начинаете Электрон и не хотите иметь дело с зависимостями, тогда Fiddle – приложение для вас. Он поставляется со всем необходимым, включая несколько различных версий Electron, встроенный редактор, и вы даже можете скомпилировать свои эксперименты в приложение.
скрипкаClipy
Бесплатное удобное приложение, расширяющее функциональность буфера обмена в macOS. С помощью Clippy вы можете увидеть почти все элементы в вашем списке и истории буфера обмена и выбрать, какой из них вы хотите вставить.
липкийДевкинста
Настольное приложение для простого развертывания среды localhost с помощью WordPress. Вы можете создать одиночную установку или несколько сайтов всего за несколько кликов.

Наряду с базой данных и сервером localhost с nginx, он также предоставляет некоторые удобные инструменты для локальной разработки WordPress, такие как Adminer для администрирования базы данных, сервер SMPT и простой способ переключения между версиями PHP.
девкинстаNativefier
Nativefier – удобный инструмент, позволяющий быстро превратить любой веб-сайт в настольное приложение. Он использует Chromium под капотом, поэтому вы можете создавать и компилировать приложение на разных платформах, включая macOS, Windows и Linux, с помощью всего одной строки команды CLI.
роднойЭлектронная реакция Boilerplate
Вот ваша отправная точка для создания настольного приложения с Electron. Он предварительно упакован с React Router, Webpack, React Fast Refresh, а также React, поэтому вы можете сразу начать создавать свое следующее классное настольное приложение, а не заниматься конфигурациями и инструментами сборки.
электронная реакция-шаблонЭлектронный прицел
Если вы предпочитаете работать с Vue.js, этот фреймворк – хорошая альтернатива. Он предварительно упакован для вспомогательных инструментов в экосистеме Vue.js, таких как Просмотр DevTools, Axios, Vue Router и т. Д.
электронная сигаретаTheia
Фреймворк для создания полноценной IDE (интегрированной среды разработки) с современными веб-технологиями. Он легко расширяется, позволяя добавлять вокруг него собственные функции. Отличный фреймворк, если вы планируете включить редактор в свои приложения и веб-службы.
TheiaЛептон
Менеджер фрагментов кода на основе GitHub Gist с поддержкой как частного, так и общедоступного Gist. Вы можете более эффективно управлять фрагментами кода в приложении с помощью нескольких тегов, групп, поиска и некоторых других функций, которые недоступны в Github Gist.
лептонPennywise
Pennywise – это приложение на основе Electron, которое позволяет вам открывать веб-сайт или носитель в плавающем окне поверх другого запущенного приложения. Его размер можно изменять, и его можно разместить в любом месте экрана, он также работает в macOS, Windows и Linux.
копейкиБессонница
Вы можете использовать Electron для разработки такого простого приложения, как Insomnia. Это кросс-платформенное приложение для запроса и тестирования конечной точки API. Вы можете сделать запрос с помощью различных HTTP-методов (GET, POST, PUT и т. Д.) Или добавить заголовки и аутентификацию.
бессонницаPostbird
Postbird – еще один пример простого приложения, созданного с помощью Electron. Это приложение для управления базой данных в PostgreSQL, где вы можете просматривать список баз данных, данные и выполнять некоторые операции, такие как поиск по таблицам или выполнение запросов к базе данных.
почтовая птицаWNR
Простое приложение для управления временем для macOS и Windows. Это похоже на таймер, на котором можно установить время работы и время отдыха. Удобное приложение, которое может напоминать вам о необходимости отдохнуть, потому что время часто летит быстро, когда вы слишком сосредоточены, работая за компьютером.
wnrСпектрон
И последнее, но не менее важное: вы должны протестировать свои приложения, чтобы убедиться, что оно работает нормально. Spectron позволяет легко настроить среду автоматического тестирования для вашего приложения. Он также совместим с любой платформой тестирования, включая Мокко и Является.
спектрон


0 Comments

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