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


Beskjær og endre størrelse på bilder med dette enkle jQuery-plugin

Dynamisk bildeoppskæring er enklere enn noensinne takket være biblioteker som jQuery. Codebase er enkel å bruke, og samfunnet har tusenvis av plugins for håndtering av bilder .

En slik plugin er Cropper, en gratis åpen kildekode-beskjæringsløsning som håndterer zooming, beskjæring og til og med lagring av bilder .

Dette prosjektet er tilgjengelig på GitHub med noen svært lang dokumentasjon med dusinvis av tilpassede funksjoner.

Cropper gir deg (utvikleren) full kontroll over alle aspekter av grensesnittet. Du kan jobbe med 30 + forskjellige alternativer og 20 + tilpassede metoder som er bygd inn i Cropper-plugin.

Det er fullt berøringsfølsomt, så det fungerer på alle mobile enheter og støtter rulleskiven / styreflaten for å zoome inn og ut av bilder. Brukere kan bla, rotere, skalere og plassere bilder hvor som helst på lerretet før beskjæring.

Cropper-pluginet krever en kopi av jQuery, og den leveres med to filer : et CSS-stilark og JavaScript-pluginbiblioteket. Bare legg til disse filene på siden din, og det bør være bra å gå!

Husk at dette verktøyet kommer med mange funksjoner. Den elektroniske dokumentasjonen kan hjelpe, men du trenger å få hendene dine skitne og sette opp et bildeopplastingsfelt selv for å lære alt. Eksempelkoden utsender bare alt til konsollen og ser noe ut som dette:

 $ ('# image'). cropper ({aspektRatio: 16/9, beskjære: funksjon (e) {// Utdata resultatdata for beskjæring av bilde. console.log (ex); console.log (ey); konsoll. logg (e.width); console.log (e.height); console.log (e.rotate); console.log (e.scaleX); console.log (e.scaleY);}}); 

Men du bør virkelig ta en titt på live-demoen for å se hvordan alt dette fungerer.

Du kan finne live-utdata fra X / Y-koordinatene, sammen med bildedimensjonene nær toppen. Cropper inneholder også en opplastingsfunksjon der brukeren kan velge et bilde fra datamaskinen og begynne å beskjære rett i nettleseren.

Live thumbnails oppdateres i hjørnet, slik at du kan se hvordan sluttresultatet ser ut før du lagrer. Endre aspektforholdet, utskriftskvaliteten, standardavlingerposisjonen og en hel gjeng mer.

Bruk av jQuery UI Datepicker Theme for WordPress 3.8 og over

Bruk av jQuery UI Datepicker Theme for WordPress 3.8 og over

WordPress har endret seg mye siden versjon 3.8, spesielt admin-brukergrensesnittet. Etter massene ser WordPress admin-brukergrensesnittet nå flatere, fjernet av gradienter og skygger . Det betyr at hvis du har et innebygd tema eller et plugin som bruker et tilpasset brukergrensesnitt, er det på tide for en makeover .S

(Tekniske og design tips)

Grunnleggende bak farge teori for webdesigner

Grunnleggende bak farge teori for webdesigner

Som en kollektiv digital kunstner er det viktig å forstå den grunnleggende vitenskapen bak fargeteorien. Det er et populært emne med stor spredning av informasjon for å beholde og fordøye. Ikke bare er dette emnet fokusert på kunst og design, det innebærer også jist av optikkvitenskap.Det er nok å dekke på dette emnet, så vi skal glosse over noen av hovedpunktene for å trekke ut hva som bør legges vekt på. Hvert av dis

(Tekniske og design tips)