Пресни ресурси за уеб дизайнери и разработчици (февруари 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-Browser е разширение на Codeception специално проектирани за WordPress приложения, теми и плъгини. Кодирането е инструмент за изпълнение тестване на вашето приложение, подобно на PHPUnit и Behat, но това е пакет с повече. В това можете да го направите Тестване на браузъра, BDD, тестване на интеграция на единици и тестване на API.

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

Името говори само за себе си. Това е модул на NodeJS, който автоматизира много неща за интернационализиране на вашите теми или приставки. Инсталирайте модула и типа wpi18n makepot за генериране на POT файла от текста, който може да се преведе, във вашите WordPress плъгини или теми.

Благодаря

Друг NodeJS модул, който напоследък се насочва към Github. “Благодаря” ще генерира списък на поддържащите пакети, използвани в проекта ви с отворен код и го свържете със своята дарителска или OpenCollective страница като знак за благодарност за техния принос към общността.

Създайте блок Guten

Гутенберг се чува и ще бъде доставен с WordPress 5.0. Това е NPM модул за генериране на модул за развитие на блока Гутенберг с модерен стек като React, Webpack, Babel и Sass. Просто изпълнете командния ред ,създадат-Guten-блок, и сте готови.

WP Vue

WP Vue е a шаблон, изграден с 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 е a bundler подобно на Webpack и Browserify, с изключение на това, че е пламнал по-бързо и изисква нулева конфигурация. То поддържа съвместна разработка за HTML, JS, CSS и трансформатори като PostCSS и Babel извън Xbox. Така че, можете просто да се фокусирате върху кода си, вместо да губите време върху конфигурацията.

GoodShare

Библиотека на JavaScript за Покажете бутона Social Media с броя на акциите за няколко социални медии. Той поддържа много социални медии, включително такива, за които никога не сте чували като Vkontakte, Odnoklassniki, SurfingBird, също и няколко платформи за messenging като Skype, WhatsApp и LINE. GoodShare е наличен и като Vue компонент.

CopyChar

Уебсайт, който ви позволява намерете и копирайте специални символи в клипборда. Буквите, пунктуациите, математиката, стрелките и емотиконите са някои от символите, включени в сайта. просто щракнете върху или върху символ, за да копирате знака в клипборда.

Nerv

Нерв е друг реактивна VirtualDOM библиотека; алтернатива на ReactJS. Той носи познатия синтаксис JSX на React, но с няколко забележими разлики. Nerv поддържа Internet Explorer 8! и е само една трета от размера на реактивите. Все още, Nerv е съвместим с добавките React при най-сложните.

HyperappJS

Друга JavaScript библиотека, която си заслужава да се създаде уеб приложение. То комбинира управлението на държавата с Virtual DOM двигател който поддържа ключови актуализации и събития от жизнения цикъл, без никакви зависимости.

VulcanJS

Вулкан е набор от инструменти за изграждане на модерно уеб приложение. Той е комбиниран с React, GraphQL и Meteor предварително конфигурирани. Тъй като това е цялостна рамка, осигуряваща цял набор от помощни компоненти, които са добре настроени към задния край и предния край, всичко е просто работа извън кутията. По този начин можете да получите вашето приложение и да работи бързо.

Koa11y

Десктоп приложение за Windows, MacOS и Linux, за да проучи въпросите за достъпността на уебсайта. Koa11y ще ви известява и предупреждава дали вашият сайт нарушава стандартите за достъпност.

Това трябва да бъде инструмент във всеки инструментариум за уеб разработчици. Опитайте да навигирате в уебсайтове, като използвате само клавиатурата си за един ден, за да разберете как достъпността е важна.

TablePlus

А наистина Приятен GUI приложение за управление на база данни. TablePlus поддържа голямо разнообразие от механизми за бази данни, включително (разбира се) MySQL, SQLite, Redis, Postgres, MS SQL и много други. TablePlus е наличен за MacOS и Windows.