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


15 Lysbibliotek for mobilrespons

Lysboksen er en populær måte å legge over bilder på nettet . Når du klikker på et bilde, lyser lysboksen opp med en eller annen form for animasjon, og dimmer bakgrunnen slik at fokuset ditt ligger på selve bildet. Bildet er også større i skala. De mest populære JavaScript-JavaScript-biblioteker som vi har kjent i årevis, gjør at du kan gjøre det bra på skrivebordet, men ikke så mye på mobile plattformer.

Forsinkelse av dette og behovet for lydhør er ikke en god ide i dag, og derfor må denne samlingen av 15 lydhørige lysbibliotek bli sjekket ut.

Mer om Hongkiat:

  • Opprette Modal Window enkelt med HTML5 Dialog
  • Topp 10 gratis, responsive bildegallerier / lysbildefremvisninger
  • Opprett, kontroller og tilpasser bedre Modal Window for nettstedet ditt ved hjelp av Vex
  • jQuery Image Galleries & Sliders - Best Of

PhotoSwipe

PhotoSwipe er langt min favoritt ligthbox plugin. Det er lett, berøringsaktivert og viktigst modulært som gjør det mulig for meg å dike noen få deler som ikke er nødvendig. Den går pent i mobile nettlesere. Du kan sveipe gjennom bilder med fingrene som du ville i en innfødt app, og overgangen går veldig jevnt.

  • Avhengighet : Ingen
  • Nettleserstøtte : IE8 +, Chrome, Firefox, Safari, Opera, og et par mobilnettlesere.
  • Lisens : MIT lisens

MagnificPopup

MagnificPopup er en annen lightbox plugin, utviklet av samme person som ga oss PhotoSwipe, Dmitry Semenov. Den kommer i form av et jQuery / Zepto-plugin, og bringer også evner som mangler i PhotoSwipe, for eksempel støtte for video, kart og ajax-innhold. Dette er et flott alternativ for de som foretrekker å ha flere funksjoner for hånden.

  • Avhengighet : jQuery 1.9.1+, eller Zepto.js
  • Nettleserstøtte : IE7 (delvis), IE8 +, Chrome, Firefox, Safari og Opera.
  • Lisens : MIT lisens

SwipeBox

Swipebox er et jQuery-plugin med berøringsbevisstøtte for mobil plattform. Den støtter også videoer fra Youtube og Vimeo bortsett fra bilder. Swipebox er også enkelt å implementere, og har en rekke alternativer for å tilpasse sin oppførsel. Jeg tror Swipebox er et flott lightbox-plugin for JavaScript noobs.

  • Avhengighet : jQuery
  • Nettleserstøtte : IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android og Windows Phone.
  • Lisens : Udefinert

iLightbox

iLighbox er et jQuery- lysboksplugg med et bredt utvalg av medietyper: inkludert videoer, Flash / SWF, Ajax-innhold, iframe og kart. Denne plugin legger også til sosiale medier knapper på toppen av media, slik at brukerne kan dele den med Facebook, Twitter eller Reddit. Se også på avansert avsnitt for å se hvordan iLightbox kan brukes i forskjellige scenarier.

  • Avhengighet : jQuery
  • Nettleserstøtte : IE7 +, Chrome, Firefox, Safari og Opera
  • Lisens : Udefinert

Lysbilde for Bootstrap

Lysboksen er en av de gledelig manglende brikkene fra Bootstrap. Dette pluginet løser det. Hvis du bruker Bootstrap, anbefaler jeg at du bruker dette biblioteket. Pluggen er godt integrert med Bootstraps kodebase.

  • Avhengighet : jQuery og Bootstrap Modal
  • Nettleserstøtte : IE8 +, Chrome, Firefox, Safari og Opera
  • Lisens : GNU lisens

Nivo Lightbox

Nivo Lightbox er et fleksibelt lysboksen plugin. Flere alternativer er inkludert for å endre utseendet slik du vil at den skal vises, for eksempel å endre temaet, overgangseffekten og bytte navigeringen.

  • Avhengighet : jQuery
  • Nettleserstøtte : IE9 +, Chrome, Firefox, Safari og Opera
  • Lisens : MIT lisens

ImageLightbox

ImageLightbox er et lightbox-plugin uten oppblåsthet. Den er bygget spesielt for bildet dermed navnet gitt - ingen video eller annen medietype støttes. Det krever heller ikke ekstern HTML-markup; de elementet er tilstrekkelig. Plugin fungerer bare.

  • Avhengighet : jQuery
  • Nettleserstøtte : IE9 +, Chrome, Firefox, Safari og Opera
  • Lisens : Udefinert

Mini Lightbox

