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

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

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

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

Kutt
Приложение, которое сокращает URL-адреса с вашим собственным доменным именем. Он построен на основе современных стеков, таких как Node.js, React и Redux, с несколькими встроенными функциями, включая URL-адрес, защищенный паролем, API RESTful, и необычной подробной статистикой для мониторинга ваших URL-адресов. Лучше всего, это бесплатно, и вы можете разместить его на своем собственном сервере.
KuttWordHat
WordHat — это инструмент для интеграции Behat с WordPress. Behat — это среда разработки с открытым исходным кодом, основанная на поведении (BDD) для PHP, где вы можете протестировать свое PHP-приложение более выразительными способами.

Вы найдете этот инструмент чрезвычайно полезным, поскольку ваша тема WordPress и плагин становятся более сложными с функциями; WordHat и Behat обеспечат правильную работу вашей темы или плагина при взаимодействии пользователя с ним.
WordHatWP Browser
Подобно WordHat, WP-браузер является расширением Codeception специально разработанный для приложений, тем и плагинов WordPress. Codeception — инструмент для выполнения тестирование в вашем приложении, аналогично PHPUnit и Behat, но в комплекте с большим. При этом вы можете выполнять браузерное тестирование, BDD, модульное тестирование и тестирование API.
WP BrowserУзел WP Интернационализация
Имя говорит само за себя. Это модуль NodeJS для автоматизации многих вещей, чтобы интернационализировать ваши темы или плагины. Установите модуль и введите wpi18n makepot, чтобы создать файл POT из переводимого текста в ваших плагинах или темах WordPress.
Узел WP ИнтернационализацияСпасибо
Еще один модуль 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-адреса конечной точки.
WP Vueраздражитель
Новый JavaScript-фреймворк от Basecamp. В отличие от React или Vue, он не заставляет вас писать все приложение с JavaScript или добавлять синтетические атрибуты.

StimulusJS работает в простом HTML, который мы уже знали по атрибутам данных. Это также не требует сложной конфигурации сборки. Вы можете просто добавить скрипт на веб-страницу, как вы это делали с jQuery, и все — начните писать скрипт, чтобы оживить ваше приложение.
раздражительManta
Бесплатное приложение для создания и управления счетами. Вы можете добавить заметку, установить валюту, применить скидку, добавить список клиентов или клиентов, добавить свой логотип, оформить шаблон счета и загрузить его в формате PDF. Он доступен для macOS, Windows и Linux. Если вы фрилансер, это может быть тот счет, который вы искали для ведения бизнеса фрилансера.
MantaРеагировать статика
Как следует из названия, это инструмент, который позволяет создавать статический сайт с помощью React. Он поставляется в комплекте со всеми предварительно настроенными инструментами, поэтому вы можете приступить к созданию контента для Интернета. А будучи статическим сайтом, вы можете разместить его даже на общем хостинге с ограниченными ресурсами.
Реагировать статикаPiklist
Piklist — это разработка WordPress, которая позволяет создать сложную настройку веб-сайта с помощью WordPress с меньшим количеством кода. Он поставляется с набором вспомогательных функций и хуков для расширения почти всех частей WordPress, таких как страница настроек, настраиваемые поля, уведомления администратора, шорткод, виджеты, таксономии, пользователи и многое другое.
PiklistStrapi
Фреймворк CMS, независимый от контента, для создания контентного API. Он позволяет вам создавать собственную структуру контента и API, а также предоставляет красивую панель администратора для управления ими. Однако он не обеспечивает встроенную систему шаблонов. Он предлагает вам выбрать любую интерфейсную библиотеку по вашему выбору, такую ​​как React или Vue.
StrapiParcelJS
ParcelJS является пакетирования очень похож на Webpack и Browserify, за исключением того, что он работает быстрее и не требует настройки. Он поддерживает общий пакет разработки для HTML, JS, CSS и трансформеров, таких как PostCSS и Babel out-of-xbox. Таким образом, вы можете просто сосредоточиться на своем коде, а не тратить время на настройку.
ParcelJSGoodShare
Библиотека JavaScript для отображения кнопки «Социальные сети» с подсчетом доли для нескольких социальных сетей. Он поддерживает многие социальные сети, в том числе такие, о которых вы никогда не слышали, такие как Вконтакте, Одноклассники, SurfingBird, а также несколько платформ для обмена сообщениями, таких как Skype, WhatsApp и LINE. GoodShare также доступен как Vue компонент,
GoodShareCopyChar
Сайт, который позволяет вам находить и копировать специальные символы в буфер обмена. Буквы, пунктуации, математика, стрелки и эмодзи — некоторые из персонажей, включенных в сайт. Просто нажмите или нажмите на символ, чтобы скопировать его в буфер обмена.
CopyCharНерв
Nerv — это другая реактивная библиотека VirtualDOM; альтернатива ReactJS. Это приносит знакомый синтаксис JSX React, но с несколькими заметными отличиями. Nerv поддерживает Internet Explorer 8! и это всего лишь одна треть от размера React. Тем не менее, Nerv совместим с надстройками React, даже если они самые сложные.
НервHyperappJS
Еще одна библиотека JavaScript, на которую стоит обратить внимание при создании веб-приложения. Он сочетает в себе управление состоянием с механизмом Virtual DOM, который поддерживает ключевые обновления и события жизненного цикла без каких-либо зависимостей.
HyperappJSVulcanJS
Vulcan — это набор инструментов для создания современного веб-приложения. Он поставляется с предварительно сконфигурированными React, GraphQL и Meteor. Поскольку это полнофункциональная инфраструктура, предоставляющая целый ряд вспомогательных компонентов, которые точно настроены для внутреннего и внешнего интерфейсов, все просто работает «из коробки». Таким образом, вы можете быстро запустить приложение.
VulcanJSKoa11y
Настольное приложение для Windows, macOS и Linux для изучения проблем доступности на веб-сайте. Koa11y будет предоставлять уведомления и предупреждения, если ваш сайт нарушает стандарты доступности.

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

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

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

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

Ваш адрес email не будет опубликован.