Strona 1 z 1

Popularne loga i ikony w CSS3

: 18 cze 2013, 22:58
autor: Macsch15
Bchanx.com zaprezentował popularne loga (m.in Twitter, GitHub) napisane w samym CSS3.
http://www.bchanx.com/logos-in-pure-css-demo

Przykładowe logo Twittera stworzone przez @upperdog_se: http://labs.upperdog.se/twitter-logo-in-css/

Nicolas Gallagher stworzył zestaw 84 ikonek: http://nicolasgallagher.com/pure-css-gui-icons/demo/
Louis Harboe natomiast ikony z iOS: http://graphicpeel.com/cssiosicons
Azik Samarkandiy i kontroler Gameboy: http://codepen.io/html5web/pen/puGal

Animowane też nie są przeszkodą, przykładowo: http://one-div.com/pictos/ajax-loader/

Przeglądając je, można stwierdzić że nadejdą takie czasy gdzie strony WWW nie będą musiały się babrać z grafikami PNG. Będą zamiast nich gigantyczne pliki CSS. :)

PS: Wszystkie działają na Google Chrome, najnowszy Firefox 21 nie daje rady :(

Re: Popularne loga i ikony w CSS3

: 19 cze 2013, 5:06
autor: adrian218
Nie no jestem pełen podziwu dla tych panów najbardziej robią wrażenie ikony z IOS

Re: Popularne loga i ikony w CSS3

: 19 cze 2013, 12:43
autor: sebag23
U mnie na Aurorze (Firefox 23) wyświetla wszystko poprawnie

Re: Popularne loga i ikony w CSS3

: 19 cze 2013, 15:51
autor: Macsch15
sebag23 napisał/a:
U mnie na Aurorze (Firefox 23) wyświetla wszystko poprawnie


Ikony iOS też?

Re: Popularne loga i ikony w CSS3

: 20 cze 2013, 0:54
autor: Macsch15

Re: Popularne loga i ikony w CSS3

: 26 cze 2013, 7:39
autor: Macsch15
Macsch15 napisał/a:
PS: Wszystkie działają na Google Chrome, najnowszy Firefox 21 nie daje rady :(


Sprostowanie:

Błędy wyświetlana ikon iOS w Firefox są winą tylko autora. Pisząc je, uwzględnił tylko silnik webkit.
-webkit-border-bottom-left-radius, -webkit-box-shadow, -webkit-text-stroke itp...
Ignorant!