En annen lightbox-plugin med ingen oppblåsning. Biblioteket er kun 2kb, og fungerer bare med bilder. Det er det perfekte pluginet hvis du bare angir for den nyeste nettleseren og ikke trenger å legge over andre medietyper som videoer.

  • Avhengighet : Ingen
  • Nettleserstøtte : IE10 +, Chrome, Firefox, Safari og Opera
  • Lisens : MIT lisens

LightCase

Lightcase er en nydelig lightbox plugin. Den leveres med flere animasjoner som gjør brukerinteraksjonen levende, som fade, elastisk zoom og rulling. Videre støtter den også ulike typer medier, inkludert Youtube-embed, HTML-videoer, SWF og input-skjemaer. Pluggen håndterer også mediet, kan ikke nås eller funnet feil

  • Avhengighet : jQuery
  • Nettleserstøtte : IE9 +, Chrome, Firefox, Safari og Opera
  • Lisens : GPL lisens

Yalb

Yalb står for enda en lysbok - men det er det ikke. Yalb kommer med en håndfull APIer, inkludert tilpassede hendelser som lar deg identifisere lightbox-stater, for eksempel når den er open og når den er close . Yalb kommer i to versjoner, Vanilla JavaScript og jQuery plugin.

  • Avhengighet : Ingen
  • Nettleserstøtte : IE9 +, Chrome, Firefox, Safari og Opera
  • Lisens : MIT lisens

Fjærlett

6kb Featherlight er et bare plugin for kunnskapsrik utvikler og bærer bare de viktigste. Hvis du for eksempel trenger å gruppere bildelysbok i et galleri, kan du inkludere galleriutvidelsen. Du kan også utvikle din egen utvidelse for dette pluginet for å passe inn i prosjektets behov.

  • Avhengighet : jQuery
  • Nettleserstøtte : IE8 +, Chrome, Firefox, Safari og Opera
  • Lisens : MIT lisens

LightLayer

LightLayer er en lett å bruke lightbox plugin. Den har en håndfull alternativer, tilpassede JavaScript-metoder og tilpassede arrangementer. Plugin fungerer med bilder, videoer, kart og eksternt innhold. Hva mer kan vi spørre.

  • Avhengighet : jQuery
  • Nettleserstøtte : IE9 +, Chrome, Firefox, Safari og Opera
  • Lisens : MIT lisens

LightGallery

LightGallery, en annen lightbox plugin med mange funksjoner lagt til. Den leveres med mer enn 20 alternativer for å tilpasse de minste detaljene i lysboksen.

  • Avhengighet : jQuery
  • Nettleserstøtte : IE7 +, Chrome, Firefox, Safari, Opera, IOS, Android og Windows Phone
  • Lisens : MIT lisens

FluidBox

Fluidbox er et bilde lightbox plugin som er inspirert fra Medium. Den fungerer med bilder under ulike omstendigheter, inkludert flytende bilde, bilde med absolute posisjon, bilder som har kant og polstring, og gallerier. Sjekk ut hvordan den ble bygget. Hvis du trenger et WordPress-plugin, er det en.

  • Avhengighet : jQuery
  • Nettleserstøtte : IE9 +, Chrome, Firefox, Safari, Opera
  • Lisens : MIT lisens

StripJS

StripJS er et unikt lightbox-plugin. I stedet for å legge bildet over, skyver plugin bildene i fra siden, slik at det ikke vil blokkere hele innholdet. StripJS støtter både bilde og video.

  • Avhengighet : jQuery
  • Nettleserstøtte : IE7 +, Chrome, Firefox, Safari, Opera, IOS 5+ og Android 3+
  • Lisens : Creative Commons BY-NC-ND 3.0 lisens

38 Hilarious Google Forslag som vil gjøre deg LOL

38 Hilarious Google Forslag som vil gjøre deg LOL

Når du søker etter noe på Google, møter du det som kalles Google Forslag, eller spådommer (her er et interessant innlegg om hvordan Google-forslag fungerer). I utgangspunktet er det en del autofullføring og en del "leter du etter dette?", Og det er basert på virkelige søk utført av folk som bruker Google Search .Mens de

(Tekniske og design tips)

Internettets mest utrolige innovasjoner [Infographic]

Internettets mest utrolige innovasjoner [Infographic]

Internett gir og internett tar bort. Den moderne verden er ikke fremmed for store innovasjoner som gjør sitt mål og styrer verden før den blir avgjort av den neste etterfølgeren på linje. Hvert år forsøker oppfinnere å stikke hverandre, skyve grensene for teknologi og innovativitet for å forsøke å sementere navnene sine i historiebøkene for ettertiden.Deretter er

(Tekniske og design tips)