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

Liepa - tai mėnuo, kuris atneša vasaros aukštį, taigi ir šio mėnesio šviežių išteklių partijai, mes turime kai kuriuos naujus naujus įrankius iš gerai žinomų ir naujokų kūrėjų.

Sąraše yra gana įdomus įrankių derinys, pradedant nuo „Sketch“ bibliotekos iki „WordPress“ bendruomenės, kuri leis jums sukurti „WordPress“ sąsajos prototipą. įrankiai, išplečiantys React.js ir Vue.js, ir pora nuorodų, kad jūsų įgūdžiai būtų aukštesni. Patikrinkime juos.

WPRIG

„All-in-one“ starteris „WordPress“ tema, sukurta „Morten Rand-Hendriksenand“, turi a sukurti modernų įrankių procesą „Gulp“, „Babel“, „ESLint“ ir „Visual Studio Code“ integravimas. Tai padės jums sukurti puikią WP temą be problemų, susijusių su aplinkinių kūrimo įrankių konfigūravimu.

VueNative

„Vue.js“ pagrindu sukurta sistema, kuria sukuriama įvairialypė mobilioji programa, leidžianti parašyti kodą su „Vue.js“ specifikacija. Priemonė bus surinkti ją į „React Native“ ir atlikite magijos darbus už scenos su vue-native CLI. Jei jau esate susipažinę su „Vue.js“, tai gali būti tinkama sistema mobiliosios programos kūrimui.

„SketchPress“

„10up“ žmonės neseniai išleido „SketchPress“, kuris yra a Eskizo šablonas greitai kurti „WordPress“ administratoriaus sąsajos maketus ir dizainus. Ji yra supakuota su bendra admin UI kaip pirminis mygtukas, meniu juosta, Dashicons, Metabox ir tt SketchPress yra puikus kompanionas įrankis WordPress kūrėjams suderinti įskiepiai ir tema Nustatymai arba Funkcijos puslapį su WordPress admin UI.

Docz

Docz yra a dokumentacijos generatorius, pagrįstas MDX kuris buvo rodomas paskutiniame šios serijos turnyre. Šis įrankis leis importuoti ir įtraukti JSX pasirinktinį kompenentą į mišinį su „Markdown“ sintaksė, kaip rašyti JSX dokumentą.

Animista

CSS animacija atneša internetą į gyvenimą. Tačiau ne visada lengva kurti CSS animaciją, atsižvelgiant į naršyklės prefiksus, skirtus suderinamumui, parametrams ir animacijai. „Animasta“ šią medžiagą palengvina generuodamas kodą. Tu gali sukonfigūruokite animaciją vartotojui patogioje sąsajoje, iš kurios galite tiesiog nukopijuoti kodą.

„GridToFlex“

Keletas bendrų interneto išdėstymo pavyzdžių, sukurtų naudojant vietinį CSS tinklelį, ir naudokite „Flexbox“ kaip naršyklės atsarginę kopiją, kuri to dar nepalaiko. Peržiūrėkite mūsų postą: Įvadas į „CSS Grid Layout Module“.

RatioBuddy

Gražus įrankis generuoti langelį su CSS su apibrėžtu santykiu, pavyzdžiui, 1: 1, 3: 4, ir tt įrankis sukurs kodą SCSS formatu, kad kopijuotų.

Kaip GraphQL

GraphQL yra alternatyva REST duomenų struktūrai ir kaip „GraphQL“ yra a visapusiškas išteklių mokymasis. Jis yra daug efektyvesnis už REST, nes jis tik ištrauks prašomus duomenis, sumažindamas apkrovos ir duomenų perdavimo kiekį.

Pavyzdžių istorija

Paprastas „WordPress“ įskiepis, rodantis „WordPress“ prietaisų skyde atliktos veiklos istoriją. Jis palaiko WordPress gimtoji veikla, pavyzdžiui, kai vartotojas sukuria žinutes ir puslapius, prisijungia ir aktyvuoja arba išjungia kitus įskiepius. Jis taip pat gali stebėti kitą „plugins“ veiklą įskaitant išplėstinius pasirinktinius laukus (ACF) ir naudotojo perjungimą. Tai puikus įskiepis, leidžiantis stebėti jūsų svetainių vidaus veiklą.

