Friska resurser för webbdesigners och utvecklare (mars 2015)

Tid för en annan runda färska resurser, för mars månad. I denna serierunda har vi en spirande webbläsare, mockups för en bärbar sort enhet, en samling ikoner som kan morph och en handfull andra coola saker.

För fler friska resurser för webbutvecklare, följ serien.

CodePad

CodePad är en webapp du kan använda för att spara och dela koder. Den stöder flera programmeringsspråk som sträcker sig från CSS till XSLT. Du kan ställa in dina kodutdrag till privat åtkomst så att du bara kan se den, eller lämna den allmänt tillgänglig, vilket också tillåter sökmotorer att hämta det upp.

UINames

Om du väljer ett användarnamn när du öppnar ett konto för någon tjänst på nätet är det svårt för dig, tänk på hur svårt det är för formgivare att komma med falska namn som innehållsfyllare eller platshållare i prototyper. UINames låter dig skapa några slumpmässiga namn - som Lorem Ipsum, men för folknamn istället. Du kan välja ett namn baserat på kön eller till och med på länder (t.ex. japanska, kinesiska, Vietnam).

DevTools App

DevTools App är en applikation som låter dig felsöka din webbplats. Det fungerar som DevTools som vi kan hitta i Chrome. Den här appen är ett experimentellt projekt för att skilja DevTools från Chrome, vilket är en ganska rationell idé eftersom de flesta Chrome-användare inte behöver eller använder DevTools - bara utvecklare kommer.

Is.js

Is.js är ett praktiskt litet JavaScript-bibliotek som låter dig köra utvärdering intuitivt med hjälp av är metod. Du kan testa nästan alla datatyper, inklusive String, Array, Time, RegEx (Regular Expression) och jämn miljö.

Följande kodexempel kommer att utvärdera om vi är i Internet Explorer 6:

 var IE6 = is.ie (6) om (IE6) // kör funktion här 

TheatrJS

TheatrJS är ett JavaScript-bibliotek för att skapa skrivande effekt, bara i motsats till liknande bibliotek, mimar TheatrJS hur verkliga människor typ t.ex. med en liten fördröjning, med stavfel och korrigering.

TintUI

TintUI är en samling färgpalett härledda från flera källor. Här kan du hitta färgerna som användes i iOS, Android Material Design eller i Microsoft Windows. Det här verktyget gör det enkelt att välja färgen, klicka bara på vilken färgkakel som helst för att kopiera Hex-formatet för den färgen.

Transformicons

Transformicons är en samling gemensamma knappar som växlar till något annat när de klickas. Du kan hitta den populära “hamburgare” ikoner som kommer att ändras till en kryssmarkeringsymbol eller en pil. Transformicons ger också verktyget Build som du kan använda för att generera HTML, CSS och JavaScript bara för de valda ikonerna.

Vivaldi

Vivaldi är en ny webbläsare byggd av samma lag som byggt den tidiga versionen av Opera med Presto-motorn. Även om Vivaldi fortfarande är i sin spädbarn skickas det redan med praktiska funktioner som “Snabbkommandon” för att anpassa navigeringsgenvägar och Tabstacker som grupperar flera flikar i en enda flik. Utvecklingen i pågående, med fler funktioner som Mail and Extension-support.

Apple Watch Mockup

Vi har redan mockups för stationära datorer, tabletter och smartphones, så det är bara en fråga om tid innan det finns mockups för smartwatches. Om du behöver mockups för Apple Watch, är det här webbplatsen till bokmärke. Du hittar också mockups för iOS-ikoner och iPhone 6.

Slot font

Slot font är ett unikt utformat teckensnitt. Det är ett rundat teckensnitt med en halvcirkel prydnad inom. Teckensnittet kommer i OTF-format, och det är bra att använda som en posterrubrik. Det är gratis att använda i både personliga och kommersiella projekt.