Forum dla administratorów stron WWW i developerów

Witaj!

AdminZone.pl to miejsce w którym możesz dowiedzieć się jak szybko i skutecznie wypromować swoją stronę WWW, zachęcić użytkowników do wypowiadania się i aktywnego udziału w życiu takiej strony.
Dołącz do naszej społeczności aby w pełni korzystać z usług oferowanych przez AdminZone.pl
Zaloguj się
lub
Zarejestruj się
 
Awatar użytkownika
Macsch15
Administrator
Posty: 1968
Rejestracja: 10 sie 2012, 16:12
Lokalizacja: Polska
Kontaktowanie:

Popularne loga i ikony w CSS3

Autor tematu

18 cze 2013, 22:58

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 :(


 
Awatar użytkownika
adrian218
Użytkownik
Posty: 1
Rejestracja: 03 lut 2013, 15:30
Lokalizacja: Słupsk
Kontaktowanie:

Re: Popularne loga i ikony w CSS3

19 cze 2013, 5:06

Nie no jestem pełen podziwu dla tych panów najbardziej robią wrażenie ikony z IOS


 
Awatar użytkownika
sebag23
Użytkownik
Posty: 128
Rejestracja: 23 lis 2012, 13:16
Lokalizacja: Bydgoszcz

Re: Popularne loga i ikony w CSS3

19 cze 2013, 12:43

U mnie na Aurorze (Firefox 23) wyświetla wszystko poprawnie


 
Awatar użytkownika
Macsch15
Administrator
Posty: 1968
Rejestracja: 10 sie 2012, 16:12
Lokalizacja: Polska
Kontaktowanie:

Re: Popularne loga i ikony w CSS3

Autor tematu

19 cze 2013, 15:51

sebag23 napisał/a:
U mnie na Aurorze (Firefox 23) wyświetla wszystko poprawnie


Ikony iOS też?


 
 
Awatar użytkownika
Macsch15
Administrator
Posty: 1968
Rejestracja: 10 sie 2012, 16:12
Lokalizacja: Polska
Kontaktowanie:

Re: Popularne loga i ikony w CSS3

Autor tematu

26 cze 2013, 7:39

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!


Kto jest online

Użytkownicy przeglądający to forum: Obecnie na forum nie ma żadnego zarejestrowanego użytkownika i 3 gości