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

en insamling av användbara webresurser är något som en webbutvecklare verkligen ser fram emot att ha i sin verktygslåda. Därför strävar jag efter att presentera dig bäst och de senaste webbutvecklingsresurserna varje månad.

I månadens samling ingår en intressant gratis app till för screencasting, ett par ramverk baserade på materialdesignspråk, ett par bibliotek för prestationstestning, CLIs och a handfull våra andra användbara resurser. Så, låt oss kolla dem en efter en i följande.

Klicka för mer resurser

Hitta hela vår samling av rekommenderade resurser och de bästa webbdesign och utvecklingsverktygen som finns tillgängliga.

kap

Kap är a snygg liten skärminspelare för MacOS. Det är en open source-app, byggd med webbteknik. En sak som jag älskar i den här appen är den som den erbjuder konvertera videon direkt ut ur rutan. Kap är ett utmärkt alternativ för att spela in dina appar eller webbplatsens live demo.

Sizzy

Sizzy är a utvecklingsverktyg för att testa din lyhörda webbplats i flera visningsstorlekar på en enda skärm. Det är en super praktisk app jämfört med Chrome's inbyggda mobilemulator. Sizzy kommer också som en Chrome Extension.

Muse UI

en UI-bibliotek baserat på materialdesignprincipen och byggd på toppen av Vue.js 2.0, är Muse UI fylld med Material Design Compenents som Appbar, Card och Dialog. Det är bra ram för att snabbt bygga och driva användargränssnittet.

Avancerad WP-CLI

Jag är en stor fan av WP-CLI och använd den nästan varje dag i mitt arbete som en WordPress-utvecklare. Ändå är det bara nyligen att jag fick reda på att WP-CLI tillåter dig att skapa en PHP UnitTest ställning för ett tema! Detta är en lista över WP-CLI avancerad användning från WP-CLI-underhållare, Daniel Bachhuber, han själv.

Vansinne

Lunacy är en fristående Sketch-filvisare för Windows. Det fungerar bra med Sketch-fil som innehåller text, rasterbilder, jämn gradienter och skuggor. Det kräver inte anslutning till internet, Således kan utvecklare arbeta med Sketch-filer var som helst. Och det är helt gratis.

K6

Snabba saker i nästan alla aspekter av webbapplikation. Men hur mäter du hastigheten på din webbplats? Väl, svaret är K6. Det simulerar trafik till din webbplats och laddar webbplatsen under en viss tid som om det är en riktig trafik. Kort sagt är K6 den UnitTest för Performance.

Checkerservice

En bra lista över webbapps till kolla mycket saker som DNS, Load, Speed, SEO, Security och SSL. Många av dessa verktyg är gratis, men det finns några premiumtjänster som anges där erbjuda avancerade funktioner för användare.

SVGito

Är ett litet webbverktyg till optimera SVG som har genererats från Sketch app. Klistra in SVG-koden på webbplatsen och det kommer omedelbart att returnera den optimerade koden.

Launchaco

Hitta ett bra namn för din start är svårt, och att få en tillgänglig användarnamnshanterare på sociala medier är ännu svårare. Launchaco är ett praktiskt verktyg som kan du hitta domännamn, användarnamn för olika sociala medier som Twitter, Facebook, Instagram etc., och hjälper dig skapa en bra logotyp av ditt företag.

Motbjudande

en samling av unik animering gjord med CSS. Snälla kör inte animeringen, om du inte är tillräckligt stark för att se det.

CSS Grid Cheat Sheet

Att lära sig CSS-nätet kan vara ganska skrämmande när det gäller ett antal nya egenskaper, en ny mätenhet, och också nästan ett helt nytt paradigm att bygga webblayouten. Detta verktyg, som namnet antyder, är att hjälpa dig få fötterna av marken med CSS Grid.

Workbox

Arbetsbox är a Ett nytt initiativ från Google för att bygga Progressive Web App (PWA). Det är lik Yeoman eller Skapa React App på ett sätt som du kan få allt upp och redo i kommandot.

Mavo

Mavo är ett nytt open source-projekt från Lea Verou. Det är ett bibliotek som gör bara HTML-markup och några anpassade attribut till en fungerande webbapplikation. Mavo lättare att följa jämfört med andra bibliotek som Backbone, Vue.js eller React som det tillåter mindre tekniskt kunniga användare att bygga webbapplikationer snabbt och enkelt.

Material UI

Simlar till Muse UI, det är a UI-ramverk baserad på Meterial Design-språk. Den här är dock byggd med React. Det är nu upp till din preferens; om du är med teamet Vue.js eller teamet React.

Lazy Image

Lazy Image är en anpassat HTML-element för att ladda bild på begäran. Detta custome-element ger ytterligare .aktiva objekt i Element Object som du kan Använd för att utlösa bilden som ska laddas under alla händelser eller användarinteraktion som du behöver.

Mac CLI

Detta ett smutsigt verktyg till hantera din MacOS via Terminal. Skriv bara mac uppdatering för att uppdatera MacOS. Eller skriv mac presentation som kommer att förbereda din Mac (minimera alla appar, stäng webbläsare, skicka filer från skrivbordet och hämtar till papperskorgen och ställer inte in störningsläge) innan du ger ut presentationen. Hur coolt är inte det!

Hålla dig vaken

KeepingYouAwake är ett menyraden verktyg för MacOS till förhindra att din Mac går in i viloläget för en viss tid eller så länge det är aktiverat. Du kan installera den här appen med Homebrew.

JSON Feed

Till sist! Det här är en standardspecifikation för leverans av innehållsmatning i JSON formatera. Det finns redan ett WordPress pluginhre> byggt för implementeringen. Detta borde göra webutvecklarens liv enklare. Låt oss bara säg farväl till XML.

Kol

Kort sagt, Carbon är Moment.js i PHP. Det är PHP-bibliotek att generera och manipulera datum- och tidssträngar.

Speedracer

Annan verktyg för Performance Unit Test. Medan K6 kommer att utföra lasttestare genom att skicka Virutal Users för att simulera besök och trafik, kommer SpeedRacer att utvärdera prestanda för sidpresentation i webbläsaren. SpeedRacer kan vara en bra kompis till K6.