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


SimpleLightbox - Touch-Friendly Image Lightbox som også støtter WordPress

Porteføljesider, blogginnlegg og til og med sosiale nettsteder bruker alle lysbokser. De er nyttige for å vise større innhold uten å ta opp mer plass på siden .

Men det er ingen grunn til å bygge din egen fra bunnen av når det er så mange gratis skript på nettet. En av mine nye faves er SimpleLightbox, designet for å være 100% åpen kildekode og mobil responsive kjører på alle enheter .

Alle bildeminiatyrene og lysboksnavigasjonslenkene støtter berøringsadferd, slik at brukerne kan bla gjennom innhold fra hvilken som helst smarttelefon eller nettbrett.

Fra hjemmesiden kan du finne lenker til den offisielle GitHub repo, den offisielle WordPress plugin, og den offisielle TYPO3-utvidelsen.

Dette biblioteket er massivt og det er uten tvil en av de beste lysbildegalleriene du finner. Den bruker en ekte lightbox-design som legger til et lite overlegg på toppen av siden når du ser på et galleri.

Hvert miniatyrbilde vises i full visning sammen med piler for å navigere gjennom hele lysbildefremvisningen. Men du kan inkludere ekstra funksjoner ved hjelp av SimpleLightbox API . Det er et komplett bord med funksjoner i dokumentasjonen, og disse er noen av mine favoritter:

  • Navigasjonstekst.
  • Bildetekster.
  • Bildestørrelsesstørrelser.
  • Swipe-to-close-funksjonen.
  • Tilpassede animasjonsstiler.
  • Valgfrie lastespinnere.

I tillegg til dette biblioteket kan du kjøre tilbakeringingsfunksjoner når brukeren klikker for å åpne et galleri, swipes til et nytt bilde, eller utfører andre vanlige handlinger.

Disse metodene er alle dokumentert på hovedstedet, inkludert levende eksempler i GitHub kildekoden . Du kan trekke en kopi med Bower eller Garn som et pakkehåndteringsverktøy, selv om GitHub kan være en enklere metode hvis du ikke er kjent med kommandolinjen.

Uansett er dette biblioteket hinsides imponerende. Det kan fungere utrolig bra på personlige eller bedriftens porteføljesider for å vise frem arbeidet ditt med berøringsskjermstøtte.

For å lære mer, ta en titt på SimpleLightbox hjemmeside og last ned en kopi av skriptet fra GitHub.

18 tips og triks for å få mest mulig ut av Cortana

18 tips og triks for å få mest mulig ut av Cortana

Microsofts egen virtuelle assistent, Cortana, er en av de beste funksjonene som ble introdusert i Windows 10. Det kunstige, intelligente verktøyet tilbyr mange funksjoner som du kan glede deg over å bruke datamaskinen din, få informasjon om fingertipsene og forbedre produktiviteten på jobben.De fleste av oss er imidlertid ikke klar over Cortanas funksjoner, tips og triks som kan gjøre livet enklere . Der

(Tekniske og design tips)

Slik aktiverer du boksformatering i Internet Explorer 7 [Quicktip]

Slik aktiverer du boksformatering i Internet Explorer 7 [Quicktip]

Vi har dekket CSS3-boksstørrelsen i en tidligere artikkel. Boksstørrelse, med verdien av border-box, tillater oss å beholde elementets bredde og høyde, uavhengig av tilleggsbelastningen og grensen den har.Dette gjør det enklere å måle og definere elementstørrelse . CSS3-boksformatering vil imidlertid ikke fungere i Internet Explorer 7 (IE7) og tidligere versjoner, som du kan se nedenfor.Begge k

(Tekniske og design tips)