Over adaptive backgrounds.js

De Query-plugin die hier wordt besproken is onderwerp van nader onderzoek, omdat ik het niet helemaal vertrouw.
 
Te zijner tijd wordt dit verhaal herschreven of verwijderd.

Adaptive backgrounds.js is een bibliotheek / jQuery-plugin waarmee je de achtergrond van een webpagina kunt laten bepalen door de kleuren van een afbeelding op die pagina. Onderstaand voorbeeld laat zien hoe dat er uit kan zien.

De bovenste foto is 'gewoon'. Hij staat gecentreerd in een rechthoekig kader. De achtergrondkleur is gelijk aan die van de pagina zelf.
De onderste foto staat in een kader, waarvan de achtergrondkleur is ontleend aan de foto. Het is een soort 'gemiddelde' van alle beeldpunten in het hoofdonderwerp van de foto. In dit geval is dat een donker roze tint.

Opvallend is dat de onderste foto minder op de voorgrond treedt dan de bovenste. Dat komt doordat het kleurcontrast veel minder is. Daardoor is het ook zachter voor je ogen.

De vraag rijst of het idee achter Adaptive backgrounds.js niet een tikje over de top is. Het in realtime berekenen welke achtergrondkleur bij een foto hoort heb je alleen nodig als je van te voren niet weet welke foto er in je document verschijnt. Dat is vrijwel nooit het geval. Gewoonlijk ga je uit van foto's waarvan je weet wat er op staat. Met een goed fotobewerkings programma kun je de gemiddelde kleur van de afbeelding bepalen en die gewoon opnemen in de CSS die hoort bij de foto.

Bij oudere browsers kan het gebeuren dat het niet werkt.

Adaptive backgrounds.js wordt niet (meer) actief onderhouden.

Het advies moet dan ook luiden: Wees voorzichtig met de toepssing en test het in elk geval goed.