Friske ressurser for webdesignere og utviklere (januar 2016)

Mange av verktøyene og appene for utviklere som er funnet på nettet, utvikler seg etter trender, mens noen utvikler seg til å være en mer pragmatisk løsning. I denne måneden har jeg bestemt meg for å bruke mer tid på å finne ressurser som ikke synes å være like åpenbart nyttige , men fortsatt skiller seg ut i sine respektive kategorier.

Vi har en fin skrift som kan være din Helvetica Neue erstatning, et JavaScript-bibliotek for å teste berøringstrykk, og et praktisk verktøy for JavaScript-feillogging. La oss sjekke dem ut.

Klikk for flere ressurser

Finn hele vår samling av anbefalte ressurser og de beste verktøyene for webdesign og utvikling.

OverPass Font

Overpass pass~~POS=HEADCOMP Font er en gratis font inspirert av Highway Gothic. Highway Gothic er et allment godkjent skriftsted i mange land for veiskilt på grunn av dets lesbarhet på tvers av avstand og høye hastigheter. OverPass-skrifttypen kommer i fire skriftvekter (tynn, normal, halvfet og fet), store og små bokstaver, og kan også konverteres til en web skrifttype.

Tillatelse: OFL (Open Font License)

Pa11y

Pa11y er en verktøy for å teste nettstedets tilgjengelighet med mindre stress, gjennom skjønnheten som er automasjon. Du kan bruke kommandolinjegrensesnittet eller oppsett via dashbordet hvis du foretrekker et fargerikt, interaktivt grensesnitt. Pa11y vil produsere en rapport, og viser områdene for å fikse hvis du vil forbedre tilgjengeligheten til nettsteder for ulike funksjonshemninger.

Flere ressurser på tilgjengelighet:

Den moderne web og tilgjengelighet [Video]
Spilleliste: Tilgang til Thomas Bradly [Video]
En titt på ARIA Web Standards & HTML Apps Accessibility

PressureJS

Apples Force Touch måler i utgangspunktet fingertrykk på skjermen eller styreflaten, som kan brukes til å legge til ekstra funksjonalitet. Utviklere kan dra nytte av denne teknologien for å legge til brukervennlighet i deres native OS X- eller iOS-applikasjoner. PressureJS er et JavaScript-bibliotek som kroker inn i Force Touch APIs og lar deg bruke det på nettsteder.

SplitJS

SplitJS er et lett JavaScript-bibliotek som lar deg del vinduet visningsport i flere seksjoner. Du har kanskje sett det som vanlig i kodedeling av webapps som CodePen.io, JSFiddle eller JSBin, der HTML, CSS og JS arbeidsområder skilles i egne seksjoner.

FlexibilityJS

Flexbox gjør arrangering av weboppsett så mye lettere. Likevel, siden det ikke virker i Internet Explorer 9 og 8, må webutviklere ofte gå tilbake til å bruke det beryktede plagsomme flyte eiendom. FlexibilityJS er her så du kan bruk Flexbox uten å forlate disse gamle nettleserne bak.

LabellaJS

LabellaJS gjør at opprette en merket tidslinje så mye lettere. Du har en rekke alternativer til din disposisjon for å kontrollere etikettposisjon, retning, bredde, høyde og layoutalgoritmen. Det fungerer med AMD loader such RequireJS, og kan pent brukes sammen med Browserify og Node.js. Ingen avhengighet kreves.

wee

wee er mer enn bare et annet CSS-rammeverk. Den er fullpakket med mange komponenter for å hjelpe med byggeprosessen, inkludert a innebygd server, live reloading, sourcemap, minification, kode validator, og statisk nettsted generator. Den kommer også med sine egne JavaScript-biblioteker med funksjoner for å forbedre nettstedets frontend.

Grav

Grav er en flat-fil-basert CMS ligner Jekyll, en statisk nettsted generator. Likevel kan det utvides gjennom Temaer og Plugins, mye som WordPress. For eksempel kan du installere for å legge til administratorpanel, snarveier, kommentarer, skjemaer og nettkart. Det er generelt et flott CMS som også kan være en stor konkurrent for et mer etablert CMS.

PatternPack

PatternPack er et verktøy som lar deg bygge et system for å bygge ditt nettsted eller søknad og dele det på tvers av ulike prosjekter alt på en gang. Å ha et standard system er en generell form for god praksis: Ikke bare øker hastigheten på arbeidsflyten din, men det gjør også prosjektet mer vedlikeholdsdyktig. Les startveiledningen for å se hvordan du bruker verktøyet.

OhCrash!

Feilsøking i JavaScript kan være veldig vanskelig. Brukerne dine kan oppleve feil som du sannsynligvis ikke opplevde under utvikling og distribusjon fordi du allerede har det perfekte oppsettet. Det vanskelig er her at feilen bare er logget inn i brukerens nettleser. Med OhCrash du kan nå legg loggen inn i Github-depotene dine, så du er mer godt informert om feilen.