no.hideout-lastation.com
Input dominerende farge fra bilde til bakgrunn med AdaptiveBackgrounds.js
Når det vises noe på nettet, finner det noen utviklere ofte vanskelig å avgjøre hvilke bakgrunner som passer best for bruk. En god kombinasjon av bakgrunnen med riktig innhold kan påvirke brukeropplevelsen betydelig. For noen designere, foretrekker de å bruke noen av de dominerende fargene i selve innholdet - AdaptiveBackgrounds.js kan gjøre det for deg automatisk.
AdaptiveBackgrounds.js er et gratis jQuery-plugin som hjelper deg med å tilpasse den mest dominerende fargen i innholdet ditt som en del av bakgrunnen. Den ble bygget på toppen av RGBaster, laget av samme utvikler.
I utgangspunktet er det et plugin for å trekke ut fargepaletten til et bilde for å komme til den dominerende farge . Første gang siden lastes, vil pluggen trekke ut fargen fra bildet. Den ekstraherte farge blir deretter påført på bildeforelder. Du kan se hvordan det fungerer i dette gif.
(Bildekilde: AdaptiveBackgrounds.js)
Starter
AdaptiveBackgrounds.js krever at jQuery-biblioteket skal fungere. Selv om den er bygget på toppen av RGBaster, trenger du ikke å inkludere den lenger. Du kan få pluginfilen fra sin GitHub-side.
Ta deretter med alle nødvendige filer til prosjektet ditt slik:
Tilpass dominerende farge
Vi skal prøve dette verktøyet, og bruke det til å trekke ut den dominerende farge fra dette bildet Double Arch-fotografi av Kartik Ramanathan, og bruk det deretter på overordnet elementet.
For at den dominerende farge skal brukes i et element, bør du sette bildet som barnet av det. Inne i img tagg, gi data-adaptive-background, slik at skriptet kan få fargen:
For flere eksempler og tilleggsinnstillinger, kan du besøke AdaptiveBackgrounds.js dokumentasjonsside.
Endelig tanke
Med AdaptiveBackgrounds.js får du bare en statisk farge. Du vil kanskje prøve å gi din bakgrunn litt mer farge for et oppsiktsvekkende resultat. Hvis du gjør det, sjekk ut siden AdaptiveBackgrounds.js demo for flere ideer.
15 Bizarre (Og Sint) Programmeringsspråk som eksisterer
Noen sier at det å lære å programmere er vanskelig, kjedelig og unnvikende. Det er som å lære et nytt språk, bare for å snakke med en maskin som trenger å bli fortalt i svært spesifikke kommandoer hva du skal gjøre og utføre. Av en eller annen grunn synes en gruppe mennesker å tro at programmering i seg selv ikke er komplisert nok, og dermed "esolang" ble født.Velkommen ti
20 stilige vannavstøtende klokker for sommeren
Mens teknologien verden er freaking ut om smartwatches (2014 synes å være året for smartwatches), blir mange ikke-så-klare klokker en oppgradering i design og stil. Hvis du er på utkikk etter et klokke for å gjøre akkurat hvilke klokker som passer best, mens du fortsatt er i stand til å rive ut sommertidene, er dette innlegget definitivt for deg. Her er
