iOS Icons in reinem CSS

In: Netzschau

2 Jul 2010

graphicpeel.com CSS icons

Wow. Als CSS Unwissender fasziniert mich das wahnsinnig. Graphicpeel.com hat aus reinem CSS die Icons von Apples iOS nachgebaut. Wahnsinn was man da in Zukunft anstellen kann. In Zukunft? Ja. Denn heute sieht es optisch noch eher bescheiden aus wenn man nicht mit dem vorgesehenen Webkit basierten Safari auf die Seite geht.

Auf Googles Chrome sieht es nämlich weniger prickelnd aus, dafür sieht man ein wenig wie das ganze gelöst wurde. Wer näheres wissen will, soll sich den Artikel mal ansehen.

graphicpeel.com CSS Icons - Google Chrome

2 Responses to iOS Icons in reinem CSS

Avatar

Urs Müller

Juli 3rd, 2010 at 11:36

Hab mir das eben mal auch mit FF und Opera angeschaut, wie erwartet eher unbrauchbar.
Das Thema ist spannend von der Art der Lösungsmöglichkeit. Allerdings wäre es auch spannend, den Vor-/Nachteil in Sachen HTTP-Requests, Datenübertragungsmenge und des Renderingaufwands für den Browser zu kennen. Mein iBook beginnt auf jeden Fall schon wieder zu röcheln, als ob ich mir Flash zu Gemüte führen würde.

Avatar

fime

Juli 5th, 2010 at 23:30

Dein iBook ist ja auch nicht gerade State of the art ;) Ja die Konsequenzen wären sicherlich spannend. Wobei bspw bei Mobilgeräten länger je mehr die Übertragung (bandbreite und latenz) noch wichtiger ist. cpu power fürs rendering haben die ja noch grad genug. so eine Seite voll mit komplexen Icons ist ja nur ein proof of concept und nicht unbedingt erstrebenswert.

Comment Form

Photostream

    DSC_7519DSC_7498DSC_7507Uploaded - 31�810-2Uploaded - 31�810-1Minimalismus

Just because

Any Questions?