no.hideout-lastation.com
Paradis For Designere Og Utviklere


Glatt helbladsrulling med jQuery Plugin viewScroller.js

JavaScript rulleffekter har eksistert i årevis med dusinvis av flotte biblioteker å velge mellom. Men en ny konkurrent i feltet er viewScroller.js .

Dette svært små, men kraftige biblioteket kan bygge enkelsidige layouter som rulle som blokker med en sveipe av rullehjulet (eller berøringsplaten). Dette skaper en kontrollert layout hvor ruller flytter brukeren gjennom individuelle deler av en side med pikselstramt presisjon .

Naturligvis er dette et helt gratis bibliotek tilgjengelig på GitHub og enkelt å installere med Bower eller npm .

ViewScroller.js er imidlertid ikke et uavhengig JavaScript-bibliotek . Den stole på jQuery og to spesifikke plugins: jQuery Mousewheel og jQuery Easing . Disse er begge nødvendig for å få rulleffekter å fungere skikkelig.

Dette kan hemme verdien av viewScroller siden det krever noen JS-biblioteker bare for å fungere. Men hvis du allerede bruker jQuery, så er det en no-brainer. viewScroller.js tilbyr den enkleste metoden for å få en enkeltscrolling webapp som kjører uten mye kode.

Det bruker imidlertid svært detaljerte klasser og IDer for å lage rullingseffekten. Du kan redigere disse klassene i din egen CSS-fil eller overskrive dem i basekoden. Du finner en fullstendig liste på reposiden med klassenavn og standardoppsettdata .

Den enkleste måten å starte på er å klone ViewScroller-demoene . De har en med en høyre sidebar, en annen med en venstre sidebar, og en med to sidebarer som smelter innhold i midten.

Hvis du er ok med en jQuery-fueled web app, så er ViewScroller et fantastisk gratis bibliotek å bruke. Det trenger ganske mange avhengigheter, men de burde ikke være vanskelig å konfigurere.

Ta en titt på live-demoen og se hva du synes. Hvis du liker UX og rulleadferd, følg du oppsettveiledningen på GitHub for å komme i gang.

Slik forteller du historier andre vil dele

Slik forteller du historier andre vil dele

Storytelling er en sentral faktor i vellykket design og innholdsskaping generelt. Uten å fortelle en slags historie, er det ingen måte å få folk begeistret for innholdet du må dele. Mange ganger vil folk imidlertid miste interessen for en historie av ulike grunner, som vi skal dekke i dagens innlegg.Hvor

(Tekniske og design tips)

6 kodende lekeplasser for webutviklere

6 kodende lekeplasser for webutviklere

I løpet av de siste par årene har flere kodende lekeplasser poppet opp, mye til vår glede. Dette er webapplikasjoner som tillater sanntidsredigering og forhåndsvisninger av klientsidekoder: HTML, CSS og JavaScript. Den beste delen av disse kodende lekeplasser er at de fleste er gratis og du kan enkelt dele en "lekeplass" med noen, enten for undervisning eller for feilsøking.Pers

(Tekniske og design tips)