Transfer.sh

tai yra naudinga programa, skirta bendrinti failus per „Shell“ komandą. Galite įkelti bet kokį failo tipą iki 10 Gb. Jis taip pat palaiko failų šifravimą. Ir ar aš paminėjau, kad tai visiškai nemokama?

FB Sonar

Įrankis, leidžiantis derinti mobilias programas iOS ir „Android“. Programoje yra keletas įrankių, skirtų a patogi derinimo patirtis pvz., žurnalo žiūrovas, interaktyvus išdėstymo inspektorius ir tinklo inspektorius. Jei to nepakanka, galite sukurti papildinį, kad programa būtų praplečiama su reikiama funkcija.

JSUI

Ši programa yra supakuota su įrankių krūva, kad būtų galima geriau organizuoti savo projektus. Tu gali sukurkite grupę, sukurkite naują projektą, naudodami kai kuriuos populiarius projektus kaip „React“, „Vue“ ir „Angular“, įdiekite priklausomybę nuo projekto, paleiskite „Node.js“ serverį ir daug daugiau. Puiki programa tiems, kurie valdo dešimtis projektų.

BrainMonkey

PHP vieneto testavimo įrankis, sukurtas naudojant tam tikras WordPress skirtas priemones. Ji suteikia įrankių, leidžiančių sumaišykite PHP funkcijos. Ji taip pat suteikia įrankių rinkinį iš dėžutės, kad galėtume spręsti kai kurias „WordPress“ funkcijas pridėti įrašą pašalinkite paketą paminėti keletą, kurie paprastai yra sudėtinga patikrinti.

Fraktalas

„Fractal“ buvo sukurta kaip centrinė dokumentacijos priemonė, skirta komandos nariams, norintiems nurodyti, kada reikia integruoti komponentą į projektą. Tai leidžia jums integruoti kodo fragmentą, rodyti peržiūros, dokumentus, pastabas, ir tt kiekvienam komponentui.

Ant Design Pro

“AntDesign” yra viena iš populiariausių sąsajų, pagrįstų React.js, ir tai yra jos “Pro” versija, skirta verslo programoms. Jame yra keletas papildomų komponentų, kurie nėra bendrame AntDesign pakete, pvz., „AvatarList“, „HeaderSearch“ ir „TagSelect“.

Ši sistema taip pat turi įmontuoti kūrimo įrankiai, pvz., „Build tool“, „Test Suite“ ir „Deployment“ todėl galite iškart dirbti su kodu, o ne eikvoti laiko darbo eigos konfigūracijai.

LuminJS

Super maža „JavaScript“ biblioteka paryškina jūsų svetainės tekstą. Jis veikia sklandžiai su sudėtinga DOM struktūra ir yra programuojamas tuo, kad galite nustatyti greitį, stilių ir animaciją.

Prašymai

Patogus NPM paketas, skirtas interaktyviam CLI kūrimui naudojant „Node.js“. Jis palaiko pagrindinius sparčius, kelis pasirinkimus, dinamišką greitą ir daugelio tipų įvestį, pvz., Slaptažodį, tekstą, numerį ir el.

Pripažinimas

Cool WordPress papildinys, kad būtų pagerinti „WordPress Media Library“ paiešką klasifikuodami vaizdus naudodami „Google Cloud Vision“ API. Pavyzdžiui, jei įkėlėte a “paukštis” vaizdą, galite ieškoti vaizde naudodami raktinį žodį “paukštis” ar raktinis žodis yra įtrauktas į vaizdo pavadinimą, failo pavadinimą ar metaduomenis.

DevTube

Kolekcija iš „YouTube“ ištrauktų kelių kūrėjų konferencijų vaizdo įrašų kaip „JSConf“, „Google TechTalk“ ir „O'Reilly“. Dabar gaukite savo popkorną ir išlyginkite savo Dev įgūdžius.

Reactive.how

Reaktyvus programavimas didėja; nauja paradigma programuojant, ypač aplink žiniatinklį, kur duomenų srautas yra gausa ir nuolat kinta kas milisekundė. Šis šaltinis yra Cèdric Soulas iniciatyva išmokyti jus principus reaktyvus programavimas.