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í:
- CSS pastelky – (Chris Hester)
- CSS lampa – (Jan Bien)
- Pomocí CSS na malůvky – (Jiří Chomát, Články, 18.1.2004)
- Medvědí služba CSS stylům – (Dušan Janovský, Yuhůův weblog o webu, 17.1.2004)
- CSS pastelky – (Jan Bien, WEBLOG Mraveniště, 17.1.2004)
- CSS tužka – (Petr Weida, About Weblog, 17.1.2004)
Jirka Ch | 4. Květen 2004, 0:14 | „Články“ | Trvalý odkaz | Komentáře (9) | Štítky: css, obrázky
Komentáře:
Že by nový bitmapový formát CSS nahradil JPEG? :-)
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.
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) ;-)
[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š :-)
Zkus si vygenerovat menší obrázek, třeba vlastní podobiznu. Ty pastelky ti fungují?
Úž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é ;-)
[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…
[12] Někdo musí sdělit lidstvu „tudy ne přátelé“… Hledačství slepých uliček je moje hobby :-)
To musím zkusit :-)