Resurse proaspete pentru designeri web și dezvoltatori (iulie 2018)

Iulie este luna care aduce inaltimea de vara si deci pentru lotul de resurse proaspete din aceasta luna, avem cateva instrumente fierbinti de la unii dezvoltatori bine stabiliti, precum si de novici.

Lista are un amestec destul de interesant de instrumente variind de la Biblioteca Sketch de către comunitatea WordPress care vă va permite să creați prototip de interfață WordPress, o mână de instrumente care extind React.js și Vue.js, și câteva referințe la nivel de abilități de dezvoltare. Să le verificăm.

WPRIG

O temă WordPress starter all-in-one creată de Morten Rand-Hendriksenand este echipată cu un construi un proces presetat folosind instrumente moderne cum ar fi integrarea Gulp, Babel, ESLint și Visual Studio Code. Acesta vă va ajuta să creați o temă WP excelentă fără a avea nevoie de configurarea instrumentelor de dezvoltare din jur.

VueNative

Un cadru bazat pe Vue.js pentru a construi o aplicație mobilă pe mai multe platforme, care vă permite să vă scrieți codul cu specificația Vue.js. Instrumentul va compilați-l la React Native și faceți munca magică pentru dvs. în spatele scenei cu vue-nativă CLI. Dacă sunteți deja familiarizat cu Vue.js, acest lucru ar putea fi a cadru adecvat pentru a construi o aplicație mobilă.

SketchPress

Oamenii de la 10up tocmai au lansat SketchPress, care este a Schița șablonului pentru crearea rapidă a machetelor și modelelor de interfață de administrare WordPress. Acesta este ambalat cu un admin comun UI, cum ar fi butonul primar, meniul de bara, Dashicons, Metabox, etc SketchPress este un instrument de mare companion pentru dezvoltatorii WordPress pentru a alinia plugin-ul și tema Setări sau Opțiuni pagină cu WordPress admin UI.

Docz

Docz este a generator de documente bazat pe MDX care a fost prezentată în ultima rundă a acestei serii. Acest instrument vă va permite să importați și să includeți un compenent personalizat JSX în mixul cu sintaxa Markdown, la fel ca și scrierea unui document JSX.

Animista

CSS Animation aduce web la viata. Cu toate acestea, nu este întotdeauna ușor să compuneți animația CSS, având în vedere prefixele browserului pentru compatibilitate, parametri și intervalul de timp pentru animație. Animasta face acest lucru mai ușor prin generarea codului pentru tine. Poti configurați animația într-o interfață ușor de utilizat, de unde puteți copia codul.

GridToFlex

Câteva exemple de aspect web obișnuit au fost construite folosind Gridul nativ CSS și utilizează Flexbox ca rezervă pentru un browser care nu o suportă încă. Verificați postarea noastră: Introducere în modulul CSS Grid Layout.

RatioBuddy

Un instrument frumos generați o cutie cu CSS cu un raport definit, de exemplu, 1: 1, 3: 4, etc. Instrumentul va genera codul în format SCSS pentru copiere.

Cum să GraphQL

GraphQL este o alternativă la structura de date REST și cum la GraphQL este a o resursă cuprinzătoare pentru ao învăța. Este mult mai eficient decât REST, deoarece va trage doar datele solicitate, reducând cantitatea de încărcare și transferul de date.

Istoricul eșantionului

Un simplu plugin WordPress pentru a arăta istoricul activității efectuate în tabloul de bord WordPress. Acceptă activitatea nativă a WordPress, cum ar fi atunci când un utilizator creează postări și pagini, loghează și activează sau dezactivează alte pluginuri. Poate deasemenea urmăriți activitatea altor pluginuri inclusiv câmpurile personalizate avansate (ACF) și comutarea utilizatorilor. Acesta este un plugin extraordinar pentru a urmări activitatea internă a site-urilor dvs..

Transfer.sh

este un util pentru a partaja fișiere prin comanda Shell. Puteți încărca orice tip de fișier de până la 10 Gb. De asemenea, acceptă criptarea fișierelor. Și am menționat că este total gratuit?

FB Sonar

Un instrument pentru depanarea aplicațiilor mobile pentru iOS și Android. Aplicația este echipată cu niște unelte pentru a experiență de depanare convenabilă cum ar fi un vizualizator de jurnal, un inspector de aspect interactiv și un inspector de rețea. Dacă nu este suficient, puteți crea un plugin pentru a extinde aplicația cu funcționalitatea de care aveți nevoie.

JSUI

Această aplicație este împachetată cu o grămadă de instrumente pentru a oferi o modalitate mai bună de a vă organiza proiectele. Poti creați un grup, generați un nou proiect utilizând câteva proiecte populare cum ar fi React, Vue și Angular, instalați o dependență de proiect, rulați un server Node.js și multe altele. O aplicație excelentă pentru cei care gestionează zeci de proiecte.

BrainMonkey

Un utilitar de testare a unității PHP proiectat cu câteva instrumente specifice pentru WordPress. Oferă instrumente care să permită a-și bate joc Funcții PHP. Acesta oferă, de asemenea, un set de instrumente din cutie pentru a face față unor funcții WordPress cum ar fi ADD_ACTION remove_action pentru a numi câteva, care sunt în general complicat a testa.

fractal

Fractal a fost conceput pentru a fi un instrument central de documentare pentru dezvoltatorii din cadrul unei echipe care să se adreseze atunci când este nevoie să se integreze o componentă într-un proiect. Vă permite să integrați fragmentul de cod, afișând previzualizări, documentație, note, etc. pentru fiecare componentă.

Ant Design Pro

“AntDesign” este unul dintre cadrele UI populare bazate pe React.js și acesta este “Pro” versiune concepută pentru aplicații în întreprindere. Acesta include mai multe componente adiționale care nu se află în pachetul comun AntDesign, cum ar fi AvatarList, HeaderSearch și TagSelect.

Cadrul are, de asemenea instrumente de dezvoltare integrate cum ar fi instrumentul Build, test Suite și implementare astfel încât să puteți lucra imediat la codul dvs., în loc să pierdeți timpul în configurația fluxului de lucru.

LuminJS

Un super minuscul Bibliotecă JavaScript pentru a evidenția textul pe site-ul dvs.. Funcționează fără probleme cu o structură DOM complexă și este programabilă prin faptul că puteți seta viteza, stilul și animația.

Prompts

O la îndemână Pachetul NPM pentru a construi CLI interactiv folosind Node.js. Acesta susține opțiunile de bază prompte, multiple, promptul dinamic și multe tipuri de intrări, cum ar fi o parolă, un text, un număr și un e-mail etc..

Percepţie

Un plugin cool WordPress care ar fi îmbunătățirea căutării în WordPress Media Library prin clasificarea imaginilor utilizând API-ul Google Cloud Vision. De exemplu, dacă ați încărcat o “pasăre” imagine, puteți căuta imaginea utilizând cuvântul cheie “pasăre” indiferent dacă cuvântul cheie este sau nu inclus în numele imaginii, al fișierului sau al datelor meta.

DevTube

O colectie de videoclipuri, trase de pe Youtube, de mai multe conferințe pentru dezvoltatori cum ar fi JSConf, Google TechTalk și O'Reilly. Acum, ia-ți floricelele și ridică-ți aptitudinile de la Dev.

Reactive.how

Programarea reactivă este în creștere; o nouă paradigmă în programare, în special în jurul webului, unde fluxul de date este abundent și curge continuu în fiecare milisecundă. Această resursă este o inițiativă a lui Cèdric Soulas vă învață principiile reactiv programare.