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

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

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

Читайте также: 20+ свежих ресурсов и инструментов для веб-дизайнеров

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Kutt
Приложение, которое сокращает URL-адреса с вашим собственным доменным именем. Он построен на основе современных стеков, таких как Node.js, React и Redux, с несколькими встроенными функциями, включая URL-адрес, защищенный паролем, API RESTful, и необычной подробной статистикой для мониторинга ваших 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 для генерации шаблона разработки блоков Gutenberg с использованием современного стека, такого как React, Webpack, Babel и Sass. Просто запустите командную строку, create-guten-block, и все готово.
WP Vue
WP Vue – это шаблон, созданный с помощью Vue для отображения сообщений WordPress. Этот шаблон является отличной отправной точкой, если вы хотите, чтобы ваш сайт WordPress без головы, Посмотри, как это работает на демонстрационной странице, Изменить URL-адрес конечной точки URL-адреса WP-API с любого сайта 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 out-of-xbox. Таким образом, вы можете просто сосредоточиться на своем коде, а не тратить время на настройку.
GoodShare
Библиотека JavaScript для отображения кнопки «Социальные сети» с подсчетом доли для нескольких социальных сетей. Он поддерживает многие социальные сети, в том числе такие, о которых вы никогда не слышали, такие как Вконтакте, Одноклассники, SurfingBird, а также несколько платформ для обмена сообщениями, таких как Skype, WhatsApp и LINE. GoodShare также доступен как Vue компонент,
CopyChar
Сайт, который позволяет вам находить и копировать специальные символы в буфер обмена. Буквы, пунктуации, математика, стрелки и эмодзи – некоторые из персонажей, включенных в сайт. Просто нажмите или нажмите на символ, чтобы скопировать его в буфер обмена.
Нерв
Nerv – это другая реактивная библиотека VirtualDOM; альтернатива ReactJS. Это приносит знакомый синтаксис JSX React, но с несколькими заметными отличиями. Nerv поддерживает Internet Explorer 8! и это всего лишь одна треть от размера React. Тем не менее, Nerv совместим с надстройками React, даже если они самые сложные.
HyperappJS
Еще одна библиотека JavaScript, на которую стоит обратить внимание при создании веб-приложения. Он сочетает в себе управление состоянием с механизмом Virtual DOM, который поддерживает ключевые обновления и события жизненного цикла без каких-либо зависимостей.
VulcanJS
Vulcan – это набор инструментов для создания современного веб-приложения. Он поставляется с предварительно сконфигурированными React, GraphQL и Meteor. Поскольку это полнофункциональная инфраструктура, предоставляющая целый ряд вспомогательных компонентов, которые точно настроены для внутреннего и внешнего интерфейсов, все просто работает “из коробки”. Таким образом, вы можете быстро запустить приложение.
Koa11y
Настольное приложение для Windows, macOS и Linux для изучения проблем доступности на веб-сайте. Koa11y будет предоставлять уведомления и предупреждения, если ваш сайт нарушает стандарты доступности.

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