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


Slik zoomer du på bilder som Medium

Blogging-plattformen bruker en tilpasset bildezoom-effekt på deres bloggsider. Når brukeren klikker et bilde, vil det automatisk zoome inn i en større størrelse.

Det er en flott effekt og absolutt unik for Medium, men det var aldri noe som lett kunne kopieres.

Nå, med MediumLightbox- skriptet, er det enklere enn noensinne. Dette JS-skriptet er lett og enkelt å legge til i noen nettsider eller blogger.

Hvis du vil se hvordan dette fungerer, kan du besøke live demo siden som er vert av skaperen Davide Calignano.

Han spenderte en stund på å nippe ned den nøyaktige overgangen og tilpassede animasjonseffekten for å skape et speilbilde av Mellans bildezoom . Hele biblioteket er skrevet i ren JavaScript, slik at den ikke stole på noen tredje partskript som jQuery.

Du må vite litt JS for å sette opp det, men du trenger ikke å være ekspert.

Hvert bilde kan ta data- * attributter for å sette høyde og bredde i full størrelse, som alle trekkes dynamisk fra lysboksen plugin. Oppsettkoden er veldig enkel, og den kan målrette mot bildene selv, eller beholdere som

element .

Her er den enkle kodebiten du trenger for å få pluginet kjørt:

 MediumLightbox ( 'figure.zoom-effekten'); 

Innenfor funksjonen vil du passere en velger for alle elementer (f.eks

) med .zoom-effect . Denne klassen er spesifikt definert i MediumLightbox-stilarket, så det er best å bruke dette på din side også.

Og når det er satt opp, er du klar!

I området for sidens innhold kan du pakke alle bilder inn i en
tagg med denne klassen. De vil automatisk få denne kjære, middels klikk-til-zoom-effekten for både stasjonære og mobile brukere .

Hvis du vil laste ned en kopi av dette skriptet og komme i gang, kan du bare gå til hovedgitHub-repo. Her finner du også dokumentasjon sammen med kodestykker du kan kopiere for å sette opp raskt.

12 private søkemotorer som ikke sporer deg

12 private søkemotorer som ikke sporer deg

Privat surfing ved hjelp av de angivelig private eller inkognitomodusene på din vanlige nettleser gir deg ikke det nivået av personvern du tror det gjør. Du vil kanskje ikke spores og har gjort det klart for standardleseren din, men det vet du ikke når annonser som er relatert til de siste søkene dine, vises på Facebook eller i Gmail.Når d

(Tekniske og design tips)

Slik oppretter du den perfekte epost-nyhetsbrevkampanjen [Infographic]

Slik oppretter du den perfekte epost-nyhetsbrevkampanjen [Infographic]

Leter du etter tips om hvordan du kan produktiere den perfekte e-postkampanjen eller nyhetsbrevet, en som blir åpnet, leverer meldingen på riktig måte og øker sjansen for å få svar? Her er en infographic som kan hjelpe svar på disse spørsmålene, pluss mye mer.Det ser på hvilket element som i stor grad påvirker kampanjens responsrate, hvordan du skriver den beste iøynefallende emnelinjen og / eller overskriften, hvordan du kan unngå spamfilteret, hvordan du tilpasser produktrekommendasjoner, når du skal sende ut e-postene, til høyre call-to-action å sette inn, og mer.Det er også en

(Tekniske og design tips)