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

Просматривая эту серию годами, я был свидетелем того, как инструменты приходят и уходят. пара новых инструментов выпускается почти каждую неделю. Тем не менее, в последние несколько недель я думаю, что это немного замедлилось, мне потребовалось немного больше времени, чем обычно, чтобы копаться в Github и другие источники, чтобы найти новые инструменты которые являются бесплатными, с открытым исходным кодом, и стоит упомянуть в этой серии.

В сегодняшнем посте у меня есть набор инструментов из среды JavaScript, инструментов тестирования и несколько инструментов для разработки сайтов на WordPress. Давайте проверим их.

Kutt

приложение, которое сокращает URL с вашим собственным доменным именем. Он построен на современных современных стеках, таких как Node.js, React и Redux, с небольшим количеством встроенные функции, включая URL-адрес, защищенный паролем, RESTful API, и представьте подробную статистику для отслеживания ваших URL. Лучше всего, что это бесплатно, и вы можете разместить его на своем собственном сервере.

WordHat

WordHat это инструмент для интеграции Behat в WordPress. Behat - это среда разработки с открытым исходным кодом, ориентированная на поведение (BDD) для PHP, где вы можете протестировать свое PHP-приложение более выразительными способами..

Вы найдете этот инструмент чрезвычайно полезным, так как ваша тема WordPress и плагин усложняются функциями; WordHat и Behat обеспечат правильную работу вашей темы или плагина. когда пользователь взаимодействует с ним.

WP Browser

Подобно WordHat, WP-браузер является расширением Codeception специально разработанный для приложений, тем и плагинов WordPress. Codeception - инструмент для выполнения тестирование в вашем приложении, похож на PHPUnit и Behat, но в комплекте с большим. В этом вы можете сделать Тестирование браузера, BDD, модульное тестирование и тестирование API.

Узел WP Интернационализация

Имя говорит само за себя. Это модуль NodeJS для автоматизации многих вещей, чтобы интернационализировать ваши темы или плагины. Установите модуль и введите wpi18n makepot создать файл POT из переводимого текста в ваших плагинах или темах WordPress.

Спасибо

Еще один модуль NodeJS, который недавно появился на Github. “Спасибо” будут создать список сопровождающих пакетов, используемых в вашем проекте с открытым исходным кодом и связать его с их пожертвованием или страницей OpenCollective в знак благодарности за их вклад в сообщество.

Создать блок Гутен

Гутенберг услышан и будет поставляться с WordPress 5.0. Это Модуль NPM для создания шаблона разработки блока Гутенберга с современным стеком, таким как React, Webpack, Babel и Sass. Просто запустите командную строку ,создание-Гутен-блок, и все готово.

WP Vue

WP Vue является шаблон построен с Vue для отображения сообщений WordPress. Этот шаблон является отличной отправной точкой, если вы хотите сделать свой сайт WordPress без головы. Посмотрите, как это работает на демонстрационной странице. Изменить URL-адрес конечной точки WP-API URL-адреса с любого сайта WordPress; он автоматически заполняет записи сообщениями с нового URL-адреса конечной точки.

раздражитель

новый JavaScript-фреймворк от Basecamp. В отличие от React или Vue, он не заставляет вас писать все приложение с использованием JavaScript или добавлять синтетические атрибуты..

StimulusJS работает в простом HTML, который мы уже знали с данные- атрибутов. Это также не требует сложной конфигурации сборки. Вы можете просто добавьте скрипт на веб-страницу так же, как вы сделали это с jQuery и все - начните писать скрипт, чтобы оживить ваше приложение.

Manta

бесплатное приложение для создания и управления счетами. Вы можете добавить заметку, установить валюту, применить скидку, добавить список клиентов или клиентов, добавьте свой логотип, создайте шаблон счета и загрузите его в формате PDF. Он доступен для macOS, Windows и Linux. Если вы фрилансер, это может быть тот счет, который вы искали для ведения бизнеса фрилансера.

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

Как следует из названия, это инструмент, который позволяет вам создать статический сайт с помощью React. Он поставляется в комплекте со всеми предварительно настроенными инструментами, поэтому вы можете приступить к созданию контента для Интернета. А будучи статичным сайтом, вы можете разместить сайт даже на виртуальном хостинге с ограниченными ресурсами.

Piklist

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

Strapi

фреймворк CMS для независимого контента для создания API контента. Он позволяет вам создавать собственную структуру контента и API, а также предоставляет красивую панель администратора для управления ими. Тем не менее, он не обеспечивает встроенную систему шаблонов. Это предлагает вам выбрать любую интерфейсную библиотеку по вашему выбору такие как React или Vue.

ParcelJS

ParcelJS является пакетирования очень похож на Webpack и Browserify, за исключением того, что он работает быстрее и не требует настройки. Это поддерживает общий пакет разработки для HTML, JS, CSS и трансформеров такие как PostCSS и Babel вне форума. Таким образом, вы можете просто сосредоточиться на своем коде, а не тратить время на настройку.

GoodShare

Библиотека JavaScript для показать кнопку Social Media с подсчетом доли для нескольких социальных сетей. Он поддерживает многие социальные сети, в том числе такие, о которых вы никогда не слышали, такие как Вконтакте, Одноклассники, SurfingBird, а также несколько платформ обмена сообщениями, таких как Skype, WhatsApp и LINE. GoodShare также доступен в качестве компонента Vue.

CopyChar

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

Нерв

Нерв это еще один реактивная библиотека VirtualDOM; альтернатива ReactJS. Это приносит знакомый синтаксис JSX React, но с несколькими заметными отличиями. Nerv поддерживает Internet Explorer 8! и это всего лишь одна треть от размера React. Еще, Nerv совместим с надстройками React, если он самый сложный.

HyperappJS

Еще одна библиотека JavaScript, на которую стоит обратить внимание при создании веб-приложения. Это объединяет управление состоянием с механизмом Virtual DOM поддерживает ключевые обновления и события жизненного цикла без каких-либо зависимостей.

VulcanJS

Вулкан является стек инструментов для создания современного веб-приложения. Он поставляется с предварительно сконфигурированными React, GraphQL и Meteor. Поскольку это полнофункциональная структура, предоставляющая целый ряд вспомогательных компонентов, которые тонко настроенный на бэкэнд и фронтэнд, все просто работает "из коробки". Таким образом, вы можете быстро запустить и запустить ваше приложение.

Koa11y

Настольное приложение для Windows, macOS и Linux для изучения проблем доступности на веб-сайте. Koa11y будет предоставлять уведомления и предупреждения, если ваш сайт нарушает стандарты доступности.

Это должно быть инструментом в каждом наборе инструментов для веб-разработчиков. Попробуйте перемещаться по веб-сайтам, просто используя клавиатуру в течение дня, чтобы понять, как важен доступ.

TablePlus

Действительно красивый графический интерфейс для управления базой данных. TablePlus поддерживает широкий спектр движков баз данных, включая (конечно) MySQL, SQLite, Redis, Postgres, MS SQL и многое другое. TablePlus доступен для MacOS и Windows.