Friske ressourcer til webdesignere og udviklere (januar 2016)

Mange af værktøjerne og appsne til udviklere fundet på nettet udvikler sig efter tendenser, mens nogle udvikler sig til en mere pragmatisk løsning. I denne måneds aflevering har jeg besluttet at bruge mere tid på at finde ressourcer, der måske ikke synes at være så åbenbart nyttige , men stadig skiller sig ud i deres respektive kategorier.

Vi har en flot udseende, som kan være din Helvetica Neue udskiftning, et JavaScript-bibliotek til test af berøringstryk og et praktisk værktøj til JavaScript-fejllogning. Lad os tjekke dem ud.

Klik for flere ressourcer

Find vores samlede samling af anbefalede ressourcer og de bedste webdesign og udviklingsværktøjer til rådighed.

OverPass skrifttype

vejbro skrifttype er en gratis skrifttype inspireret af Highway Gothic. Highway Gothic er et bredt accepteret skrifttype i mange lande til vejskilte på grund af dets læsbarhed på tværs af afstand og høje hastigheder. OverPass-skrifttypen kommer i fire skrifttypevægte (tynd, normal, halvfod og fed), store og små bogstaver og kan også konverteres til en web skrifttype.

Licens: OFL (Open Font License)

Pa11y

Pa11y er en værktøj til at teste din hjemmeside tilgængelighed med mindre besvær, gennem den skønhed der er automatisering. Du kan bruge kommandolinjens grænseflade eller opsætning via instrumentbrættet, hvis du foretrækker en farverig, interaktiv grænseflade. Pa11y vil udarbejde en rapport, der viser de områder, der skal løses, hvis du vil forbedre din hjemmeside tilgængelighed for forskellige handicap.

Flere ressourcer på tilgængelighed:

Den moderne web og tilgængelighed [Video]
Afspilningsliste: Tilgængelighed af Thomas Bradly [Video]
Et kig på ARIA Web Standards & HTML Apps Accessibility

PressureJS

Apples Force Touch måler i grunden fingerpres på skærmen eller trackpad, som kan bruges til at tilføje ekstra funktionalitet. Udviklere kan drage fordel af denne teknologi for at tilføje anvendelighed til deres native OS X- eller iOS-applikationer. PressureJS er et JavaScript-bibliotek, som kroge ind i Force Touch API'erne og giver dig mulighed for at anvende det på dine hjemmesider.

SplitJS

SplitJS er et letvægts JavaScript-bibliotek, der giver dig mulighed for del browservinduets visning i flere sektioner. Du har måske set det almindeligt brug i kodedeling af webapps som CodePen.io, JSFiddle eller JSBin, hvor HTML, CSS og JS arbejdsområder er adskilt i deres egne sektioner.

FlexibilityJS

Flexbox gør arrangering af weblayouts så meget lettere. Men da det ikke virker i Internet Explorer 9 og 8, skal webudviklere ofte vende tilbage til at bruge det berygtede flyde ejendom. FlexibilityJS er her, så du kan Brug Flexbox uden at forlade disse gamle browsere.

LabellaJS

LabellaJS mærker oprettelse af en mærket tidslinje så meget lettere. Du har en række muligheder til rådighed for at styre etikettens position, retning, bredde, højde og layoutalgoritmen. Det fungerer sammen med AMD loader such RequireJS, og kan pænt bruges sammen med Browserify og Node.js. Ingen afhængighed kræves.

wee

wee er mere end blot en anden CSS-ramme. Den er pakket med masser af komponenter for at hjælpe med byggeprocessen, herunder a indbygget server, live reloading, sourcemap, minificering, kode validator, og statisk site generator. Det kommer også med sine egne JavaScript-biblioteker med funktioner til at forbedre dit websteds frontend.

grav

grav er en flat-file-baseret CMS svarende til Jekyll, en statisk site generator. Alligevel kan det udvides via temaer og plugins, ligesom WordPress. Du kan f.eks. Installere for at tilføje administratorpanel, kortnumre, kommentarer, formularer og sitemap. Det er generelt et godt CMS, som også kan være en stor konkurrent for et mere etableret CMS.

PatternPack

PatternPack er et værktøj, der giver dig mulighed for bygg et system til at opbygge dit websted eller din applikation og dele det på tværs af forskellige projekter på én gang. At have et standardsystem er en generel form for bedste praksis: Det gør ikke blot din arbejdsgang hurtigere, men det gør også projektet mere vedligeholdeligt. Læs startvejledningen for at se, hvordan du bruger værktøjet.

OhCrash!

Fejlfinding i JavaScript kan være meget vanskelig. Dine brugere kan opleve fejl, som du sandsynligvis ikke oplevede under udvikling og implementering, fordi du allerede har det perfekte setup. Det vanskelige her er, at fejlen kun logges ind i brugerens browser. Med OhCrash du kan nu læg loggen ind i dine Github-arkiver, så du er mere informeret om fejlen.