Verse hulpbronnen voor webontwerpers en ontwikkelaars (januari 2016)

Veel van de tools en apps voor ontwikkelaars die op het web worden gevonden, evolueren volgens trends, terwijl sommigen evolueren naar een meer pragmatische oplossing. In de aflevering van deze maand heb ik besloten meer tijd te besteden aan het vinden van bronnen die misschien niet zo duidelijk bruikbaar lijken , maar nog steeds opvallen in hun respectieve categorieën.

We hebben een leuk uitziend lettertype dat misschien van jou is Helvetica Neue vervanging, een JavaScript-bibliotheek om de aanraakdruk te testen en een handige tool voor JavaScript-foutenregistratie. Laten we ze eens bekijken.

Klik voor meer bronnen

Ontdek onze volledige verzameling aanbevolen bronnen en de beste beschikbare hulpmiddelen voor webontwerp en -ontwikkeling.

OverPass-lettertype

Viaduct lettertype is een gratis lettertype geïnspireerd op Highway Gothic. Highway Gothic is in veel landen een wijdverspreid lettertype voor verkeersborden vanwege de leesbaarheid over afstand en hoge snelheden. Het OverPass-lettertype bestaat uit vier lettertypegewichten (dun, normaal, semi-vet en vet), hoofdletters en kleine letters en kan ook worden omgezet in een weblettertype.

Licentie: OFL (Open Font-licentie)

Pa11y

Pa11y is een hulpmiddel om de toegankelijkheid van uw website te testen met minder gedoe, door de schoonheid die dat is automatisering. U kunt de opdrachtregelinterface gebruiken of instellen via het dashboard als u de voorkeur geeft aan een kleurrijke, interactieve interface. Pa11y zal een rapport opstellen met de te repareren gebieden als u de toegankelijkheid van uw website voor verschillende handicaps wilt verbeteren.

Meer middelen op toegankelijkheid:

• Het moderne web en toegankelijkheid [Video]
• Playlist: Accesibility door Thomas Bradly [Video]
• Een kijkje in ARIA-webstandaarden en toegankelijkheid van HTML-apps

PressureJS

Apple's Force Touch meet in feite de druk van de vingers op het scherm of trackpad, die kan worden gebruikt om extra functionaliteit toe te voegen. Ontwikkelaars kunnen profiteren van deze technologie om bruikbaarheid toe te voegen aan hun eigen OS X- of iOS-applicaties. PressureJS is een JavaScript-bibliotheek die sluit aan bij de Force Touch API's en kunt u het toepassen op uw websites.

SplitJS

SplitJS is een lichtgewicht JavaScript-bibliotheek waarmee u dit kunt doen deel het browservenster in verschillende secties. Je hebt het misschien wel vaak gezien in webapps met codesharing zoals CodePen.io, JSFiddle of JSBin, waar de HTML-, CSS- en JS-werkruimten zijn gescheiden in hun eigen secties.

FlexibilityJS

Flexbox maakt het maken van weblay-outs zoveel eenvoudiger. Maar omdat het niet werkt in Internet Explorer 9 en 8, moeten webontwikkelaars vaak terugkeren naar het gebruik van de notoir lastige vlotter eigendom. FlexibilityJS is hier zodat je kunt gebruik Flexbox zonder deze oude browsers achter te laten.

LabellaJS

LabellaJS merken een gelabelde tijdlijn maken zo veel gemakkelijker. U hebt een aantal opties tot uw beschikking om de labelpositie, richting, breedte, hoogte en het lay-outalgoritme te regelen. Het werkt met AMD-lader zoals RequireJS, en kan netjes worden gebruikt samen met Browserify en Node.js. Geen afhankelijkheid vereist.

klein

klein is meer dan alleen een ander CSS-framework. Het zit vol met veel componenten om te helpen met het bouwproces, inclusief een ingebouwde server, live herladen, sourcemap, minificatie, codevalidator, en statische site generator. Het komt ook met zijn eigen JavaScript-bibliotheken met functies om de frontend van uw website te verbeteren.

grav

grav is een bestand gebaseerd op platte bestanden CMS vergelijkbaar met Jekyll, een statische site-generator. Toch kan het worden uitgebreid via Thema's en Plug-ins, net als WordPress. U kunt bijvoorbeeld installeren om beheerderspaneel, snelcodes, opmerkingen, formulieren en sitemap toe te voegen. Het is over het algemeen een geweldig CMS, dat misschien ook een goede kanshebber is voor een meer gevestigd CMS.

PatternPack

PatternPack is een tool waarmee je kunt bouw een systeem om uw website of applicatie te bouwen en deel het in verschillende projecten tegelijk. Het hebben van een standaardsysteem is een algemene vorm van beste praktijken: het versnelt niet alleen uw workflow, maar maakt het project ook beter onderhoudbaar. Lees de Startgids om te zien hoe u de tool gebruikt.

OhCrash!

Foutopsporing in JavaScript kan erg lastig zijn. Uw gebruikers kunnen fouten ervaren die u waarschijnlijk niet hebt ervaren tijdens de ontwikkeling en implementatie, omdat u de perfecte configuratie al hebt. Het lastige hierbij is dat de fout alleen is ingelogd in de browser van de gebruiker. Met OhCrash je kan nu zet het log in uw Github-repositories, dus je bent beter geïnformeerd over de fout.