Čerstvé zdroje pre návrhárov webových stránok a vývojárov (február 2018)

Keď už niekoľko rokov pokrývajú túto sériu, som svedkom toho, ako prídu a ísť nástroje. niekoľko nových nástrojov sa uvoľňuje takmer každý týždeň. V posledných niekoľkých týždňoch si však myslím, že sa to mierne spomalilo, trvalo mi o niečo dlhšie ako zvyčajne vykopať na Github a ďalšie zdroje na nájdenie nových nástrojov ktoré sú zadarmo, open-source, a stojí za zmienku v tejto sérii.

V dnešnom príspevku mám kombináciu nástrojov z JavaScriptu, testovacích nástrojov a niekoľkých nástrojov na vývoj stránok WordPress. Pozrime sa na to.

Kutty

aplikácia, ktorá skracuje adresy URL pomocou vlastného názvu domény. Je postavený na špičkových moderných stackoch ako Node.js, React a Redux s hrstkou funkcie, ktoré sú zabudované, vrátane adresy URL chránenej heslom, RESTful API, a vymyslené podrobné štatistiky na sledovanie vašich adries URL. Najlepšia vec je, že je zadarmo a môžete ho hostiť na vlastnom serveri.

WordHat

WordHat je a nástroj na integráciu Behat do WordPress. Behat je open-source vývojový systém založený na správaní (BDD) pre PHP, kde môžete otestovať svoju aplikáciu PHP výraznejším spôsobom.

Tento nástroj je veľmi užitočný, pretože vaša téma a doplnok WordPress sa stáva zložitejším. WordHat a Behat zabezpečia, aby vaše tému alebo doplnok fungoval podľa očakávania keď používateľ s ním komunikuje.

WP prehliadač

Podobne ako v programe WordHat, WP-Browser je rozšírením kódovania špeciálne navrhnuté pre aplikácie WordPress, témy a pluginy. Kodekcepcia je nástroj na vykonanie testovanie na vašu aplikáciu, podobne ako PHPUnit a Behat, ale je to spolu s ďalšími. V tom môžete urobiť Testovanie prehliadača, BDD, testovanie integrácie jednotiek a testovanie rozhrania API.

Uzla WP Internacionalizácia

Meno hovorí samo za seba. Je to modul NodeJS, ktorý automatizuje veľa vecí na internacionalizáciu vašich tém alebo zásuvných modulov. Nainštalujte modul a zadajte ho wpi18n makepot generovať súbor POT z prekladateľného textu vo vašom pluginoch alebo témach WordPress.

Vďaka

Ďalší modul NodeJS, ktorý je v poslednom čase na Github. “Vďaka” vôľa vytvorte zoznam udržiavateľov balíkov používaných vo vašom otvorenom projekte a prepojiť ich s darom alebo so stránkou OpenCollective ako znamením vďačnosti ich príspevku do komunity.

Vytvorte Guten Block

Gutenberg je počuť a ​​bude dodávaný s programom WordPress 5.0. Toto je Modulu NPM na vytvorenie gutenbergovho bloku na vývoj blokov s moderným zásobníkom, ako sú React, Webpack, Babel a Sass. Jednoducho spustite príkazový riadok ,vytvoriť-Guten-blok, a vy ste všetci pripravení.

WP Vue

WP Vue je a šablóna postavená s Vue na zobrazenie príspevkov WordPress. Táto šablóna je skvelým východiskovým bodom, ak chcete vytvoriť svoju stránku WordPress bezhlavý. Pozrite sa, ako to funguje na demo stránke. Zmeňte adresu URL koncového bodu adresy WP-API z ľubovoľnej lokality WordPress; automaticky znova spopolní príspevky s príspevkami z novej URL koncového bodu.

podnet

nový rámec JavaScript od Basecamp. Na rozdiel od React alebo Vue vás núti napísať celú aplikáciu pomocou jazyka JavaScript alebo pridať syntetické atribúty.

StimulusJS pracuje v obyčajnom HTML, ktorý sme už vedeli dáta- atribúty. Nevyžaduje tiež zložitú zostavu konfigurácie. Môžeš jednoducho pridajte skript na webovú stránku rovnako ako v prípade jQuery a to je to - začať písať skript, aby vaše aplikácie nažive.

manta

bezplatnú aplikáciu na vytváranie a správu faktúr. Môžete pridať poznámku, nastaviť menu, uplatniť zľavu, pridať zoznam klientov alebo zákazníkov, pridajte svoje logo, vytvorte šablónu faktúry a stiahnite si ju vo formáte PDF. Je k dispozícii pre MacOS, Windows a Linux. Ak ste na voľnej nohe, môže to byť fakturácia, ktorú ste hľadali, aby ste mohli vykonávať svoju prácu na voľnej nohe.

