Uued ressursid veebidisaineritele ja arendajatele (veebruar 2018)

Olles aastate jooksul selle seeria katnud, olen näinud, kuidas tööriistad tulevad ja lähevad. A paar uut tööriista ilmub peaaegu iga nädal. Kuid paaril viimasel nädalal ma arvan, et see veidi aeglustub, see võttis mind veidi kauem kui tavaliselt Uute tööriistade leidmiseks kaevake Githubi ja muudest allikatest alla mis on tasuta, avatud lähtekoodiga ja väärib mainimist selle seeria kohta.

Tänapäeva ametikohal on mul JavaScripti raamistiku, testimisvahendite ja mõne WordPressi saitide arendamiseks mõeldud tööriistade segu. Vaatame need välja.

Kutt

An rakendus, mis lühendab oma domeeninimega URL-e. See on üles ehitatud kaasaegsetele korstnatele nagu Node.js, React ja Redux koos käputäisega funktsioonid, mis on sisseehitatud, sealhulgas parooli kaitsev URL, RESTful API, ja väljamõeldud üksikasjalik statistika oma URL-ide jälgimiseks. Parim asi on see tasuta ja saate selle oma serveris hostida.

WordHat

WordHat on a vahend Behati integreerimiseks WordPressiga. Behat on avatud lähtekoodiga käitumispõhine arendus (BDD) raamistik PHP jaoks, kus saate testida oma PHP rakendust väljendusrikkamalt.

Leiad selle tööriista väga kasuliku, kuna teie WordPressi teema ja plugin keerulisemaks muutuvad funktsioonidega; WordHat ja Behat tagavad, et teie teema või plugin käitub ootuspäraselt kui kasutaja sellega suhtleb.

WP-brauser

Sarnaselt WordHat'iga on WP-Browser koodeksite laiendamine spetsiaalselt WordPressi rakendustele, teemadele ja pluginatele mõeldud. Kaasotsustamine on tööriist testimine oma rakenduses, sarnaselt PHPUnit ja Behat'iga, kuid see on komplekteeritud rohkem. Selles saab teha Brauseri testimine, BDD, üksuse integreerimise testimine ja API testimine.

Sõlme WP rahvusvahelistumine

Nimi räägib enda eest. See on NodeJS-moodul, mis automatiseerib palju teemasid oma teemade või pluginate rahvusvaheliseks muutmiseks. Paigaldage moodul ja tüüp wpi18n makepot POT-faili genereerimiseks teie WordPressi pluginate või teemade transleeritavast tekstist välja.

Tänan

Teine NodeJS-moodul, mis on hiljuti Githubis trendid. “Tänan” tahe looge avatud lähtekoodiga projektis kasutatavate pakettide haldajate loend ja siduge see oma annetusega või OpenCollective-i leheküljega kui märk tänu oma panusele kogukonda.

Loo Guteni plokk

Gutenberg kuuleb ja saadetakse koos WordPress 5.0-ga. See on NPM-moodul Gutenbergi plokkide arendamiseks kaasaegse korstnaga nagu React, Webpack, Babel ja Sass. Lihtsalt käivitage käsurida ,luua-guten-block, ja sa oled kõik seatud.

WP Vue

WP Vue on a Vue'iga ehitatud mall WordPressi postituste kuvamiseks. See mall on suurepärane lähtepunkt, kui soovite oma WordPressi saidi muuta peata. Vaadake, kuidas see demo lehel toimib. Muuda WP-API URL-i lõpp-punkti URL-i mis tahes WordPressi saidilt; see taastab automaatselt postitused uue lõpp-punkti URL-i postitustega.

Stiimul

A uus JavaScript raamistik Basecampist. Erinevalt Reactist või Vue'ist ei sunni see teid kogu rakendust JavaScriptiga kirjutama või sünteetilisi atribuute lisama.

StimulusJS töötab lihtsas HTML-is, mida me juba teadsime andmeid- atribuudid. Samuti ei nõua see keerulist ehituskonfiguratsiooni. Sa saad lihtsalt lisage veebilehe skript nagu jQueryga ja see ongigi - alustage skripti kirjutamist, tehes oma rakenduse elus.

Manta

A tasuta rakendus arvete loomiseks ja haldamiseks. Saate lisada märkme, määrata valuuta, rakendada allahindlusi, lisada klientide või klientide nimekirja, lisage oma logo, kujundage arve malli ja laadige see PDF-vormingus alla. See on saadaval MacOS, Windows ja Linuxi jaoks. Kui oled vabakutseline, võib see olla arvete esitamine, mida olete otsinud vabakutselise äri käivitamiseks.

