Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2018 m. Vasario mėn.)

Užsitęsęs šią seriją jau daugelį metų, stebėjau, kad įrankiai ateina ir eina. A keletas naujų įrankių išleidžiami beveik kiekvieną savaitę. Tačiau per pastarąsias kelias savaites aš manau, kad šiek tiek sulėtėja, tai truko šiek tiek ilgiau nei įprasta surasti žemyn iki „Github“ ir kitų šaltinių, kad rastumėte naujų įrankių kurie yra laisvi, atviri šaltiniai ir verta paminėti šią seriją.

Šiandieniniame pranešime turiu įrankių iš „JavaScript“ sistemos, „Testing tools“ ir kelių „WordPress“ svetainių kūrimo. Patikrinkime juos.

Kutt

An programa, kuri sutrumpina URL su savo domeno vardu. Jis yra pastatytas ant šiuolaikinių stelažų, tokių kaip „Node.js“, „React“ ir „Redux“ su sauja Įdiegtos funkcijos, įskaitant slaptažodžio apsaugą, RESTful API, ir išgalvokite išsamią statistiką, kad galėtumėte stebėti savo URL. Geriausias dalykas yra tai, kad jis yra nemokamas ir galite jį talpinti savo serveryje.

WordHat

WordHat yra a įrankis integruoti „Behat“ į „WordPress“. „Behat“ yra atviro kodo elgesio skatinimo (BDD) sistema, skirta PHP, kur galite išbandyti savo PHP programą išraiškingesniais būdais.

Šį įrankį rasite labai naudinga, nes jūsų „WordPress“ tema ir papildinys tampa sudėtingesni; „WordHat“ ir „Behat“ užtikrins, kad jūsų tema ar įskiepiai elgsis taip, kaip tikėtasi kai vartotojas sąveikauja su juo.

WP naršyklė

Panašiai kaip ir „WordHat“, „WP-Browser“ yra kodekuotės išplėtimas specialiai sukurta „WordPress“ programoms, temoms ir įskiepiams. Bendras priėmimas yra įrankis, kurį galima atlikti bandymai jūsų paraiškoje, panaši į „PHPUnit“ ir „Behat“, tačiau ji yra susieta su daugiau. Tą galite padaryti Naršyklės testavimas, BDD, vienetų integracijos testavimas ir API testavimas.

Mazgo WP internacionalizacija

Pavadinimas kalba už save. Tai „NodeJS“ modulis, skirtas automatizuoti daugybę dalykų, kad jūsų temos ar papildiniai būtų internacionalizuoti. Įdiekite modulį ir tipą wpi18n makepot generuoti POT failą iš „WordPress“ įskiepių ar temų teksto.

Dėkoju

Kitas „NodeJS“ modulis, kuris neseniai vyksta į „Github“. “Dėkoju” valia sukurti atviro kodo projekte naudojamų paketų tvarkytojų sąrašą ir susieti jį su savo donoryste arba OpenCollective puslapiu, kaip ženklą, kad jie prisidėjo prie bendruomenės.

Sukurkite „Guten Block“

Gutenbergas girdi ir bus pristatytas su „WordPress 5.0“. Tai yra NPM modulis, skirtas generuoti „Gutenberg“ blokų kūrimo katilinę su šiuolaikiniu kaminu, pvz., „React“, „Webpack“, „Babel“ ir „Sass“. Tiesiog paleiskite komandinę eilutę ,sukurti-guten-block, ir jūs visi esate.

WP Vue

WP Vue yra a šablonas, pastatytas su „Vue“, kad būtų rodomi „WordPress“ pranešimai. Šis šablonas yra puikus pradinis taškas, jei norite, kad „WordPress“ svetainė būtų be galvos. Peržiūrėkite, kaip jis veikia demo puslapyje. Pakeiskite WP-API URL galutinio taško URL iš bet kurios „WordPress“ svetainės; jis automatiškai iš naujo sukurs įrašus su naujojo parametro URL adresais.

Stimulus

A naują „JavaScript“ sistemą iš „Basecamp“. Skirtingai nuo „React“ ar „Vue“, jis neprivalo parašyti visos programos su „JavaScript“ arba pridėti sintetinių atributų.

StimulusJS dirba paprastame HTML, kurį jau žinojome duomenis- atributai. Ji taip pat nereikalauja sudėtingos kūrimo konfigūracijos. Tu gali tiesiog pridėkite scenarijų tinklalapyje, kaip ir su jQuery ir viskas - pradėkite rašyti scenarijų, kad jūsų programa būtų gyva.

Manta

A nemokama programa, skirta kurti ir valdyti sąskaitas. Galite pridėti pastabą, nustatyti valiutą, taikyti nuolaidą, pridėti klientų ar klientų sąrašą, pridėkite savo logotipą, suprojektuokite sąskaitos faktūros šabloną ir atsisiųskite jį PDF formatu. Jis galimas MacOS, Windows ir Linux. Jei esate laisvai samdomas darbuotojas, tai gali būti sąskaitų faktūrų išrašymas, kurį ieškote paleisti savo laisvai samdomą verslą.