Reagovať na statické

Ako naznačuje názov, je to nástroj, ktorý vám umožňuje generovať statické miesto pomocou nástroja React. Dodáva sa so všetkými predkonfigurovanými nástrojmi, takže môžete začať vytvárať obsah pre web. A statické miesto, môžete hostiť stránky aj v zdieľanom hosťovaní s nízkymi zdrojmi.

Piklist

Piklist je vývoj WordPress, ktorý umožňuje vytvárať komplexné nastavenie webových stránok pomocou programu WordPress s menším kódom. Dodáva sa s množinou pomocných funkcií a háčikov na rozšírenie takmer všetkých častí v aplikácii WordPress, ako je napríklad stránka Nastavenia, vlastné polia, poznámky administrátora, shortcode, widgety, taxonomie, používatelia, a oveľa viac.

strap

obsah agnositika CMS rámca na vytvorenie obsahu API. Umožňuje vám navrhnúť vlastnú štruktúru obsahu a rozhranie API, ako aj správny panel správcov, ktorý ich spravuje. Neposkytuje však zabudovaný systém templárov. to ponúka možnosť výberu ľubovoľnej predvoľby knižnice ako napríklad React alebo Vue.

ParcelJS

ParcelJ je a Bundler podobne ako Webpack a Browserify, s výnimkou, že je rýchlejší a vyžaduje nulovú konfiguráciu. to podporuje spoločný balík vývoja pre HTML, JS, CSS a transformátory ako napríklad PostCSS a Babel out-of-the-xbox. Takže sa môžete jednoducho sústrediť na svoj kód namiesto toho, aby ste stratili čas na konfiguráciu.

GoodShare

Knižnica JavaScript zobrazte tlačidlo Sociálne médiá s počtom podielov pre niekoľko sociálnych médií. Podporuje mnoho spoločenských médií vrátane tých, o ktorých ste nikdy nepočuli, ako sú Vkontakte, Odnoklassniki, SurfingBird, a tiež niekoľko spoločností ako Skype, WhatsApp a LINE. Funkcia GoodShare je k dispozícii aj ako súčasť Vue.

CopyChar

Webové stránky, ktoré vám umožňujú vyhľadajte a skopírujte špeciálne znaky do schránky. Písmená, interpunkčné znamienka, matematika, šípky a emoji sú niektoré zo znakov zahrnutých na stránke. jednoducho kliknutím alebo klepnutím na znak skopírujte znak do schránky.

NERV

Nerv je iný reaktívna knižnica VirtualDOM; alternatívou k ReactJS. Prináša známu syntax JSX React, ale s niekoľkými pozoruhodnými rozdielmi. Nerv podporuje program Internet Explorer 8! a je to len jedna tretina veľkosti React. stále, Nerv je kompatibilný s doplnkami React alebo s najzložitejšími.

HyperappJS

Ďalšia knižnica jazyka JavaScript, ktorá stojí za to, aby ste mohli vytvoriť webovú aplikáciu. to kombinuje správu štátu s virtuálnym DOM motorom ktorý podporuje kľúčové aktualizácie a udalosti životného cyklu bez závislostí.

VulcanJS

Vulcan je a stoh nástrojov na vybudovanie modernej webovej aplikácie. Je spojený s React, GraphQL a Meteor pre-confifured. Vzhľadom na to, že je to plnohodnotný rámec, ktorý poskytuje celý rad pomocných komponentov, ktoré sú jemne vyladené na zadnej strane a na prednej strane, všetko je práve mimo prácu. Takto môžete svoju aplikáciu rýchlo spustiť.

Koa11y

Desktopová aplikácia pre systémy Windows, MacOS a Linux na preskúmanie problémov s prístupom na webových stránkach. Spoločnosť Koa11y poskytne upozornenia a upozornenia, či vaše webové stránky porušujú štandardy prístupnosti.

Toto by malo byť nástrojom v každom nástroji na vývoj webových aplikácií. Pokúste sa prechádzať webovými stránkami iba pomocou klávesnice na jeden deň, aby ste pochopili, ako je prístupnosť dôležitá.

TablePlus

Skutočne pekná aplikácia GUI na správu databázy. TablePlus podporuje širokú škálu databázových nástrojov vrátane (samozrejme) MySQL, SQLite, Redis, Postgres, MS SQL a oveľa viac. TablePlus je k dispozícii pre MacOS a Windows.