Friske ressurser for webdesignere og utviklere (juli 2017)
Tiden flyr, og vi er nå midt i 2017. I denne måneden har vi en rekke flotte JavaScript-biblioteker og noen få andre som et plugin for å aktivere GraphQL i WordPress, et stasjonært program for å gjengi CSV-data og et par nettsider rammeverk. La oss sjekke dem ut.
HeroPatterns
En samling av Repeterbart mønster laget med SVG som du kan bruke som bakgrunn på nettstedet ditt. Siden er utstyrt med en praktisk innstilling til tilpass farge og opacity av mønsteret og lar deg bare kopiere og lime inn koden du vil legge til i CSS.
TestCafe
TestCafe er en end-to-end (e2e) testverktøy som lar deg teste dine nettsteder og webapplikasjoner som om de brukes av virkelige brukere. Det vil automatisere flere ting når du utfører testen inkludert starte nettleserne, kjør spesifisert testenhet, generer rapporter, skjermbilder samt sourcemap for å feilsøke feil enkelt.
SugarJS
SugarJS er et JavaScript-bibliotek til manipulere Objekter, Arrays og Datoer med en bedre og mer lesbar syntaks. Biblioteket kommer også med en håndfull bruksfunksjoner, for eksempel, .escapeHTML ()
som vil konvertere HTML-elementer til deres Entity-format.
MS
Et praktisk JavaScript-bibliotek til slå tid, antall og vanlig streng til millisekunder. ms ('2 dager')
, for eksempel, vil bli konvertert til 172800000
.
pa11y
En flott samling verktøy for å hjelpe forbedre tilgjengeligheten på nettstedet ditt og webapps. pa11y består av en CLI for å teste eventuelle nettsider for eventuelle problemer med tilgjengelighet, a Dashboard for å vise genererte rapporter om feil og advarsler, og en CLI som er spesielt utviklet for et CI-verktøy som Codeship eller Travis.
Fjær ikoner
EN samling av ikoner med moderne stemning. Disse ikonene er en perfekt passform for nettsider og apps designet for alle plattformer (iOS, Windows eller Ubuntu). Ikonene kommer inn SVG så vel som i React og Angular komponenter.
React Flight
En React-modul til bygge animasjonssammensetning i søknaden din. Biblioteket er inspirert av prinsipp for skisse som du kan legg til interaktivitet til en grensesnittkomponent raskt og enkelt.
BounceJS
Et bibliotek til Lag animasjoner med hoppeffekt. Animasjonen drives av CSS3 og en rekke forhåndsinnstilte animasjoner. Du kan installere JavaScript-biblioteket via npm, bower eller bare kopier CSS animasjonen generert på nettsiden.
Bojler
Bojler er en e-postramme med retningslinjene for skriving av HTML-kode som vil gjengis riktig på de fleste populære e-postklienter. Du finner flere e-postrammer i vårt tidligere innlegg.
Devicon
En samling av ikoner for programmeringsspråk, design og utviklingsverktøy. Ikonene er tilgjengelige i SVG og Font format. Noen spesielle ikoner som Firefox, AWS og HTML5 kommer også med sine detaljerte varianter. Ganske kul riktig?
Nå UI-sett
Et samlingsresponsivt grensesnitt basert på Bootstrap 4. Det har 50 elementer og 3 tilpassede maler. Bortsett fra HTML-versjonen, er brukergrensesnittet også gitt i PSD og Sketch-formater.
T-Scroll
T-Scroll er en JavaScript-bibliotek for å søke animasjon når et element er synlig i visningsporten. Den er utstyrt med en håndfull alternativer og forhåndsinnstilte animasjoner.
Ory Editor
ORY er et moderne og mer tilgjengelig webredaktør på nettet. ORY Editor er bygget på toppen av React and Flux. Det gjør det enkelt å redigere ved å la brukerne redigere innhold og se resultatet umiddelbart uten å måtte vite spesielle syntakser som HTML eller Markdown.
TadViewer
TadViewer er en hendig desktop app for å vise CSV og det fungerer på store data og filer. Appen er tilgjengelig på MacOS, Windows og Linux.
Glatt Scroll Polyfill
Glatt rulling har vist seg å gi en mer behagelig brukeropplevelse. Det er nå foreslått og utarbeidet offisielt i W3C. For øyeblikket fungerer det bare i Chrome, Firefox og Opera. Bruk dette biblioteket til etterligne den glatte rulleadferdigheten i Internet Explorer og Safari.
noty
Et JavaScript-bibliotek for å vise varsler, Noty gjør det enkelt å vise en Alart, Suksess, Feil, Advarsel, Informasjon eller en dialogmelding. Den kan brukes sammen med et animasjonsbibliotek som mo.js og bounce.js for å gjøre varselet inn og ut grasiøst.
Hoppe paradis
Hopscotch er en åpen kildekode-prosjekt instansert av LinkedIn. Det er et rammeverk som gjør det enkelt for utviklere å legge til produktturer. Ta en titt på demoen for et levende eksempel og API.
SurveyJS
SurveyJS er et annet fantastisk JavaScript-bibliotek. Som navnet antyder, er det designet for å lage undersøkelsesinnganger. Den har ulike inngangstyper for å fylle ut svarene på undersøkelsen og har også blitt portet til flere populære JavaScript-rammer inkludert AngularJS, VueJS og React.
WP GraphQL
GraphQL er på vei opp og kan være a sterk konkurrent for å erstatte REST-arkitekturen som driver nesten alle web-APIer. Dette er et plugin som lar deg Hent ditt WordPress-innhold med GraphQL. Her er en flott referanse på hvordan REST og GraphQL skiller seg fra hverandre.
Monaco Editor
Monaco Editor er redaktøren som krefter Visual Code Editor. Den er bygget av Microsoft og støtter flere språk ut av boksen, inkludert HTML, CSS, LESS, CoffeeScript og PHP sammen med Intellisense som hjelper deg med å skrive kode hurtigere.