Reageeri staatiline

Nagu nimigi ütleb, on see tööriist, mis võimaldab teil luua staatiline sait, kasutades React. See on kaasas kõigi eelnevalt konfigureeritud tööriistadega, nii et saate alustada veebi sisu loomist. Ja olles staatiline sait, saate seda teha võõrustada veebisaiti isegi väikeste ressurssidega ühiskasutuses.

Piklist

Piklist on arengupõhine WordPress võimaldab teil luua keerulise veebisaidi seadistamise koos WordPressiga vähem koodiga. Kaasas on helperfunktsioonide komplekt ja konksud, et laiendada peaaegu kõiki WordPressi osi, näiteks seadistuslehte, kohandatud väljad, admin märkused, lühikood, vidinad, taksonoomiad, kasutajad, ja palju muud.

Strapi

A sisu agnositic CMS raamistiku sisu API loomiseks. See võimaldab teil kujundada oma sisustruktuuri ja API-d ning pakub nende haldamiseks ilusat administraatori paneeli. Siiski ei paku see sisseehitatud mallimissüsteemi. See pakub Teile oma eelistatud raamatukogu näiteks React või Vue.

ParcelJS

ParcelJS on a komplekt palju nagu Webpack ja Browserify, välja arvatud see, et see kiirendab kiiremini ja nõuab nullkonfiguratsiooni. See toetab HTML, JS, CSS ja trafode ühist arenduspaketti nagu PostCSS ja Babel. Niisiis, saate lihtsalt keskenduda oma koodi asemel raisata aega konfiguratsiooni.

GoodShare

JavaScripti teek Näita sotsiaalmeedia nuppu, mille osakaal on mõne sotsiaalmeedia jaoks. See toetab paljusid sotsiaalseid meediakanaleid, sealhulgas neid, mida te pole kunagi kuulnud nagu Vkontakte, Odnoklassniki, SurfingBird, samuti mõni messenging platvorm nagu Skype, WhatsApp ja LINE. GoodShare on saadaval ka Vue komponendina.

CopyChar

Veebisait, mis võimaldab teil leidke ja kopeerige spetsiaalsed märgid lõikepuhvrisse. Kirjad, kirjavahemärgid, matemaatika, nooled ja emotikonid on mõned saidi tähemärgid. Lihtsalt klõpsa või puuduta märki, et märk lõikepuhvrisse kopeerida.

Nerv

Nerv on teine reaktiivne VirtualDOM raamatukogu; alternatiiviks ReactJS-ile. See toob kaasa React tuttava süntaksi JSX, kuid väheste märgatavate erinevustega. Nerv toetab Internet Explorer 8! ja see on vaid üks kolmandik React suurusest. Ikka, Nerv ühildub kõige keerulisemate React lisandmoodulitega.

HyperappJS

Teine JavaScripti raamatukogu, mida tasub otsida veebirakenduse loomiseks. See ühendab riigi haldamise Virtual DOM mootoriga mis toetab kõiki uuendusi ja elutsükli sündmusi ilma sõltuvusteta.

VulcanJS

Vulcan on a moodsa veebirakenduse ehitamiseks tööriista. See on seotud React, GraphQL ja Meteoriga. Kuna tegemist on täispakiga raamistikuga, mis pakub tervet rida abistaja komponente Peenhäälestatud back-end ja front-end, kõik on lihtsalt töö-out-of-the-box. Seega saate oma rakenduse kiiresti käivitada.

Koa11y

Windowsi, MacOSi ja Linuxi töölauarakendus veebisaidi juurdepääsetavuse probleemide uurimiseks. Koa11y esitab teated ja hoiatused, kas teie veebisait rikub kättesaadavuse standardeid.

See peaks olema iga veebiarendajate tööriistakasti vahend. Proovige veebisaite navigeerida lihtsalt klaviatuuri abil, et mõista, kuidas ligipääsetavus on oluline.

TablePlus

Tõesti kena välimusega GUI rakendus andmebaasi haldamiseks. TablePlus toetab mitmesuguseid andmebaasi mootoreid, sealhulgas (muidugi) MySQL, SQLite, Redis, Postgres, MS SQL ja palju muud. TablePlus on saadaval MacOS ja Windows jaoks.