Uued ressursid veebidisaineritele ja arendajatele (veebruar 2016)

2015. aasta oli veebi jaoks suurepärane aasta: veebitehnoloogiad on olnud veebisaidi või veebirakenduse loomiseks on mitmel kujul vastu võetud. Paljud mobiil- ja töölaua rakendused on nüüd ehitatud HTML, CSS ja JavaScript abil. See on võimalik veebitehnoloogiate ja raamatukogude, näiteks React.js, Angular ja Node.js, teisaldatavuse tõttu..

Niisiis oleme selle seeria tänase osamakse jooksul koostanud käputäie JavaScripti- ja CSS-raamatukogud.

Klõpsake rohkem ressursse

Leia kogu meie soovitatud ressursside kogu ja parimad veebidisaini ja arendustööriistad.

Lame liugur

jQuery UI-ga on kaasas ühine veebiliides, sealhulgas liugur - kasutajaliides, mis võimaldab kasutajal valida arvulisi väärtusi. The Lame liugur on veebitööriist, mis muudab kohanemisvõime kasutajaliidese stiili kohandamise, mis oli kunagi väga hirmuäratav ülesanne, palju lihtsam.

Utiliidi avatud tüüp

Utiliidi avatud tüüp on kogumik tilkkondadest rakendama täiustatud CSS tüpograafilisi funktsioone sellised fondi ligandid, väike suurtäht ja palju muud. Nad annavad põhimõtteliselt oma kasutajatele parima võimaliku lugemiskogemuse. See laguneb kenasti vanemates, toetamata brauserites.

ResponsifyJS

Üks kurikuulsaid piiranguid, mis reageerivad kujutistele, on see, et see kujutab tavaliselt pilti korrektselt, kuid see suunab pildi peamise fookuspunkti, kui see on vähendatud väga väikese vaateava suurusele..

ResponsifyJS on kerge JavaScript-raamatukogu, mida saate kasutada määrake koordinaadid pildi fookuse säilitamiseks suuruse muutmise ajal.

Lineaarne

Lineaarne on joonlaua rakendus Macile. Võid kasutada joonlauda veebilehtede mõõtmiseks, elemendi suuruse väljaselgitamiseks ilma DevToolsi avamist või välja selgitada, kas element on täiesti tsentreeritud. Sul võib olla mitu joonlauda ja lülitada seade PX-lt EM-i.

StickyStack

StickyStack on jQuery plugin, et luua stack kerimise kogemus, kui paneel jõuab vaateava tippu, see kleepub seal, samas kui edasine kerimine tõmbab järgmise paneeli üles. See on kerge pistikprogramm, millel on mõned võimalused, et konfigureerida lehekülje mahutit, korstnaosa ja korstnate kasti varju. Tutvu demoga.

Vaataja

Vaataja on jQuery plugin pildivalguse jaoks - see on väljamõeldud populaarne viis veebis piltide suurendamiseks. Lisandmoodul on varustatud ülekaalukate võimalustega, mis võimaldavad teil kohandage iga lightbox liides.

Plugin pakub ka komplekti API-sid ja kohandatud sündmusi lightbox reageerimine ja käitumine. Veelgi enam, see töötab Internet Explorer 8-le.

DeviceMock

DeviceMock on JavaScript-raamatukogu, mis võimaldab teil luua seadme raame või maketid näiteks telefon, tahvelarvuti ja töölaud. Samuti pakub raamatukogu võimalusi, et määrata kaadri teema värv, suurus ja kaadri suund.

See võib olla hea alternatiiv veebi ja rakenduse esitamiseks Photoshopi asemel.

Clrs

Clrs on algatus määrake veebi vaikevärvid uuesti silmapaistvamaks ja kaasaegsemaks värvitooniks. Lisaks toetab see parema kättesaadavuse tagamiseks värvikombinatsioonide kogumit. Neid värve saab kasutada NPM-i, Gem (Ruby) ja Photoshopi ja Illustratori värvide abil.

Värvita

Värvita on väga kerge JavaScript-raamatukogu (3kb minified) kuni ekstrakti domineerivad värvid pildist koos palju API-d värvide manipuleerimiseks. Ekstraheeritud värvi saab kasutada kohatäitjana, oodates, kuni pilt täielikult laaditakse, tekitab gradient tausta või reguleerib naaberliidese pildi värvi täitmiseks.

BookBlock

BookBlock on jQuery plugin looge leheflip-efekti sisaldav brošüür. See on ilus alternatiiv paljude piltide kuvamiseks teie veebisaidil, eriti kui on olemas järjestus või voog, mida soovite esitleda.

Te saate tutvuda demoga siin, et saada ettekujutus sellest, kuidas BookBlock töötab.