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


Philter.js - Gratis Image Alteration Library ved hjelp av CSS-filtre

Instagram er allment kjent som det mest populære foto-nettverket. Det håndterer over 52 millioner bilder per dag, og mange av dem inkluderer filtre som endrer bilder på fluen.

Dette er også mulig ved bruk av CSS-filtre som gjelder direkte i nettleseren . Disse egendefinerte filteregenskapene har bred støtte på tvers av mange nettlesere, og de ser bra ut.

Med Philter JavaScript-plugin kan du skala denne prosessen for å spare tid og flytte koden til HTML for dynamiske filtereffekter .

Ved å bruke dette pluginet får du mye større kontroll over bildene dine . På denne måten kan du velge hvilke filtre du vil søke på individuelle bilder, og hvis bestemte filtre skal endres basert på brukeradferd som for eksempel svinging.

CSS støtter animerte overganger, og Philter gjør denne prosessen veldig enkel. Du laster bare ned Philter fra hjemmesiden eller fra GitHub repo. Når den er lagt til på din nettside, legger du bare til initialiseringskoden og lar den gå.

Her er en prøvebit fra GitHub repo:

Som standard kan du sette opp overganger og ekstra dataattributter som du kan legge til i HTML. url parameteren definerer banen der Philter skal se etter egendefinerte SVG-filer som brukes i filtreringsprosessen.

Disse ekstrafiltrene er pakket med biblioteket, slik at du ikke trenger å redigere dem i det hele tatt. Men du kan flytte dem rundt eller plassere dem i en annen katalogstruktur fra din nåværende fil, så denne innstillingen må kanskje endres .

Nå kan du bare legge til egendefinerte filtre rett til HTML-koden din elementer eller deres beholdere.

Her er et enkelt eksempel :

Du kan finne en fullstendig liste over alle filtre på GitHub, sammen med en komplett oppsettguide og mange andre kodeprøver.

Philter er en av de kuleste gratis plugins rundt, og det skyver grensen til moderne CSS. Du kan selv designe dine egne filtre hvis du er villig til å grave inn i kodebase og tinker rundt.

For et enkelt sted å komme i gang, bare besøk Philters hjemmeside og last ned en kopi. Du kan få den opp og løpe på kort tid.

15 vakre teksteffekter laget med CSS

15 vakre teksteffekter laget med CSS

Vakker tekst eller typografi vil gjøre designet ditt attraktivt. I webdesign hjelper CSS å gi stil til design, inkludert ulike effekter i tekst eller typografi. Med CSS kan du bruke klipping og legge til animasjon i tekst for å krydre ting litt opp.Og for å illustrere dette har vi samlet 15 flotte og kule teksteffekter som er gjort mulig med CSS (noen med litt hjelp fra Javascript-koder).For

(Tekniske og design tips)

10 Apps for å få de siste World Cup-poengene på telefonen

10 Apps for å få de siste World Cup-poengene på telefonen

Den største fotballkonkurransen på planeten er i ferd med å begynne, og fotballfans vil bli limt til sine TV-apparater i denne en gang hvert 4. årers arrangement for å se spillene. Å være en verdensomspennende begivenhet, vil visningstidene ikke være det samme for alle, forventer å våkne opp midt på natten igjen for å fange favorittlagene dine i aksjon.Ingen ønske

(Tekniske og design tips)