Eräänlainen liukuvärigeneraattori

Unkarilainen nettiteknologioiden konsultti Tibor Szász on koodannut tavanomaisesta hieman erilaisen liukuvärigeneraattorin. Geneerisen nimen Unique gradient generator saanut sivusto luo nimensä mukaisesti yksilöllisiä tai ainutlaatuisia liukuvärejä. Syvemmälle tarkasteltuna kyseessä ei ole ihka oikea liukuväri vaan sumeinen taustakuva. Sovellus ei nimittäin luo aitoja liukuvärejä esimerkiksi CSS-tekniikalla vaan aivan omanlaisella menetelmällään. Prosessi vaatii pohjaksi jonkin aivan tavallisen kuvan, josta sitten poimitaan erittäin pieni alue eli niin sanottu otosalue (sample area). Tätä alkuperäisestä kuvasta erotettua pienempää kuvaa skaalataan jopa 100 % ja lopuksi annetaan selaimen algoritmien pehmentää jättiläismäiseksi suurennettua kuvaa. Lopputuloksena on eräänlainen liukuväri tai oikeammin sumea taustakuva, joka kieltämättä antaa vaikutelman aidosta gradientista. Siinä missä liukuväri oikeasti vaihtaa väriä tasaisesti, on tämän sovelluksen tulos epätasainen.

Unique gradient generator

Liukuvärigeneraattoria on helppo käyttää. Käyntiin pääsee joko lataamalla sovellukseen oman kuvan tai käyttämällä jotain palvelun gallerian tarjoamaa valmista kuvaa. Nuolinäppäimillä navigoidaan haluttu otosalue kuvasta, jolloin taustalla oleva malli päivittyy samanaikaisesti. Esc-näppäintä painamalla voi piilottaa ohjetekstit tai tuoda ne takaisin kuvaruudulle. Halutusta tuloksesta muodostetaan lopuksi CSS-koodi, jota voi käyttää sellaisenaan ilman erillistä taustakuvaa, sillä sovellus upottaa kuvan base64-koodauksella suoraan tyylisivukoodin joukkoon. Otosalueen koon voi myös halutessaan vaihtaa alkaen 7x3 pikselistä aina 20x15 pikselin kokoiseen alueeseen. Unique gradient generator on näppärä ja hyödyllinen sivusto, mikäli tarvitsee näyttäviä taustavärejä sivustolleen.

Julkaistu sunnuntaina 10.1.2016 klo 14:08 Sivustot-luokassa avainsanalla Internet.

Edellinen
Oskar-ilmankostutin
Seuraava
David Bowie (1947-2016)
Evästeiden käyttö

Käytän sivustollani evästeitä tarjotakseni parhaimman mahdollisen lukukokemuksen blogini lukijoille. Jos jatkat sivustoni käyttöä, oletan, että hyväksyt evästeiden käytön sivustollani.

Lisätietoja evästeiden käytöstä