Sveži viri za spletne oblikovalce in razvijalce (februar 2018)

Ker sem že vrsto let pokrival to serijo, sem bil priča, da orodja pridejo in odidejo. A nekaj novih orodij je izdanih skoraj vsak teden. V zadnjih nekaj tednih pa se mi zdi, da se je malo upočasnilo, kar je trajalo nekoliko dlje kot ponavadi izkopajte v Github in druge vire, da bi našli nova orodja ki so prosti, odprtokodni in vredni omembe v tej seriji.

V današnjem postu imam mešanico orodij iz okvira JavaScript, orodij za testiranje in nekaj za razvoj WordPress strani. Poglejmo jih.

Kutt

An aplikacijo, ki skrajša URL-je s svojim imenom domene. Zgrajen je na vrhunskih modernih skladih, kot so Node.js, React in Redux z nekaj funkcije, ki so vgrajene, vključno z URL-jem za zaščito z geslom, API-jem RESTful, in podrobne statistične podatke za spremljanje vaših URL-jev. Najboljša stvar je, da je brezplačen in ga lahko gostite na svojem strežniku.

WordHat

WordHat je orodje za integracijo Behat v WordPress. Behat je ogrodje BDD (Open Behavior-driven Development), kjer lahko aplikacijo PHP preizkusite na bolj izrazit način.

To orodje bo zelo koristno, saj bo WordPress tema in vtičnik zapletena s funkcijami; WordHat in Behat bosta zagotovila, da se vaša tema ali plugin obnaša po pričakovanjih ko uporabnik sodeluje z njim.

WP brskalnik

Podobno kot WordHat, je WP-Browser razširitev kodeksa posebej zasnovan za aplikacije WordPress, teme in vtičnike. Sprejemanje je orodje za izvajanje testiranje na vašo prijavo, podobno kot PHPUnit in Behat, vendar je v paketu z več. V tem lahko to storite Testiranje brskalnikov, BDD, testiranje integracije enot in testiranje API.

Internacionalizacija WP WP

Ime govori sama zase. To je modul NodeJS, ki avtomatizira veliko stvari za internacionalizacijo vaših tem ali vtičnikov. Namestite modul in tip wpi18n makepot za ustvarjanje datoteke POT iz besedila, ki ga je mogoče prevesti, v vtičnikih WordPress ali temah.

Hvala

Še en NodeJS modul, ki je pred kratkim spremljal Github. “Hvala” volja ustvarite seznam vzdrževalcev paketov, ki se uporabljajo v vašem projektu odprte kode in jo povežite z donacijo ali stranjo OpenCollective kot znak hvaležnosti za njihov prispevek k skupnosti.

Ustvari blok Guten

Gutenberg se sliši in bo dobil WordPress 5.0. To je NPM modul za generiranje Gutenbergovega bloka za razvoj bloka z modernim skladom, kot so React, Webpack, Babel in Sass. Preprosto zaženite ukazno vrstico ,create-guten-block, in vsi ste pripravljeni.

WP Vue

WP Vue je a predlogo, zgrajeno z Vue za prikaz objav v WordPressu. Ta predloga je odlično izhodišče, če želite ustvariti svoje spletno mesto WordPress brez glave. Oglejte si, kako deluje na predstavitveni strani. Spremenite URL končne točke URL-ja WP-API s katerega koli spletnega mesta WordPress; samodejno bo ponovno napolnila objave s tistimi iz novega URL-ja končne točke.

Stimulus

A nov okvir iz baze Basecamp. Za razliko od React ali Vue, ne prisili vas, da napišete celotno aplikacijo z JavaScriptom ali dodate sintetične atribute.

StimulusJS deluje v preprostem HTML-ju, ki smo ga že poznali podatkov- lastnosti. Prav tako ne zahteva kompleksne konfiguracije zgradbe. Ti lahko preprosto dodajte skript na spletno stran, kot ste jo naredili z jQuery in to je to - začnite pisati scenarij, da bo vaša aplikacija živa.

Manta

A Brezplačna aplikacija za ustvarjanje in upravljanje računov. Dodate lahko beležko, nastavite valuto, uporabite popust, dodate seznam strank ali strank, dodajte svoj logotip, oblikujete predlogo računa in jo prenesete v obliki PDF. Na voljo je za MacOS, Windows in Linux. Če ste samostojni, je to lahko faktura, ki ste jo iskali, da bi lahko vodili svoje samostojne posle.

