Verse hulpbronnen voor webontwerpers en ontwikkelaars (februari 2016)

2015 was een geweldig jaar voor het web: webtechnologieën zijn dat geweest overgenomen in vele vormfactoren hierna voor het bouwen van een website of een webapplicatie. Veel mobiele en desktoptoepassingen zijn nu gebouwd met HTML, CSS en JavaScript. Dit wordt mogelijk gemaakt door de draagbaarheid van webtechnologieën en bibliotheken zoals React.js, Angular en Node.js.

Daarom hebben we in deze aflevering van deze serie een handvol JavaScript- en CSS-bibliotheken samengesteld.

Klik voor meer bronnen

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

Platte schuifregelaar

jQuery UI wordt geleverd met een verzameling gemeenschappelijke webinterface, waaronder een schuifregelaar - een gebruikersinterface waarmee de gebruiker een bereik van numerieke waarden kan selecteren. De Platte schuifregelaar is een webtool die het aanpassen van de jQUery UI-stijl, die eens een hele moeilijke taak was, nu een stuk eenvoudiger.

Utility Open-type

Utility Open-type is een verzameling van drop-in-klassen voor geavanceerde CSS typografische kenmerken toepassen zoals lettertype ligaturen, kleine hoofdletters en nog veel meer. Ze geven in principe de best mogelijke leeservaring voor uw gebruikers in detail. Het degradeert mooi in oudere, niet-ondersteunde browsers.

ResponsifyJS

Een van de beruchte beperkingen waarmee reagerende afbeeldingen worden geconfronteerd, is dat het gewoonlijk de afbeelding op de juiste manier schaalt, maar dit leidt het belangrijkste focuspunt van de afbeelding af wanneer deze wordt verkleind tot een zeer kleine viewportgrootte.

ResponsifyJS is een lichtgewicht JavaScript-bibliotheek die u kunt gebruiken coördinaten instellen om de beeldfocus te behouden terwijl het formaat wordt gewijzigd.

Lineair

Lineair is een liniaal-app voor Mac. U kunt de liniaal gebruiken om webpagina's te meten, de grootte van een element te bepalen zonder de DevTools te hoeven openen of uitzoeken of een element perfect gecentreerd is. U kunt meerdere linialen hebben en de eenheid van PX naar EM schakelen.

StickyStack

StickyStack is een jQuery-plug-in om een stapelschuifervaring te creëren, wanneer een paneel de bovenkant van het kijkvenster bereikt, blijft het daar plakken, terwijl verder scrollen het volgende paneel omhoog trekt. Het is een lichtgewicht plug-in met een paar opties om de paginacontainer, het stapelgedeelte en de doosschaduw van de stapels te configureren. Bekijk de demo.

viewer

viewer is jQuery-plug-in voor lightbox-afbeeldingen - een mooie manier om in te zoomen op afbeeldingen op internet. De plug-in wordt geleverd met een overweldigende optie waarmee u het kunt doen pas elk beetje van de aan lichtbak interface.

De plug-in biedt ook een set API's en aangepaste gebeurtenissen voor totale controle over de lichtbak reactie en gedrag. Wat meer is, het komt neer op Internet Explorer 8.

DeviceMock

DeviceMock is een JavaScript-bibliotheek waarmee u kunt maak apparaatframes of mockups zoals een telefoon, een tablet en een desktop. Op dezelfde manier biedt de bibliotheek opties om de themakleur van het frame, de grootte en de kaderoriëntatie in te stellen.

Het is misschien een goed alternatief om uw web en app te laten zien in plaats van Photoshop te gebruiken.

CLRS

CLRS is een initiatief om herdefiniëren standaard webkleuren in een meer oogvriendelijke, moderne kleurtint. Daarnaast pleit het voor een reeks kleurencombinaties voor een betere toegankelijkheid. U kunt deze kleuren implementeren via NPM, Gem (Ruby) en de kleurstalen van Photoshop en Illustrator.

Colorify

Colorify is een superlichte JavaScript-bibliotheek (3 kb verkleind) voor extract dominante kleuren van een afbeelding met veel API's om de kleuren te manipuleren. U kunt de geëxtraheerde kleur gebruiken als tijdelijke aanduiding tijdens het wachten tot de afbeelding volledig is geladen, een verloopachtergrond genereren of de aangrenzende interface aanpassen aan de afbeeldingskleur.

boekblok

boekblok is jQuery-plugin voor maak een boekje met het pagina-flip-effect. Het is een prachtig alternatief om meerdere afbeeldingen op uw website weer te geven, vooral als er een reeks of stroom is die u wilt laten zien.

Je kunt de demo hier bekijken om een idee te krijgen van hoe BookBlock werkt.