Převod obrázků do CSS

Nedávno, když Chris Hester na světlo světa vypustil CSS pastelky, tak jsem si neodpustil potměšilé rýpnutí, že se jedná …

Nedávno, když Chris Hester na světlo světa vypustil CSS pastelky, tak jsem si neodpustil potměšilé rýpnutí, že se jedná o výtvor bez tvůrčí invence a podobně. Také jsem si říkal, že je to snadné, když má člověk po ruce program, který CSS pastelky vytvořil podle předlohy.

Nedalo mi to a pokusil jsem se podobný nástroj vytvořit vlastní silou. Programátor nejsem valný, ale načíst obrázek a vygenerovat pár (víc) DIVů + CSS soubor, není zase tak těžké. Výsledkem je převodník obrázků do CSS, zatím ve verzi beta (testujícím děkuji za pomoc).

Generuje se statický CSS a XHTML soubor, vygenerované soubory budu asi časem mazat. Kód je silně inspirován již zmíněnými pastelkami a od toho se odvíjí také kompaktibilita. Opera a Gecko bez problémů, Internet Explorer má potíže s počtem DIVů u obrázků tesně kolem maximálně povolené velikosti v CSS generátoru (150×150px).

Berte prosím tento převodník obrázků jako malou hříčku, jako znásilnění technologie, nebo jak je vám jen libo :-)

Související:

Jirka Chomát | 4. Květen 2004, 0:14 | „Články“ | Trvalý odkaz | Komentáře (9) | Del.icio.us

Komentáře:

[1] dgx | 4.5. 2004, 6:46

Že by nový bitmapový formát CSS nahradil JPEG? :-)

[2] Jirka Ch | 4.5. 2004, 9:59 | jiri@chomat.net

Nenahradí :-) naštěstí je tohle jen ukázka toho co se všechno dá udělat s CSS, ne návod jak je používat.

[3] Jan Bien | 4.5. 2004, 12:15

To muselo dát práce. A přitom taková blbost! ;-) Samolibá poznámka: Společně s Jirkou Chomátem jsme natrhli triko Chris Hesterovi. Já svou CSS lampou vytrhl CSS domeček z exkluzivity a CSS pastelky již nemohou být díky CSS převodníku Jirka Chomáta vůbec brány vážně. (konec samolibé poznámky) ;-)

[4] Jirka Ch | 4.5. 2004, 12:43 | jiri@chomat.net

[5] :-) Prostě si vyber obrázek, ve Photosopu na něj aplikuj pár barevných filtrů, pro každý si vygeneruj CSS, pospojuj dohromady alternativními styly a máš pastelek kolik jen chceš :-)

[5] Jirka Ch | 4.5. 2004, 13:58 | jiri@chomat.net

Zkus si vygenerovat menší obrázek, třeba vlastní podobiznu. Ty pastelky ti fungují?

[6] rADo | 5.5. 2004, 0:52 | hulan@hulan.info

Úžasné! Je to sice zcela k ničemu praktickému, ale právě proto je úžasné, že to vzniklo.
Btw, příklad mi bez problémů funguje v Opeře 7.50B1 (WinXP).
Chtělo by to i anglickou verzi, to by mohlo být dost odkazované ;-)

[7] Pavel Kout | 5.5. 2004, 1:45 | pavel.kout@webface.cz

[11] Jirka to ví, zkoušel to dva dny na mé Opeře. ;-) A jak se snažil, aby to fungovalo :-) Jára Cimrman by z něj měl radost…

[8] Jirka Ch | 5.5. 2004, 9:06 | jiri@chomat.net

[12] Někdo musí sdělit lidstvu „tudy ne přátelé“… Hledačství slepých uliček je moje hobby :-)

[9] Fotograf | 21.3. 2006, 23:29

To musím zkusit :-)