Friska resurser för webbdesigners och utvecklare (januari 2016)

Många av verktygen och verktygen till utvecklare som finns på webben utvecklas enligt trender medan vissa utvecklas till en mer pragmatisk lösning. I den här månadens avbetalning har jag bestämt mig för att spendera mer tid på att hitta resurser som inte verkar vara så uppenbart användbara , men ändå sticker ut i sina respektive kategorier.

Vi har en snygg typ som kan vara din Helvetica Neue ersättning, ett JavaScript-bibliotek för att testa beröringstryck och ett användbart verktyg för JavaScript-felloggning. Låt oss kolla in dem.

Klicka för mer resurser

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

OverPass-teckensnitt

VÄGBRO teckensnittet är en fri typsnitt inspirerad av Gothic Highway. Highway Gothic är en allmänt antagen typ i många länder för vägmärken på grund av dess läsbarhet över avstånd och höga hastigheter. OverPass-teckensnittet finns i fyra teckensnittsviktar (tunt, normalt, halv fet och fet), versaler och små bokstäver och kan också konverteras till ett webbfont.

Licens: OFL (Open Font License)

Pa11y

Pa11y är en verktyg för att testa din webbplatsens tillgänglighet med mindre krångel, genom skönheten som är automatisering. Du kan använda kommandoradsgränssnittet eller konfigurera via instrumentbrädan om du föredrar ett färgstarkt, interaktivt gränssnitt. Pa11y kommer att producera en rapport som visar de områden som ska åtgärdas om du vill förbättra din webbplatsens tillgänglighet för olika funktionshinder.

Fler resurser om tillgänglighet:

Den moderna webben och tillgängligheten [Video]
Spellista: Tillträde av Thomas Bradly [Video]
En titt på ARIA Web Standards & HTML Apps Accessibility

PressureJS

Apples Force Touch mäter i grunden fingertrycket på skärmen eller styrplattan, som kan användas för att lägga till extra funktionalitet. Utvecklare kan utnyttja denna teknik för att lägga till användbarhet för sina inbyggda OS X- eller iOS-applikationer. PressureJS är ett JavaScript-bibliotek som krokar i Force Touch API: erna och låter dig applicera den på dina webbplatser.

SplitJS

SplitJS är ett lättviktigt JavaScript-bibliotek som låter dig göra det dela webbläsarfönstervisning i flera sektioner. Du kan ha sett det vanligtvis i koddelswebbprogram som CodePen.io, JSFiddle eller JSBin där arbetsytorna HTML, CSS och JS är separerade i sina egna sektioner.

FlexibilityJS

Flexbox gör det enklare att ordna webblayouter. Men eftersom det inte fungerar i Internet Explorer 9 och 8 måste webutvecklare ofta återvända till att använda den ökända besvärliga flyta fast egendom. FlexibilityJS är här så du kan använd Flexbox utan att lämna dessa gamla webbläsare bakom.

LabellaJS

LabellaJS gör skapa en märkt tidslinje så mycket lättare. Du har ett antal alternativ till ditt förfogande för att kontrollera etikettposition, riktning, bredd, höjd och layoutalgoritmen. Den fungerar med AMD-laddare, such RequireJS, och kan användas snyggt tillsammans med Browserify och Node.js. Inget beroende krävs.

Wee

Wee är mer än bara en annan CSS-ram. Den är packad med massor av komponenter för att hjälpa till med byggprocessen, inklusive a inbyggd server, live reloading, sourcemap, minifiering, kodvalidator, och statisk platsgenerator. Det kommer också med sina egna JavaScript-bibliotek med funktioner för att förbättra din webbplatss frontend.

Grav

Grav är en plattfilbaserad CMS liknar Jekyll, en statisk webbplatsgenerator. Ändå kan det utvidgas genom teman och plugins, som WordPress. Till exempel kan du installera för att lägga till administratörspanel, kortnummer, kommentarer, formulär och webbplatskarta. Det är överlag en bra CMS som också kan vara en bra utmanare för ett mer etablerat CMS.

PatternPack

PatternPack är ett verktyg som låter dig göra det bygga ett system för att bygga din webbplats eller applikation och dela det över olika projekt på en gång. Att ha ett standardsystem är en allmän form av bästa praxis: det gör inte bara ditt arbetsflöde snabbare, men det gör också projektet mer underhållbart. Läs Startguiden för att se hur du använder verktyget.

OhCrash!

Felsökning i JavaScript kan vara väldigt knepigt. Dina användare kan uppleva fel som du förmodligen inte upplevde under utveckling och implementering eftersom du redan har den perfekta inställningen. Det knepiga här är att felet bara är inloggat i användarens webbläsare. Med OhCrash du kan nu lägg in loggen i dina Github-arkiv, så du är mer välinformerad om felet.