Reaguoti statinį

Kaip rodo pavadinimas, tai yra priemonė, leidžianti jums generuoti statinę svetainę naudojant „React“. Jis pridedamas prie visų iš anksto sukonfigūruotų įrankių, kad galėtumėte pradėti kurti žiniatinklio turinį. Ir galite statinė svetainė talpina svetainę net ir priegloboje, kurioje yra mažai išteklių.

Piklist

„Piklist“ yra „WordPress“ vystymasis leidžia jums sukurti sudėtingą svetainės konfigūraciją su WordPress su mažiau kodo. Jis ateina su pagalbinių funkcijų rinkiniu ir kabliukais, kad išplėstų beveik visas „WordPress“ dalis, pvz., Nustatymo puslapį, pasirinktiniai laukai, admin pranešimai, trumpasis kodas, raštai, taksonomijos, naudotojai, ir daug daugiau.

Strapi

A turinio API kūrimas. Tai leidžia jums sukurti savo turinio struktūrą ir API, taip pat suteikia gražią administratoriaus grupę, kuri juos valdys. Tačiau ji nepateikia integruotos šablonų sistemos. Tai siūlo jums pasirinkti bet kokią jūsų pageidavimų pagrindinę biblioteką pavyzdžiui, React arba Vue.

ParcelJS

ParcelJS yra a rinkėjas panašiai kaip „Webpack“ ir „Browserify“, išskyrus tai, kad ji sparčiau spindi ir reikalauja nulinės konfigūracijos. Tai palaiko bendrą HTML, JS, CSS ir transformatorių plėtros paketą pvz., „PostCSS“ ir „Babel“. Taigi, galite tiesiog sutelkti dėmesį į savo kodą, o ne švaistyti laiko konfigūracijoje.

„GoodShare“

„JavaScript“ biblioteka parodyti Socialinės žiniasklaidos mygtuką, kai dalis yra įtraukta į keletą socialinių medijų. Jis palaiko daugelį socialinės žiniasklaidos priemonių, įskaitant tuos, kuriuos niekada negirdėjote apie „Vkontakte“, „Odnoklassniki“, „SurfingBird“, taip pat keletą „messenging“ platformų, tokių kaip „Skype“, „WhatsApp“ ir „LINE“. „GoodShare“ taip pat yra „Vue“ komponentas.

CopyChar

Svetainė, kuri leidžia jums surasti ir nukopijuoti specialius simbolius į iškarpinę. Laiškai, skyrybos ženklai, matematika, rodyklės ir emocijos yra keletas simbolių, įtrauktų į svetainę. Tiesiog spustelėkite arba bakstelėkite simbolį, jei norite nukopijuoti simbolį į iškarpinę.

Nerv

Nervas yra kitas reaktyvi VirtualDOM biblioteka; alternatyva ReactJS. Jis atneša pažįstamą React „JSX“ sintaksę, tačiau turi keletą pastebimų skirtumų. „Nerv“ palaiko „Internet Explorer 8“! ir tai tik trečdalis React dydžio. Vis dar, „Nerv“ yra suderinama su „React“ priedais, kurie yra sudėtingiausi.

„HyperappJS“

Kita „JavaScript“ biblioteka, kurią verta ieškoti kuriant žiniatinklio programą. Tai sujungia valstybės valdymą su Virtual DOM varikliu kuris palaiko raktinius naujinimus ir gyvavimo ciklo įvykius, kurie neturi jokių priklausomybių.

VulcanJS

Vulcan yra a šiuolaikinių žiniatinklio programų kūrimo įrankių. Ji yra susieta su „React“, „GraphQL“ ir „Meteor“. Kadangi tai yra visapusiška sistema, teikianti daugybę pagalbinių komponentų tiksliai suderintas su „back-end“ ir „front-end“. Tokiu būdu galite greitai ir greitai paleisti programą.

Koa11y

Darbalaukio programa, skirta „Windows“, „MacOS“ ir „Linux“ sistemoms, skirta nagrinėti prieinamumo problemas svetainėje. „Koa11y“ pateiks pranešimus ir įspėjimus, ar jūsų svetainė pažeidžia prieinamumo standartus.

Tai turėtų būti įrankis kiekviename žiniatinklio kūrėjų įrankių rinkinyje. Pabandykite naršyti svetainėse naudodami tik klaviatūrą, kad suprastumėte, kaip svarbu „Prieinamumas“.

TablePlus

Tikrai gražus GUI programa, skirta duomenų bazei valdyti. TablePlus palaiko įvairius duomenų bazių variklius, įskaitant (žinoma) MySQL, SQLite, Redis, Postgres, MS SQL ir daug daugiau. TablePlus yra prieinama MacOS ir Windows.