Friske ressourcer til webdesignere og udviklere (marts 2015)

Tid til en anden runde friske ressourcer, til marts måned. I denne runde serier har vi en spirende browser, mockups til en bærbar type enhed, en samling ikoner der kan morph og en håndfuld andre cool ting.

For flere friske ressourcer til webudviklere, følg serien.

CodePad

CodePad er en webapp, du kan bruge til at gemme og dele koder. Den understøtter flere programmeringssprog, der spænder fra CSS til XSLT. Du kan indstille dine kodestykker til privat adgang, så kun du kan se det, eller lade det være offentligt tilgængeligt, hvilket også gør det muligt for søgemaskinerne at hente det op.

UINames

Hvis du vælger et brugernavn, når du åbner en konto til en hvilken som helst tjeneste online, er det svært for dig, tænk på hvor svært det er for designere at komme op med falske navne som indholdsfiller eller stedholder i prototyper. UINames giver dig mulighed for at generere nogle tilfældige navne - som Lorem Ipsum, men for folk navne i stedet. Du kan vælge et navn baseret på køn eller endog på lande (fx japansk, kinesisk, vietnamesisk).

DevTools App

DevTools App er et program, der gør det muligt at fejle din hjemmeside. Det fungerer som DevTools, vi kan finde i Chrome. Denne app er et eksperimentelt projekt for at adskille DevTools fra Chrome, hvilket er en ret rationel ide, da de fleste Chrome-brugere ikke behøver eller bruger DevTools - kun udviklere vil.

Is.js

Is.js er et praktisk lille JavaScript bibliotek, der giver dig mulighed for at køre evaluering intuitivt ved hjælp af er metode. Du kan teste næsten alle datatyper, herunder String, Array, Time, RegEx (Regular Expression) og endda Miljø.

Følgende kodeeksempel vurderer, om vi er i Internet Explorer 6:

 var IE6 = is.ie (6) hvis (IE6) // køre funktion her 

TheatrJS

TheatrJS er et JavaScript-bibliotek til oprettelse af skrive effekt, kun i modsætning til lignende biblioteker, TheatrJS efterligner, hvordan virkelige mennesker skriver f.eks. med en lille forsinkelse med typografier og korrektion.

TintUI

TintUI er en samling af farvepaletter afledt af flere kilder. Her kan du finde de farver, der blev brugt i iOS, Android Material Design eller i Microsoft Windows. Dette værktøj gør det nemt at vælge farven, skal du blot klikke på en hvilken som helst farveflise for at kopiere hex-formatet for den pågældende farve.

Transformicons

Transformicons er en samling af fælles knapknapper, der vil omdanne til noget andet, når de klikkes. Du kan finde den populære “hamburger” ikoner, der vil skifte til et kryds markikon eller en pil. Transformicons giver også Build-værktøjet, som du kan bruge til at generere HTML, CSS og JavaScript kun for de valgte ikoner.

Vivaldi

Vivaldi er en ny browser bygget af det samme hold, som bygget den tidlige version af Opera med Presto-motoren. Selvom Vivaldi stadig er i sin barndom, skibes den allerede med praktiske funktioner som “Hurtige kommandoer” til at tilpasse navigationsgenveje og Tab Stacks, der grupperer flere faner i en enkelt fane. Udviklingen i løbende, med flere funktioner, der kommer som Mail and Extension support.

Apple Watch Mockup

Vi har allerede mockups til desktops, tablets og smartphones, så det er kun et spørgsmål om tid, før der er mockups til smartwatches. Hvis du har brug for mockups til Apple Watch, er dette stedet til bogmærke. Du vil også finde mockups til iOS ikoner og iPhone 6.

Slot font

Slot Font er en unik designet skrifttype. Det er en afrundet skrifttype med en halvcirkel ornament indenfor. Skrifttypen kommer i OTF-format, og det er godt at bruge som en plakatoverskrift. Det er gratis til brug i både personlige og kommercielle projekter.