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

Timpul zboară și suntem acum la mijlocul anului 2017. În această lună, avem o grămadă de biblioteci JavaScript și câteva altele ca un plugin pentru a permite GraphQL în WordPress, o aplicație desktop pentru a face date CSV și câteva site-uri Web cadre. Să le verificăm.

HeroPatterns

O colectie de model repetabil realizat cu SVG pe care le puteți utiliza ca fundal pe site-ul dvs. web. Site-ul este echipat cu o setare la îndemână personalizați culoarea și opacitatea modelului și vă permite să copiați și să lipiți codul pentru a adăuga în CSS.

TestCafe

TestCafe este un instrument de testare end-to-end (e2e) care vă permite să testați site-urile web și aplicațiile web ca și cum ar fi folosit de utilizatori reali. Acesta va automatiza mai multe lucruri atunci când efectuează testul inclusiv pornirea browserelor, rularea unității de testare specificate, generarea de rapoarte, capturi de ecran, precum și sourcemap pentru depanarea cu ușurință a erorilor.

SugarJS

SugarJS este o bibliotecă JavaScript pentru să manipuleze obiecte, matrice și date cu o sintaxă mai frumoasă și mai ușor de citit. De asemenea, biblioteca vine cu câteva funcții de utilitate, de exemplu, .escapeHTML () care va conversia elementelor HTML în formatul entității.

DOMNIȘOARĂ

O bibliotecă JavaScript la îndemână rândul său, numărul și șirul regulat în milisecunde. ms ('2 zile'), de exemplu, vor fi convertite în 172800000.

pa11y

O mare colecție de instrumente pentru a vă ajuta îmbunătăți accesibilitatea pe site-ul dvs. web și aplicații web. pa11y este un CLI pentru testarea oricărei pagini web pentru orice probleme de accesibilitate, a Tabloul de bord pentru a afișa rapoartele generate de erori și avertismente, și un CLI care este proiectat special pentru un instrument CI cum ar fi Codeship sau Travis.

Icoane pene

A colecție de icoane cu atmosferă modernă. Aceste icoane se potrivesc perfect site-urilor web și aplicațiilor proiectate pentru orice platformă (iOS, Windows sau Ubuntu). Se vad icoanele SVG, precum și în componentele React și Angular.

Reacționează zborul

Modul React la creați o compoziție de animație în aplicația dvs.. Biblioteca este inspirată de Principiul schiței în care puteți adăugați interactivitate unei componente UI rapid și ușor.

BounceJS

O bibliotecă pentru creați animații cu efect de bounce. Animația este alimentată de CSS3 și un număr de animații prestabilite. Puteți instala biblioteca JavaScript prin intermediul npm, bower sau pur și simplu copiați animația CSS generate pe site.

Bojler

Bojler este un cadru de e-mail cu ghidul pentru scrierea codului HTML care se va face corect pe cei mai populari clienți de e-mail. Puteți găsi mai multe cadre de e-mail în postarea noastră anterioară.

Devicon

O colectie de icoane ale limbajelor de programare, instrumente de proiectare și dezvoltare. Pictogramele sunt disponibile în format SVG și Font. Unii speciali icoane precum Firefox, AWS și HTML5 vin, de asemenea, cu variantele lor detaliate. Destul de cool bine?

Acum UI Kit

O interfață receptivă a colecției bazată pe Bootstrap 4. It dispune de 50 de elemente și 3 șabloane personalizate. În afară de versiunea HTML, interfața de utilizare este furnizată și în formatele PSD și Sketch.

T-Scroll

T-Scroll este a Bibliotecă JavaScript pentru aplicarea animației când un element este vizibil în portul de vizualizare. Acesta este echipat cu o multime de optiuni si animatii presetate.

Editorul Ory

ORY este un editor web modern și mai accesibil pe web. Editorul ORY este construit pe partea de sus a React și Flux. Ea face editare ușoară, permițând utilizatorilor să editeze conținut și să vadă rezultatul imediat fără a fi nevoie să cunoașteți sintaxe speciale precum HTML sau Markdown.

TadViewer

TadViewer este la îndemână aplicație desktop pentru a vedea CSV și funcționează pe date și fișiere mari. Aplicația este disponibilă pe MacOS, Windows și Linux.

Smooth Scroll Polyfill

Smooth Scrolling sa dovedit a servi o experiență mai plăcută pentru utilizatori. Acesta este acum propus și elaborat oficial în W3C. În prezent, funcționează doar în Chrome, Firefox și Opera. Utilizați această bibliotecă pentru a emulați comportamentul de derulare netedă în Internet Explorer și Safari.

Nu mersi

O bibliotecă JavaScript pentru afișarea notificărilor, Notă ușurează afișarea unui mesaj Alar, Succes, Eroare, Avertizare, Informații sau un mesaj de dialog. Poate fi folosit împreună cu o bibliotecă de animație precum mo.js și bounce.js pentru a face diapozitivele de notificare să intre și să iasă grațios.

Şotron

Hopscotch este un open-source proiect instanțiat de LinkedIn. Acesta este un cadru pentru a facilita dezvoltatorilor să adauge turnee de produse. Consultați demo-ul pentru un exemplu live și API-ul.

SurveyJS

SurveyJS este o altă minunată bibliotecă JavaScript. După cum sugerează și numele, este concepute pentru a crea intrări de sondaj. Acesta conține diferite tipuri de intrări pentru a completa răspunsurile la sondaj și a fost, de asemenea, portat la mai multe cadre JavaScript populare inclusiv AngularJS, VueJS și React.

WP GraphQL

GraphQL este în creștere și ar putea fi a concurent puternic pentru înlocuirea arhitecturii REST care administrează aproape toate API-urile web. Acesta este un plugin care vă va permite regăsiți conținutul WordPress cu GraphQL. Iată o bună referire la modul în care REST și GraphQL diferă una de cealaltă.

Monaco Editor

Editorul Monaco este editorul competențe editor Visual Code. Acesta este construit de Microsoft și susține mai multe limbi din cutie, inclusiv HTML, CSS, LESS, CoffeeScript și PHP împreună cu Intellisense care vă ajută să scrieți mai repede codul.