Comments on Practical SVG

12 Reader Comments

Back to the Article
  1. Nitpicking perhaps, but…it would be nice to see some alternative text love given to some of those examples, particularly when they’re not purely decorative images.

    Copy & paste the code below to embed this comment.
  2. Thanks for all the great tips! I’m becoming a huge fan and supporter of svg. The responsive logo idea is absolutely genius. Brilliant article!

    Copy & paste the code below to embed this comment.
  3. I created a responsive logo for one of my sites(affily.io) although i added a bit of space dust to it and used a short opacity transition which is triggered by a query. As the logo has embedded symbol in it, when you put the phone on landscape mode the full logo becomes visible.
    It’s really a small detail and probably a small % of people will notice it, but it does feel really good to play with it now and change the rotation of the phone. :)

    Can’t wait for the animation follow up of this post!

    Copy & paste the code below to embed this comment.
  4. Thanks for all the great tips! I’m becoming a huge fan and supporter of svg. The responsive logo idea is absolutely genius. Brilliant article!

    Ha, I definitely wasn’t a big fan of .svg at first, but it’s really starting to grow on me as I learn more and more about what you can do with it :)

    Copy & paste the code below to embed this comment.
  5. One thing I’ve learned the painful way is that you should never have your icons touching the edge of the artboard directly. Always leave some spacing. The reason for this is that if a curve is touching the edge, it will be cut off when resized downwards on devices that aren’t extremely high resolution.

    This isn’t a problem with straight lines, but I find that the easiest way to remember is to do it every time.

    Copy & paste the code below to embed this comment.
  6. information about css and html code that is very helpful for me who is studying deeper .. keep working , thanks to quality article..Harga Sepatu Futsal

    Copy & paste the code below to embed this comment.
  7. Great work and truly hard to do but it looks very nice finally.

    Copy & paste the code below to embed this comment.
  8. The only downside is that some browsers are still not supporting SVG.

    Copy & paste the code below to embed this comment.
  9. SVG’s ability to scale up and down without a loss in quality is a really awesome feature though.

    Copy & paste the code below to embed this comment.
  10. Thanks for the great article. The tips contained within are immensely helpful.

    Copy & paste the code below to embed this comment.
  11. Great Article, I like to use the view box preserve ratio attributes on
    one of my websites coastalmediabrand.com

    Copy & paste the code below to embed this comment.
  12. SVG is still a struggle for some. Good to see progress being made in the responsive web design area. I’ll be sure to source you in my next article at http://www.surfsideweb.com

    Copy & paste the code below to embed this comment.
  13. Sorry, commenting is closed on this article.