Friske ressurser for webdesignere og utviklere (mars 2015)

Tid for en annen runde friske ressurser, for mars måned. I denne serienrunden har vi en spirende nettleser, mockups for en enhet av den bærbare typen, en samling ikoner som kan morph og en håndfull andre kule ting.

For flere friske ressurser for webutviklere, følg serien.

CodePad

CodePad er en web-app du kan bruke til å lagre og dele koder. Den støtter flere programmeringsspråk som spenner fra CSS til XSLT. Du kan angi kodesnuttene dine til privat tilgang, så bare du kan se den, eller la den være offentlig tilgjengelig, som også tillater søkemotorer å plukke den opp.

UINames

Hvis du velger et brukernavn når du åpner en konto for en hvilken som helst tjeneste på nettet, er det vanskelig for deg, tenk på hvor vanskelig det er for designere å komme opp med falske navn som innholdsfyller eller plassholder i prototyper. UINames lar deg generere noen tilfeldige navn - som Lorem Ipsum, men for folk navn i stedet. Du kan velge et navn basert på kjønn eller til og med på land (for eksempel japansk, kinesisk, vietnamesisk).

DevTools App

DevTools App er et program som lar deg feilsøke nettstedet ditt. Det fungerer som DevTools vi finner i Chrome. Denne appen er et eksperimentelt prosjekt for å skille DevTools fra Chrome, noe som er en ganske rasjonell ide siden de fleste Chrome-brukere ikke trenger eller bruker DevTools - bare utviklere vil.

Is.js

Is.js er et praktisk lite JavaScript-bibliotek som lar deg kjøre evaluering intuitivt ved hjelp av er metode. Du kan teste nesten alle datatyper, inkludert String, Array, Time, RegEx (Regular Expression), og til og med Miljø.

Følgende kodeeksempel vil vurdere om vi er i Internet Explorer 6:

 var IE6 = is.ie (6) hvis (IE6) // kjøre funksjon her 

TheatrJS

TheatrJS er et JavaScript-bibliotek for å skape skrivevirkning, bare i motsetning til lignende biblioteker, etterligner TheatrJS hvordan ekte mennesker skriver for eksempel med en liten forsinkelse, med skrivefeil og korreksjon.

TintUI

TintUI er en samling fargepaletter avledet fra flere kilder. Her finner du fargene som ble brukt i iOS, Android Material Design eller i Microsoft Windows. Dette verktøyet gjør det enkelt å velge fargen, bare klikk på hvilken som helst fargeflise for å kopiere Hex-formatet til fargen.

Transformicons

Transformicons er en samling av felles vrikknapper som vil forvandle seg til noe annet når de klikkes. Du kan finne den populære “hamburger” ikoner som vil endres til et kryss markikon eller en pil. Transformicons gir også Build-verktøyet som du kan bruke til å generere HTML, CSS og JavaScript bare for de valgte ikonene.

Vivaldi

Vivaldi er en ny nettleser bygget av samme lag som bygget den tidlige versjonen av Opera med Presto-motoren. Selv om Vivaldi fortsatt er i sin barndom, leveres den allerede med praktiske funksjoner som “Hurtige kommandoer” for å tilpasse navigasjonsgenveier, og Tab Stacks som grupperer flere faner i en enkelt kategori. Utviklingen i kontinuerlig, med flere funksjoner som kommer til Mail og Extension-støtte.

Apple Watch Mockup

Vi har allerede mockups for skrivebord, tabletter og smarttelefoner, så det er bare et spørsmål om tid før det er mockups for smartwatches. Hvis du trenger mockups for Apple Watch, er dette nettstedet til bokmerke. Du vil også finne mockups for iOS ikoner og iPhone 6.

Slot font

Slot font er en unikt designet font. Det er en avrundet skrift med en halv sirkel ornament innenfor. Skrifttypen kommer i OTF-format, og det er godt å bruke som en plakat overskrift. Det er gratis for bruk i både personlige og kommersielle prosjekter.