2 Written ArticlesWebsite

I'm html5 & css3 enthusiast. I also specialize in back-end programming (oo PHP, MySQL). When not coding, amateur musician and writer. Currently freelancer at purplebreak.com. My twitter profile @przemek

26 Comments Best Comments First
  • Lisa

    Sunday, August 22nd, 2010 13:03

    3

    I just LOVE the iOS icons, thanks for posting them.

    +4
  • Saeed Neamati

    Monday, January 30th, 2012 11:28

    21

    I love these types of lists. You simply get lots of examples in one place, without searching much ;). In my opinion, Opera Logo is the masterpiece here. I think the level of CSS knowledge for producing it, is at not one, but many higher levels than an ordinary web designer.

    +2
  • Jeffrey Bennett

    Friday, October 28th, 2011 21:18

    18

    Something tells me it’s ironic that you can’t view the Internet Explorer logo using Internet Explorer… Great collection regardless!

    +1
  • jDesai

    Thursday, November 4th, 2010 05:23

    12

    This are extremely good.. Specially IE logo is mind blowing.

    +1
    • Alexander Yuen

      Monday, February 14th, 2011 14:52

      15

      Agreed. Think of how many gradients are in the IE logo. I love the iOS icons – they’re so realistic, I nearly don’t believe its CSS.

      0
  • Alan

    Wednesday, September 1st, 2010 03:40

    11

    Nice Posting, Great one

    +1
  • IsTI37

    Saturday, August 21st, 2010 11:32

    2

    Really nice.
    When I first saw what it’s possible with CSS I didn’t believed my eyes.
    The iOS icons impressed me the most.

    I must try to make my logo in CSS3.

    +1
  • Chris

    Monday, August 30th, 2010 17:28

    10

    While this is great and all, you REALLY need to proofread your articles. You have sentences that are missing at least 4 words, and you misspell “jQuery” multiple times.

    0
  • David

    Tuesday, August 24th, 2010 13:20

    9

    Fantastic examples, it just goes to show what can be achieved with CSS. Although i think cross-browser compatibility could be an issue as a logo needs to be consistent throughout….
    Thanks for posting.

    0
  • przemek

    Sunday, August 22nd, 2010 18:59

    4

    I like that you like it. @aaron: Android icon is well made. Keep up your site and gather more resources for designers.

    0
  • Jannie Nguyen

    Monday, August 23rd, 2010 16:03

    5

    thanks for sharing!!

    0
  • Tauren

    Tuesday, August 24th, 2010 06:29

    6

    The hacker in me thinks these are really amazing. I can totally respect the effort it must have taken to create these.

    But my practical side fails to understand the use for this on a typical website or web application. Even if all browsers supported this, it seems like the amount of markup required would exceed the size of a simple PNG icon file. I suppose one use would be if you need to scale them really large, or allow dynamic scaling. Still, I don’t see myself needing these.

    So if the objective is to do cool stuff with CSS3, well done to those who created these! If there are other good use cases for actual sites and webapps, please explain!

    Tauren

    0
    • stahlstift

      Tuesday, August 24th, 2010 08:49

      8

      Hey Tauren,

      think about a VectorGraphic (Inkscape, Illustrator) to CSS3 converter – that would mean no markup required for us coders and we could use images, that can scale in every direction. I am sure about the point, when css3 is accepted and used, there will be a converter :)

      Greetings,
      Markus

      0
  • Cary

    Saturday, December 4th, 2010 19:46

    13

    It is truly amazing the things you can do with CSS3. I would never have thought about creating icons using it. Normally I would have jumped into Photoshop to create these icons. I sure hope IE9 has full CSS3 compatibility. Even then, we’ll have to wait years before the web design world can use CSS3 without having to worry about Microsoft.

    0
  • Ralev

    Monday, February 13th, 2012 16:42

    23

    damn good collection :) I’ve no idea the twitter whale is a CSS?!

    0
  • Erhan Karadeniz

    Wednesday, December 21st, 2011 11:53

    20

    Just gave the BMW logo a try with CSS3 have a look at – http://ekar.ma/lab/css/

    0
    • Dainis Graveris

      Friday, July 20th, 2012 07:29

      26

      Woah nice job, Erhan! :)

      0
  • Tekaseo

    Wednesday, February 2nd, 2011 08:17

    14

    Nice, really amazing work….

    0
  • Pierre-Louis

    Monday, May 7th, 2012 09:45

    24

    Hi,

    Like the collection you created. Like Saeed said, (get it?!?) it’s nice to see a lot of creativity in one place. Do you know if there are some PSD versions of these vectors anywhere? I would like to try my hand at customizing them a bit? Or really, just any old PSD icons?

    0
    • John

      Tuesday, May 8th, 2012 04:54

      25

      Hi Pierre,
      Check on http://www.creattor.com, there you will find a lot of free vectors that have PSD files included.

      0
  • Jason Sims

    Monday, October 24th, 2011 20:47

    17

    Clever idea, and really nice work. This isn’t a practical use of CSS though. SVG is far better suited for this purpose.

    0
  • Alexander Yuen

    Monday, February 14th, 2011 14:53

    16

    Great results. Shame people using IE might not be able to see the IE icon.

    0
  • Eko

    Tuesday, August 24th, 2010 01:45

    7

    Amazing CSS, thanks for the inspiration

    -1
  • Niall

    Sunday, February 12th, 2012 03:13

    22

    Awesome stuff! I really like the IE and Opera logos.

    -1
  • aaron

    Saturday, August 21st, 2010 04:41

    1

    Great round-up! I am particularly fond of the Bahamas recreation. I have showcased a few of these on my website, as well as created an Android logo using pure css.

    The Peculiar Icons set is great and looks very similar to a set I’m working that will be up soon on my site.

    -1
  • Dan

    Friday, December 16th, 2011 15:52

    19

    A very nice and interesting collection! Congratulations!

    I think that you will be interested in my website, and maybe you could add it to this collection.

    Thanks

    -1
  • Pierre-Louis

    Monday, May 7th, 2012 09:45

    24

    Hi,

    Like the collection you created. Like Saeed said, (get it?!?) it’s nice to see a lot of creativity in one place. Do you know if there are some PSD versions of these vectors anywhere? I would like to try my hand at customizing them a bit? Or really, just any old PSD icons?

    0
    • John

      Tuesday, May 8th, 2012 04:54

      25

      Hi Pierre,
      Check on http://www.creattor.com, there you will find a lot of free vectors that have PSD files included.

      0
  • Ralev

    Monday, February 13th, 2012 16:42

    23

    damn good collection :) I’ve no idea the twitter whale is a CSS?!

    0
  • Niall

    Sunday, February 12th, 2012 03:13

    22

    Awesome stuff! I really like the IE and Opera logos.

    -1
  • Saeed Neamati

    Monday, January 30th, 2012 11:28

    21

    I love these types of lists. You simply get lots of examples in one place, without searching much ;). In my opinion, Opera Logo is the masterpiece here. I think the level of CSS knowledge for producing it, is at not one, but many higher levels than an ordinary web designer.

    +2
  • Erhan Karadeniz

    Wednesday, December 21st, 2011 11:53

    20

    Just gave the BMW logo a try with CSS3 have a look at – http://ekar.ma/lab/css/

    0
    • Dainis Graveris

      Friday, July 20th, 2012 07:29

      26

      Woah nice job, Erhan! :)

      0
  • Dan

    Friday, December 16th, 2011 15:52

    19

    A very nice and interesting collection! Congratulations!

    I think that you will be interested in my website, and maybe you could add it to this collection.

    Thanks

    -1
  • Jeffrey Bennett

    Friday, October 28th, 2011 21:18

    18

    Something tells me it’s ironic that you can’t view the Internet Explorer logo using Internet Explorer… Great collection regardless!

    +1
  • Jason Sims

    Monday, October 24th, 2011 20:47

    17

    Clever idea, and really nice work. This isn’t a practical use of CSS though. SVG is far better suited for this purpose.

    0
  • Alexander Yuen

    Monday, February 14th, 2011 14:53

    16

    Great results. Shame people using IE might not be able to see the IE icon.

    0
  • Tekaseo

    Wednesday, February 2nd, 2011 08:17

    14

    Nice, really amazing work….

    0
  • Cary

    Saturday, December 4th, 2010 19:46

    13

    It is truly amazing the things you can do with CSS3. I would never have thought about creating icons using it. Normally I would have jumped into Photoshop to create these icons. I sure hope IE9 has full CSS3 compatibility. Even then, we’ll have to wait years before the web design world can use CSS3 without having to worry about Microsoft.

    0
  • jDesai

    Thursday, November 4th, 2010 05:23

    12

    This are extremely good.. Specially IE logo is mind blowing.

    +1
    • Alexander Yuen

      Monday, February 14th, 2011 14:52

      15

      Agreed. Think of how many gradients are in the IE logo. I love the iOS icons – they’re so realistic, I nearly don’t believe its CSS.

      0
  • Alan

    Wednesday, September 1st, 2010 03:40

    11

    Nice Posting, Great one

    +1
  • Chris

    Monday, August 30th, 2010 17:28

    10

    While this is great and all, you REALLY need to proofread your articles. You have sentences that are missing at least 4 words, and you misspell “jQuery” multiple times.

    0
  • David

    Tuesday, August 24th, 2010 13:20

    9

    Fantastic examples, it just goes to show what can be achieved with CSS. Although i think cross-browser compatibility could be an issue as a logo needs to be consistent throughout….
    Thanks for posting.

    0
  • Eko

    Tuesday, August 24th, 2010 01:45

    7

    Amazing CSS, thanks for the inspiration

    -1
  • Tauren

    Tuesday, August 24th, 2010 06:29

    6

    The hacker in me thinks these are really amazing. I can totally respect the effort it must have taken to create these.

    But my practical side fails to understand the use for this on a typical website or web application. Even if all browsers supported this, it seems like the amount of markup required would exceed the size of a simple PNG icon file. I suppose one use would be if you need to scale them really large, or allow dynamic scaling. Still, I don’t see myself needing these.

    So if the objective is to do cool stuff with CSS3, well done to those who created these! If there are other good use cases for actual sites and webapps, please explain!

    Tauren

    0
    • stahlstift

      Tuesday, August 24th, 2010 08:49

      8

      Hey Tauren,

      think about a VectorGraphic (Inkscape, Illustrator) to CSS3 converter – that would mean no markup required for us coders and we could use images, that can scale in every direction. I am sure about the point, when css3 is accepted and used, there will be a converter :)

      Greetings,
      Markus

      0
  • Jannie Nguyen

    Monday, August 23rd, 2010 16:03

    5

    thanks for sharing!!

    0
  • przemek

    Sunday, August 22nd, 2010 18:59

    4

    I like that you like it. @aaron: Android icon is well made. Keep up your site and gather more resources for designers.

    0
  • Lisa

    Sunday, August 22nd, 2010 13:03

    3

    I just LOVE the iOS icons, thanks for posting them.

    +4
  • IsTI37

    Saturday, August 21st, 2010 11:32

    2

    Really nice.
    When I first saw what it’s possible with CSS I didn’t believed my eyes.
    The iOS icons impressed me the most.

    I must try to make my logo in CSS3.

    +1
  • aaron

    Saturday, August 21st, 2010 04:41

    1

    Great round-up! I am particularly fond of the Bahamas recreation. I have showcased a few of these on my website, as well as created an Android logo using pure css.

    The Peculiar Icons set is great and looks very similar to a set I’m working that will be up soon on my site.

    -1

Comments are closed.

54.204.127.191 - unknown - unknown - US