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

20 Friske Adobe Illustrator Tutorials å lære i 2017

20 Friske Adobe Illustrator Tutorials å lære i 2017

Design og digital kunst er en av de ferdighetene som trenger kontinuerlig oppdatering, ettersom nye verktøy og teknologi fortsetter . På samme måte, for Adobe Illustrator er nye triks og teknikker opprettet fritt. Men du trenger ikke å delta i spesielle klasser eller delta i et kurs for å pusse opp Illustrator-ferdighetene dine, da Adobe Illustrator-veiledningene kan gjøre akkurat den rette jobben.I den

(Tekniske og design tips)

Slik lager du katalog med "Request for Price" ved hjelp av WooCommerce

Slik lager du katalog med "Request for Price" ved hjelp av WooCommerce

WooCommerce tilbyr en flott måte å liste opp dine produkter på, og gjør det ganske enkelt for kundene å kjøpe og for deg å administrere dine bestillinger . Noen ganger kan du imidlertid ikke faktisk selge ting, men bare vise dem.I denne artikkelen vil jeg vise deg hvordan du enkelt lager en fantastisk katalog og gir et prisforespørselsalternativ ved å bruke bare iboende WooCommerce-alternativer og noen ganske grunnleggende tilpasningsutdrag .Hvorfor

(Tekniske og design tips)