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


Legg forstørrende effekt på websiden din med jfMagnify

Det er mange gratis zoom-plugins som fungerer utrolig bra. Imidlertid er de fleste av disse bygget for bilder, og de angir retninger for bildeinnhold .

Hva om du kan legge til en forstørrende effekt på hver del av nettsiden din? Takket være jfMagnify, kan du.

Det er et gratis jQuery-plugin som støtter ikke bare bildezoom, men også hele sidenzoomen . Det er en av de få pluginene som også lar deg velge forstørrelsesnivået og støtter berøringshendelser for mobilbrukere.

Merk at dette pluginet kan føles litt tungt fordi det er avhengig av to avhengigheter : jQuery og jQuery UI . Disse er begge nødvendige for å få jfMagnify fungerer riktig. For ikke å nevne det faktiske jfMagnify-skriptet må du inkludere på siden din.

Oppsettet er litt vanskelig fordi du bare kan målrette forstørrede elementer i en beholder . Hvis du vil målrette mot hele siden, må du inkludere en klasse over hele nettstedet ditt .

Slik ser den ene linjen av jQuery ut:

 $ ( "Foredle") jfMagnify (.); 

Dette retter seg mot alle elementene i .magnify beholderen som vanligvis er et div element.

Disse interne elementene kan være bilder, men kan også inkludere liten utskrift, for eksempel på sidevilkår eller personvernpolicy sider. All dokumentasjon er tilgjengelig i GitHub repo, så når du setter opp den, blir hele prosessen mye enklere.

Også, dette pluginet er veldig svakt og kommer med mange containerregler . For eksempel kan beholderelementet ikke ha en statisk CSS-posisjon, så det må enten være relativt, absolutt eller fast.

Du finner alle standard stilregler i GitHub repo, men det kan være vondt å tilpasse om layoutet ditt allerede er bygget og kjørt. Fordelene med jfMagnify er, for meg, verdt innsatsen. Virkelig, det avhenger av dine behov og om du liker grensesnittet.

Ta en titt på dokumentene på GitHub for å se hva du synes. Og du kan også forhåndsvise grensesnittet på CodePen hvis du vil se biblioteket i aksjon før du installerer det.

16 Wacky Apple Products du kan bare forestille deg

16 Wacky Apple Products du kan bare forestille deg

Med all den raseri på Apples nyeste varer, har fans fortsatt ikke fått nok av å komme opp med den nye I-This og i-That. Det er sant at noen av dem virkelig har tenkt på fantastiske og nyskapende ideer, men det er fortsatt noen sprø og upraktiske som er, så "kreative" at vi skal gi dem kreditter. De a

(Tekniske og design tips)

Konverter Doodles til skrekkelige bilder med Pix2Pix

Konverter Doodles til skrekkelige bilder med Pix2Pix

Hva får du når du blander menneskeskapte kluter og maskinlæring sammen ? Vel, den nederlandske kringkasteren NPO har et svar på det, noe som kalles Pix2Pix, en liten webapplikasjon som gjør dine doodles til ganske skremmende bilder ved hjelp av maskinens læringsteknologi .Opprettet ved hjelp av Googles åpen læringsplattform, som kalles Tensorflow, benytter Pix2Pix et system som heter generative adversarial nettverk (GAN) for å skape et riktig bilde ut av den innleverte klumpen . For å l

(Tekniske og design tips)