Friska resurser för webbdesigners och utvecklare (juli 2017)

Tiden flyger och vi är nu i mitten av 2017. I den här månadens avbetalning har vi en rad bra JavaScript-bibliotek och några andra som ett plugin för att möjliggöra GraphQL i WordPress, en stationär applikation för att göra CSV-data och några webbplatser ramar. Låt oss kolla in dem.

HeroPatterns

En samling av repeterbart mönster gjord med SVG som du kan använda som bakgrund på din webbplats. Webbplatsen är utrustad med en praktisk inställning till anpassa färg och opacitet av mönstret och låter dig helt enkelt kopiera och klistra in den kod som ska läggas till i din CSS.

TestCafe

TestCafe är en end-to-end (e2e) testverktyg som låter dig testa dina webbplatser och webbapplikationer som om de används av reella användare. Det kommer att automatisera flera saker när du utför testet inklusive starta webbläsare, kör specificerad testenhet, generera rapporter, skärmdumpar samt sourcemap för att felsöka felen enkelt.

SugarJS

SugarJS är ett JavaScript-bibliotek till manipulera Objekt, Arrays och Datum med en trevligare och mer läsbar syntax. Biblioteket kommer också med en handfull verktygsfunktioner, till exempel, .escapeHTML () som kommer att konvertera HTML-element till deras Entity-format.

FRÖKEN

Ett praktiskt JavaScript-bibliotek till vrid tid, antal och regelbundna strängar till millisekunder. ms ('2 dagar'), till exempel kommer att konverteras till 172800000.

pa11y

En bra samling verktyg för att hjälpa till förbättra tillgängligheten på din webbplats och webbapps. pa11y består av en CLI för att testa alla webbsidor för eventuella tillgänglighetsproblem, a Dashboard för att visa genererade rapporter om fel och varningar, och en CLI som är speciellt utformad för ett CI-verktyg som Codeship eller Travis.

Fjäder ikoner

en samling av ikoner med modern atmosfär. Dessa ikoner är en perfekt passform för webbplats och appar som är utformade för alla plattformar (iOS, Windows eller Ubuntu). Ikonerna kommer in SVG såväl som i React och Angular komponenter.

React Flight

En reaktionsmodul till bygg animation komposition i din ansökan. Biblioteket är inspirerat av principen för skiss som du kan Lägg till interaktivitet för en användargränssnittskomponent snabbt och enkelt.

BounceJS

Ett bibliotek till skapa animeringar med studseffekt. Animationen drivs av CSS3 och ett antal förinställda animeringar. Du kan installera JavaScript-biblioteket via npm, bower eller helt enkelt kopiera CSS-animationen genereras på webbplatsen.

Bojler

Bojler är en Email Framework med riktlinjen för att skriva HTML-kod som kommer att göra korrekt på mest populära e-postklienter. Du kan hitta fler email-ramar i vårt tidigare inlägg.

Devicon

En samling av ikoner för programmeringsspråk, design och utvecklingsverktyg. Ikonerna är tillgängliga i SVG och Font-format. Några speciella ikoner som Firefox, AWS och HTML5 kommer också med sina detaljerade varianter. Ganska coolt rätt?

Nu UI Kit

Ett samlingsresponsivt gränssnitt baserat på Bootstrap 4. Det har 50 element och 3 anpassade mallar. Förutom HTML-versionen är användargränssnittet också tillgängligt i PSD och Sketch-format.

T-Scroll

T-Scroll är a JavaScript-bibliotek för att tillämpa animering när ett element är synligt i visningsporten. Den är utrustad med en handfull alternativ och förinställda animeringar.

Ory Editor

ORY är en modern och mer tillgänglig webbredaktör på webben. ORY Editor är byggd på toppen av React and Flux. Det gör det enkelt att redigera genom att tillåta användare att redigera innehåll och se resultatet direkt utan att behöva känna till speciella syntaxer som HTML eller Markdown.

TadViewer

TadViewer är en praktisk skrivbordsprogram för att visa CSV och det fungerar på stora data och filer. Appen är tillgänglig på MacOS, Windows och Linux.

Smidig Scroll Polyfill

Smidig rullning har visat sig tjäna en mer tilltalande användarupplevelse. Det föreslås och utarbetas nu officiellt i W3C. För närvarande arbetar det bara i Chrome, Firefox och Opera. Använd det här biblioteket till emulera det smidiga rullningsbeteendet i Internet Explorer och Safari.

Nej tack

Ett JavaScript-bibliotek för att visa meddelanden, Noty gör det enkelt att visa en Alart, Succes, Fel, Varning, Information eller ett dialogmeddelande. Den kan användas tillsammans med ett animeringsbibliotek som mo.js och bounce.js för att göra anmälan glider in och ut graciöst.

Hoppa hage

Hopscotch är en open-source-projekt instansierat av LinkedIn. Det är ett ramverk som gör det enkelt för utvecklare att lägga till produktturer. Kolla in demo för ett liveexempel och API.

SurveyJS

SurveyJS är ett annat bra JavaScript-bibliotek. Som namnet antyder är det utformad för att skapa undersökningsinsatser. Den har olika inmatningstyper för att fylla i enkätundersökningarna och har också blivit porträtt till flera populära JavaScript-ramar inklusive AngularJS, VueJS och React.

WP GraphQL

GraphQL är stigande och kan vara a stark contender för att ersätta REST-arkitekturen som driver nästan alla web APIs. Detta är ett plugin som tillåter dig att hämta ditt WordPress-innehåll med GraphQL. Här är en bra referens om hur REST och GraphQL skiljer sig åt varandra.

Monaco Editor

Monaco Editor är redaktören som befogenheter Visuell kodredigerare. Det är byggt av Microsoft och stöder flera språk ur rutan, inklusive HTML, CSS, LESS, CoffeeScript och PHP tillsammans med Intellisense som hjälper dig att skriva kod snabbare.