Friske ressourcer til webdesignere og udviklere (februar 2016)

2015 var et godt år for internettet: webteknologier har været vedtaget i mange formfaktorer ud over for at opbygge en hjemmeside eller en webapplikation. Mange mobile og stationære applikationer er nu bygget ved hjælp af HTML, CSS og JavaScript. Dette er muliggjort af mobilitetsteknologienes og bibliotekernes bærbarhed som React.js, Angular and Node.js.

Så i dagens aflevering af denne serie har vi samlet en håndfuld JavaScript og CSS biblioteker.

Klik for flere ressourcer

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

Flad skyder

jQuery-brugergrænsefladen leveres med en samling af almindelig webgrænseflade, herunder en skyder - et brugergrænseflade, som giver brugeren mulighed for at vælge en række numeriske værdier. Det Flad skyder er et webværktøj, der gør at tilpasse jQUery UI-stilen, som engang var en meget skræmmende opgave, meget lettere nu.

Åbent åben type

Åbent åben type er en samling drop-in klasser til Anvend avancerede CSS typografiske funktioner sådanne skrifttype ligaturer, små bogstaver og meget mere. De giver i bund og grund den bedst mulige læseoplevelse til dine brugere. Det nedbrydes pænt i ældre, ikke understøttede browsere.

ResponsifyJS

En af de berygtede begrænsninger lydhøre billeder ansigt er det normalt scaler billedet ordentligt, men dette omdirigerer det vigtigste brændpunkt af billedet, når det er nedskaleret til en meget lille viewport størrelse.

ResponsifyJS er letvægts JavaScript-bibliotek, som du kan bruge til Indstil koordinater for at opretholde billedfokus mens den bliver ændret.

Lineær

Lineær er en lineal app til Mac. Du kan bruge linjalen til at måle websider, finde ud af størrelsen på et element uden at skulle åbne DevTools eller finde ud af om et element er perfekt centreret. Du kan have flere linjer, og skifte enheden fra PX til EM.

StickyStack

StickyStack er et jQuery-plugin til at oprette en stakrulleoplevelse, når et panel når toppen af visningsporten, stikker det der, mens yderligere rulle trækker det næste panel op. Det er et let plugin med nogle få muligheder for at konfigurere sidebeholderen, stakkeafsnittet og stakkenes boksskygge. Tjek demoen.

Viewer

Viewer er jQuery-plugin til billedlysboks - en fancy populær måde at zoome ind på internettet. Plugin kommer med en overvældende muligheder, der giver dig mulighed for Tilpas hver bit af lyskasse grænseflade.

Plugin'et indeholder også et sæt API'er og brugerdefinerede begivenheder til total kontrol over lyskasse respons og adfærd. Desuden fungerer det ned til Internet Explorer 8.

DeviceMock

DeviceMock er et JavaScript-bibliotek, der giver dig mulighed for opret enhed rammer eller mockups f.eks. en telefon, en tablet og et skrivebord. Ligeledes tilvejebringer biblioteket muligheder for at indstille temarfarven på rammen, størrelsen samt rammestillingen.

Det kan være et godt alternativ til at fremvise dit web og din app i stedet for at bruge Photoshop.

CLRS

CLRS er et initiativ til omdefinere standardwebfarver til en mere øjenvenlig, moderne farvetone. Desuden fortaler det et sæt farvekombinationer for bedre tilgængelighed. Du kan implementere disse farver gennem NPM, Gem (Ruby) og Photoshop og Illustrator farveprøver.

Colorify

Colorify er et super letvægts JavaScript-bibliotek (3kb minificeret) til ekstraher dominerende farver fra et billede med masser af API'er til at manipulere farverne. Du kan bruge den ekstraherede farve som pladsholder, mens du venter på, at billedet skal indlæses fuldstændigt, generere en gradientbakgrund eller justere den tilstødende grænseflade for at møde billedfarven.

BookBlock

BookBlock er jQuery plugin til lav et hæfte med siden-flip effekten. Det er et smukt alternativ til at vise flere billeder på din hjemmeside, især hvis der er en sekvens eller et flow, som du vil fremvise.

Du kan tjekke demoen her for at få en ide om, hvordan BookBlock fungerer.