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

Se pare că comunitatea de dezvoltare este mai activă în ultima vreme, deoarece au fost lansate destul de multe instrumente noi în ultimele luni. În această rundă a seriei, voi evidenția câteva dintre instrumentele care merită menționate.

Printre lista de instrumente, există o Biblioteca JavaScript pentru a genera date fictive, un instrument de partajare a fișierelor în cadrul rețelelor locale, și una care vă va permite să înregistrați sesiunea Terminal în animație SVG. Suna bine? Să verificăm lista completă de mai jos.

Pushbar.js

Este o bibliotecă JavaScript pentru a crea sertar culisant. De obicei, sertarul culisant este folosit pentru a afișa navigarea în meniul site-ului, dar puteți folosi această bibliotecă pentru a afișa ceva potrivit pentru site-ul dvs. Pushbar.js este complet personalizabil și dependență liberă, nu este necesar jQuery.

Carbon Acum CLI

Carbon CLI este un pachet Node.js la generați o captură de ecran de cod frumos printr-o interfață de linie de comandă. Acest instrument este inspirat de carbon.now.sh unde puteți face același lucru printr-un GUI frumos pe browser.

Faker.js

O bibliotecă JavaScript pentru creați date falsificate. Suportă generarea unui volum mare de date cum ar fi numele, adresa poștală, numele companiei, numărul de telefon, data și multe altele. Toate aceste date pot fi foarte utile pentru testați aplicația dvs. web.

TermToSVG

TermToSVG ​​este a Înregistrare terminale Linux care redă sesiunile de linie de comandă într-o animație SVG. Este un instrument util pentru dezvoltatori pentru scrierea unui tutorial.

Manager de backup al bazei de date

Este o bibliotecă PHP și, așa cum sugerează și numele, aceasta oferă un set de funcționalități gestiona baza de date spate sus și restaurare. Biblioteca acceptă diverse servicii pentru a trimite sau a descărca copiile de rezervă, inclusiv Dropbox, Amazon S3, FTP și SFTP și Rackloud Cloud.

React Bits

Colecții de tehnici React.js, sfaturi și trucuri, React Bits acoperă modele comune de design, stil și sfaturi de performanță. Acesta este un adevărat o mare resursă pentru a-ți ridica abilitățile React.js.

DSS Limba

DSS înseamnă Deterministic StyleSheets, un nou instrument de creație CSS. Cum funcționează și cum poate fi aplicată aceasta în munca de zi cu zi? Sincer, nu am nici o idee până acum. Dar arată bine și este nou, deci este pe listă. Mulțumesc!

PurgeCSS

PurgeCSS este un pachet NPM care permite optimizați ieșirea CSS în aplicația dvs. web eliminând cele care nu sunt utilizate. Instrumentul are o varietate de suporturi integrate pentru scule incluse, inclusiv Gulp, Grunt, Grunt, Webpack și PostCSS, astfel încât puteți integrați-o în proiectul dvs. imediat.

RFS

RFS reprezintă dimensiunea fontului responsiv și este un proiect interesant pentru a aborda unul dintre cele mai grele lucruri de pe web, dimensiunea fontului este receptivă, într-un mod în care dimensiunea va urma frumos cu dimensiunea ferestrei de vedere a dispozitivului. RFS este disponibil ca un NPM

SimpleBar

O bibliotecă JavaScript pentru a crea o bară de defilare personalizată, SimpleBar vă permite să modelați parcurgerea paginii potriviți stilul site-ului dvs. utilizând CSS la fel ca orice alt element HTML pe site. Datorită restricțiilor de platformă și browser, styling-ul barei de derulare a browserului a fost complicat, dar SimpleBar a făcut-o cu adevărat simplă.

Larastan

Larastan este un înveliș din PHPStan pentru Laravel. PHPStan este un instrument care vă va permite să verificați codurile pentru erori potențiale fără a fi nevoie să scrieți un test de unitate. Controlează numeroase lucruri, inclusiv existența metodelor și funcțiilor numite, tipurile atribuite proprietăților, numărului și tipurilor atribuite constructorului de clase și validarea phpDocs.

PWMetrics

PWMetrics este un instrument care adună metricile Progressive Web Apps printr-o interfață de linie de comandă dezvoltată de Paul Irish. Instrumentul este alimentat de la Lighthouse și este disponibil ca pachet NPM. Acesta oferă o mulțime de opțiuni pentru configurați valorile, performanța de testare, și așteptările pe care doriți să le îndepliniți din test.

Pax

Pax este un bundler de JavaScript pentru a compilați modulele JavaScript într-un fișier utilizabil pentru browsere. Pax promite viteza. Se compilează mai repede decât unele pachete alternative. Sprijină pe deplin ES6 import și export sintaxa și sintaxa CommonJS import. Spre deosebire de pax este scris cu Rust și este disponibil prin intermediul registrului de pachete Rust numit Cargo.

SustyWP

SustyWP este a Tema WordPress vizează o cauză mai bună; pentru a reduce amprenta de carbon prin reducerea dimensiunii sale la cel mai mic posibil. Este greutate doar 7-6kb atunci când este încărcat în browser. este rapid și ușor, și în schimb, consumă mai puține resurse (de exemplu, electricitate) pentru a încărca site-ul. Check out tema backstory în acest post de Jack Lenox.

Biblioteca Doodle

A colecție de desene doodle, Biblioteca Doodle are o mulțime de desene din colecție și sunt grupate în mai multe categorii: Fețe, Locuri, Animale, etc. Desenele sunt disponibile în format SVG și sunt distribuite sub atribuțiile Creative Common Attributions 4.0

Tilt.js

Un plugin jQuery pentru creați o fantezie înclinare efect asemănătoare cu miniaturile de previzualizare pe care le vedem pe Apple TV. Nu are nevoie de CSS suplimentar. Ele oferă, de asemenea, un eșantion de implementări în această pagină, astfel încât utilizarea este destul de simplă. Asigură-te că verificați efectul Glare; e foarte tare.

Fileroom

Fileroom este o aplicație web pentru peer-to-peer în cadrul aceleiași rețele. Puteți partaja fișierul cu colegul dvs. pur și simplu prin drag-n-drop, indiferent de sistemul de operare. Funcționează în Windows, MacOS, Linux.

Coolhue

O colecție de culori de gradient selectate manual, Coolhue vă permite să apucați mostrele paletei de culori pentru aplicațiile Photoshop și Sketch sau instalați-o în proiectul dvs. utilizând umbrar sau NPM. Acest lucru ar trebui să vă economisească ceva timp pentru a ridica culorile pentru site-urile viitoare.

Recif

O bibliotecă simplă JavaScript pentru a crea UI, Reef nu are toate clopotele și fluierele din biblioteca mai mare ca React.js sau Vue.js. Dar dacă tot ce ai nevoie este reda un UI, doar introducerea de date iar șablonul Reef ar putea fi o alternativă excelentă. Este o greutate de doar 2Kb

vesnic verde

O colecție de componente UI din Segment.io. Componentele sunt destul de variate; în afară de unele componente obișnuite, cum ar fi Butoane, Icoane, Introducere text, există câteva care cred că sunt unice pentru Evergreen cum ar fi Toaster, Sheet lateral și Corner.