Reagirajte Static

Kot že ime pove, je to orodje, ki vam omogoča ustvarite statično mesto z uporabo React. Prihaja v paketu z vsemi prednastavljenimi orodji, tako da lahko začnete izdelovati vsebino za splet. In kot statično mesto, lahko gosti spletno mesto tudi v skupnem gostovanju z nizkimi viri.

Piklist

Piklist je razvojni WordPress, ki vam omogoča, da zgradite kompleksno spletno stran z WordPressom z manj kode. Na voljo je komplet pomočniških funkcij in kljukic za razširitev skoraj vseh delov v WordPressu, kot je na primer stran z nastavitvami, polja po meri, skrbniška obvestila, kratka koda, pripomočki, taksonomije, uporabniki, in še veliko več.

Strapi

A vsebina agnositic CMS okvir za izgradnjo vsebine API. To vam omogoča, da oblikujete svojo lastno strukturo vsebine in API-jev, pa tudi čudovito skrbniško ploščo za upravljanje z njimi. Vendar pa ne zagotavlja vgrajenega sistema templating. To vam ponuja možnost izbire katere koli knjižnice za vmesnik kot so React ali Vue.

ParcelJS

ParcelJS je a Bundler podobno kot Webpack in Browserify, vendar je hitrejši in zahteva ničelno konfiguracijo. To podpira skupni razvojni bundler za HTML, JS, CSS in transformatorje kot so PostCSS in Babel out-of-the-xbox. Torej se lahko osredotočite na svojo kodo, namesto da izgubljate čas na konfiguraciji.

GoodShare

Knjižnica JavaScripta za pokažite gumb Social Media s številkami za nekaj družbenih medijev. Podpira številne družbene medije, vključno s tistimi, za katere še niste slišali, kot so Vkontakte, Odnoklassniki, SurfingBird, pa tudi nekaj platform, kot so Skype, WhatsApp in LINE. GoodShare je na voljo tudi kot komponenta Vue.

CopyChar

Spletna stran, ki vam omogoča poiščite in kopirajte posebne znake v odložišče. Črke, ločila, matematika, puščice in simboli so del znakov, ki so vključeni na spletnem mestu. Preprosto kliknite ali se dotaknite znaka za kopiranje znaka v odložišče.

Nerv

Nerv je druga reaktivna knjižnica VirtualDOM; alternativa ReactJS. Prinaša znano sintakso JSX Reacta, vendar z nekaj pomembnimi razlikami. Nerv podpira Internet Explorer 8! in je le ena tretjina velikosti React. Še vedno, Nerv je združljiv z dodatki React, ki so najbolj zapleteni.

HyperappJS

Druga knjižnica JavaScript, ki jo je vredno preučiti za izdelavo spletne aplikacije. To združuje upravljanje s stikalom Virtual DOM ki podpira zaklenjene posodobitve in dogodke v življenjskem ciklu brez odvisnosti.

VulcanJS

Vulkan je a kup orodij za izdelavo sodobne spletne aplikacije. To je združeno z React, GraphQL in Meteor, ki so bili predhodno konfigurirani. Ker je to celovit okvir, ki zagotavlja celo vrsto pripomočkov za pomoč fino nastavljen na zadnji del in na sprednji del, vse je samo delo izven škatle. Tako lahko hitro dobite aplikacijo.

Koa11y

Namizna aplikacija za Windows, MacOS in Linux, ki preučuje vprašanja dostopnosti na spletni strani. Koa11y bo posredoval obvestila in opozorila, ali vaša spletna stran krši standarde dostopnosti.

To bi moralo biti orodje v vsakem spletnem orodju za razvijalce. Preskusite navigacijo po spletnih straneh s samo uporabo tipkovnice za en dan, da boste razumeli, kako je dostopnost pomembna.

TablePlus

Resnično prijetno aplikacijo GUI za upravljanje baze podatkov. TablePlus podpira široko paleto motorjev baz podatkov, vključno z (seveda) MySQL, SQLite, Redis, Postgres, MS SQL in še veliko več. TablePlus je na voljo za MacOS in Windows.