Hjemmeside » Webdesign » Friske ressurser for webdesignere og utviklere (juli 2017)

    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.