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

În această lună am văzut câteva anunțuri de la nume notabile în tehnologie. De exemplu, Apple open source un nou sistem de baze de date, Google a lansat un nou instrument pentru a măsura viteza de site-ul dvs. pe dispozitive mobile, și Github cu un curs gratuit pentru a obține ai început cu Git, Github, și de codificare în general.

De asemenea, în postul de astăzi, voi, de asemenea prezintă o serie de instrumente noi care sunt în prezent în creștere. Să mergem la ceea ce avem mai mult pe listă.

VuePress

Un nou instrument de la creatorul Vue, VuePress este a generator de site static proiectat cu Vue.js în minte. Acesta generează și pre-redă HTML static pentru fiecare pagină și rulează ca SPA (aplicație cu o singură pagină). Dispune de câteva funcții disponibile în afara casetei, inclusiv posibilitatea de a adăuga ID-ul Google Analytics, căutarea, următoarea și următoarea navigare, bara laterală și PWA.

IMG-2

O bibliotecă JavaScript care introduce a personalizat, img-2. Elementul nou adaugă o serie de optimizări care nu vin împreună cu standardul img element, îmbunătățirea modului în care imaginea este încărcată pentru utilizatori. Cu elementul personalizat, imaginea va fi pre-cache, de asemenea leneș imaginile și servetele vor fi din memoria cache numai ca imaginile să intre în portul de vizualizare al utilizatorului. Verificați demo-ul.

Tabler

Un panou de tablou / panou de administrare elegant bazat pe Bootstrap 4. Tabloul de bord conține componente pre-fabricate, cum ar fi diagrame, formulare, galerii, un tabel de prețuri și un frumos colecție de pictograme personalizate. Un punct de plecare excelent pentru a permite dezvoltatorilor să construiască un panou de administrare rapid. Verificați demo-ul!

DayJS

DayJS Bibliotecă JavaScript pentru a formata datele și orele. Mai mult, DayJS are API-uri asemănătoare cu Moment.js, însă are doar o greutate de 2Kb. Având în vedere că, ar putea fi a o alternativă excelentă la Moment.js, dacă doriți ca o bibliotecă mai ușoară să mențină cunoștințele despre ceea ce deja știți.

UnifiedArchive

O bibliotecă PHP pentru a trata fișierele comprimate, UnifiedArchive suportă o gamă largă de formate, inclusiv RAR, Zip, Gzip, Tar, și multe alte tipuri de compresie. Cu această bibliotecă puteți arhiva și extrage fișiere sau directoare. Acesta oferă o câteva API-uri pentru a manipula fișierele după ce a fost extras din arhivă. UnifiedArchive este disponibil ca pachet Compozitor.

Github Learning Lab

Github tocmai a anunțat a curs gratuit care acoperă în primul rând Git în Github. Există 5 cursuri în momentul în care puteți învăța câteva lucruri la îndemână, cum ar fi cum se utilizează Github pentru a vă găzdui codurile, cum să utilizați paginile Github pentru a obține un site sau un blog gratuit pentru proiectul dvs. și cum să gestionați conflictele de fuziune care sunt comune atunci când lucrați cu mulți dezvoltatori pe un proiect.

WordPress UnitTest DOM Parser

Un sfat frumos din partea lui Takayuki Miyauchi testarea DOMElement la efectuarea aplicației UnitTest în aplicațiile WordPress. Eu personal am găsit acest lucru foarte util; sperăm că veți găsi același lucru.

Popmotion

O bibliotecă JavaScript pentru o animație netedă pe internet, “Popmotion” oferă un API numit Fizică care vă permite să creați cu efecte de animație apropiate de viața reală. Este neoprenat; biblioteca pur și simplu ieșiri bazate pe setul specific al configurației. Acest lucru vă permite să aplicați aceste rezultate pentru a anima orice mediu, inclusiv CSS, SVG, Three.js și chiar React.js.

Driver.js

O bibliotecă JavaScript care vă permite să “conduce” orientarea utilizatorului pe o pagină. Acest lucru este util în special dacă doriți să introduceți anumite caracteristici sau să le îndrumați către anumite sarcini de pe pagină. Driver.js este doar Dimensiune 4 KB, personalizabil și ușor de utilizat de tastatură.

Înlocuiți animația GIF cu video

GIF este pretutindeni, după ce a revenit minunat. Dar problema cu GIF este că este de obicei foarte mare. Este o pierdere de lățime de bandă, dar calitatea grafică este adesea teribilă. Acest ghidul de la Google arată cum “Video” poate înlocui GIF pentru a afișa grafica animată.

Text Mască

O bibliotecă JavaScript pentru transforma textul care necesită formatare specială cum ar fi un număr de telefon, o monedă sau un număr de card de credit. Pe măsură ce utilizatorul introduce textul, va fi transformat automat în formatul corespunzător, îmbunătățind experiența utilizatorului. TextMask poate fi folosit cu React, Vue sau doar cu vechiul JavaScript.

Comparați viteza site-ului mobil

Acesta este un alt instrument util de la Google. Acest instrument vă va permite verificați viteza site-ului dvs. la încărcarea de pe mobil și estimați pierderea totală a veniturilor atunci când site-ul web se încarcă încet. Poti selectați țara și viteza din care site-ul dvs. va fi testat împotriva.

VueNut

Un partener de dezvoltare atunci când construiește o aplicație web cu Vue.js și Vuex, VueNut o face mai ușor de explorat starea datelor stocate și vă permite să manipulați ușor datele în timpul dezvoltării. Chestii tari!

FoundationDB

Recent, Apple a făcut FoundationDB open source în Github. E o cheie-valoare pereche sistem de baze de date care promite scalabilitate și performanță. Este bine să aveți companii mari de tehnologie care încep să se dedice pentru a deschide o parte din produsele lor.

Cărți de povești

StoryBooks este un instrument pentru construiți o componentă React în mod izolat. Acesta oferă un interfață utilizator pe browser care vă permite să vizualizați diferitele stări ale fiecărei componente, precum și testați componentele.

GhostText

O extensie a browserului care o va face sincronizați ceea ce scrieți în browser cu editorul de text sau vice versa. Am găsit acest lucru în cele din urmă util dacă doriți să puteți scrie pe un site web cu comoditatea și caracteristicile editorului de cod. GhostText este disponibil pentru Chrome, Firefox și Opera.

Coala

Coala este a CLI oferă o interfață pentru codificarea și fixarea codului, indiferent de limbile utilizate. Puteți utiliza coala în cadrul unui editor de cod, integrați-l cu un CI (Integrare continuă) și personalizați-l cu o sintaxă de configurare în .coafile. Coala acceptă multe limbi, cum ar fi CSS, JavaScript, PHP, și puteți găsi mai multe în acest director.

ReactStrap

ReactStrap este o colecție de componente Bootstrap 4 transformate în componente React reutilizabile. Dacă doriți să vă modernizați vechiul site Web bazat pe Bootstrap, această bibliotecă este ceva la care ați putea dori să căutați.

Reacto

Un alt instrument React, Reacto este un IDE construit pe partea de sus a lui Electron și proiectat pentru dezvoltarea de aplicații web cu ReactJS. Acest lucru pare foarte util dacă dezvoltarea dvs. primară se învârte în jurul ReactJS.

PicoJS

O bibliotecă JavaScript care permite detectarea feței. Funcționează cu o fotografie statică sau cu camera integrată. Este cu adevărat fascinant modul în care tehnologia web evoluează în ultimii ani.