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 fontw 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 hackw 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 bajtw, 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 swj 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"

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

    Ktos , środa, 3 Maj 2006 #

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

    , 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 swj sposb 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?.

    Tomasz „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 ;)

    ?ukasz „WiLQ” Wi?cek , czwartek, 4 Maj 2006 #

  5. Co? czcionki znikn??y :)

    Cezar, wtorek, 28 Sie 2007 #

Najnowsze posty:


Najnowsze komentarze:

  • koko: Czesc wszystkim, a ja mam pytanie, mieszkam w uk i zalozylem pay pala,2 dni temu dokonalem tranzakcji i...
  • Meh: Witam, Patrz?c na recenzje w Amazon UK, ta nawigacja jest cieniutka. Jak jest z gubieniem sygna?u GPS? Bo na to...
  • janusz walecki: Kupi?em Router Netgear N600 WNDR3700v2 w celu wykonania domowej sieci Wi-fi. Obecnie korzystam z...
  • Andoru: Obecnie jak w??cz? gre online Nostale na tym netbooku to bardzo laguje mi j?, rwnie? flash player cz?sto si? za...
  • Andoru: Jestem posiadaczem tego netbooka. Bateria odstaj?ca mo?e i poprawia jako?? pisania, ale takie zamocowanie jej...
  • Robisz zakupy w internecie?
    Pomagaj ZA DARMO przy okazji
    4000 organizacji społecznych i ponad 900 sklepów