Dobra przeglądarka powinna zreprodukować samą siebie – Safari dla Apple Mac w CSS3 i HTML5

Posted on Marzec 18, 2010 by

Dobra przeglądarka powinna zreprodukować samą siebie, tak twierdzi autor strony http://general-metrics.com/Safari/. Udało mu się zbudować interfejs Safari dla Apple Mac używając jedynie HTML5 i CSS3. Nie jest to może idealna reprodukcja, pewne elementy wyraźnie się różnią od oryginalnego interfejsu Safari, muszę jednak przyznać, że efekt jest naprawdę niezły.

Widać wyraźnie, że znak „+” na przycisku przy pasku adresu jest innych rozmiarów niż ten oryginalny. Niezbyt dobrze wyglądają też znaki na przyciskach sterowania oknem. Warto jednak porównać efekt uzyskany w Safari z tym, jak niniejszą stronę wyświetla np. Firefox.

Sprawdźcie sami: http://general-metrics.com/Safari/

  • grafmarr

    Rzeczywiście ciekawostka. Jednak to, że nie wyświetla się ta strona prawidłowo w Firefoxie i nie tylko jest oczywiście zrozumiałe, w nagłówku jest informacja, że pracuje tylko z przeglądarkami opartymi na silniku Webkit dla Mac, a więc dobrze wyświetla się w Chrome, OmniWeb lub Shiira.

  • http://shwsite.org shw

    co do wygladu plusow itp. to kwestia czcionki. gosciu mogl powyciagac ikonki i powstawiac na zasadzie obrazkow. zamiast tego uzyl normalnych znakow „+”, „x” czy „▲” (te ostatnie przekrecil dzieki css). jak dla mnie impressive ze nie korzystajac z obrazkow mozna zrobic cos takiego