· Programy od programosy.pl

· Winamp - odtwarzacz muzyki

· Restauracja Słupsk

Czcionka CSS

 

Pomysłowość ludzka nie zna granic, a webmasterzy to mają już chyba naprawdę nie?le nakichane. Z serii głupie zabawy na długi weekend majowy prezentuję ciekawostkę z Digga. Czcionkę stworzoną w 100% w CSS.

Stu Nicholls stworzył czcionkę CSS. Czym się różni od masy fontów zainstalowanych w naszym systemie? Ano tym, że każda ta literka została stworzona przy pomocy odpowiednio ostylowanego zestawu <div>-ów. Zresztą zobaczcie sami:

Cyferki

Literki

Znaki specjalne

Czy kod jest wyświetlany poprawnie we wszystkich przeglądarkach? Było ponoć testowane i działało pod IE5.01, IE5.5, IE6, Mozilla/Firefox, NN7 i jakiejś Operze (wszystko pod Windows XP). Czy będzie działać pod IE7? Kto to wie, ja obstawiam, że bez oczyszczenia kodu będzie ciężko, ponieważ jest to mieszanka paskudnych hacków CSS.

Czy jest to przydatne? Teoretycznie może to zastępować obrazki CAPTCHA tam, gdzie nie mamy dostępu do biblioteki GD. Przy czym niezoptymalizowany dwukolorowy GIF z 7 literkami zajmuje ok 170 bajtów, a wygenerowanie tego samego w tej technice zajmuje przynajmniej 10x więcej kodu. Ale na chwilę dzisiejszą chyba jeszcze żaden spambot nie potrafi tego cuda odczytać, więc można na przykład swój email zapisać w tej postaci :)

Zapewne pozostanie to jako ciekawostka stworzona aby pokazać, że przy pomocy CSS da się zrobić wszystko, gdy się tylko człowiek uprze :) Proszę o info, gdy ktoś znajdzie kod potrafiący robić kawę. Na tyle uniwersalny, żeby działał w mojej kuchni ;)

Wpis opublikowany 3 maja 2006
Tagi: , , , , ,
Kategorie: Bez kategorii

Zobacz również:

Komentarze do wpisu "Czcionka CSS" (dodaj swój »)

  1. Fajne.
    A pod IE7 beta 2 dzia?a jak najbardziej.

    OdpowiedzKtos , środa, 3 maj 2006 #

  2. Co do tego zastępowania CAPTCHA – i tak z Lynx-a nie będzie się da?o tego odczyta?…

    OdpowiedzMicha? Górny , czwartek, 4 maj 2006 #

  3. Nie mam ju? niestety ?adnego shella, więc nie sprawdzę, ale czy Lynx nie pokazywa? przypadkiem atrybutu "title"? Jeśli tak, to na swój sposób da się zobaczy? te literki… Ale to ma taki sam sens, jak podawanie dodawanie do grafik CAPTCHA atrybutu "alt". Wystarczy "nauczy?" jakiegoś robota odczytywania tego i ca?ą technikę mo?na sobie o kant… rozbi?.

    OdpowiedzTomasz „Alpha” Topa , czwartek, 4 maj 2006 #

  4. cssplay.co.uk w elinks: http://url.wiecek.biz/wj
    cssplay.co.uk w lynx: http://url.wiecek.biz/oku
    Alpha site w elinks: http://url.wiecek.biz/orfe

    Jak widac, w zadnym wypadku w tekstowej przegladarce czcionki ani widu, ani slychu ;)

    Odpowiedz?ukasz „WiLQ” Więcek , czwartek, 4 maj 2006 #

  5. Coś czcionki zniknęły :)

    OdpowiedzCezar (WWW), wtorek, 28 sie 2007 #


Najnowsze posty:


Najnowsze komentarze:

Pracoholik: Dlaczego Angry Birds? Bo tak naprawdę znaczna część osób decydujących się na zakup telefonu z androidem kupuje... więcej »

bbrother: Plus ostaatnio przesyła zeszyciki wypełnione.. kolorowankami o.O, krzyżowkami panoramicznymi i.. miejscem do... więcej »

Kamil: Ale jaja.Czy to jest jakaś akcja zorganizowana? więcej »

Reklama