SVG is Ready For Prime Time

Home » Blog » Design » SVG is Ready For Prime Time

At the very inspiring beyond tellerrand 2014 design conference that took place from 19 – 21 May this year in Düsseldorf (I’ll write another bit or two about this conference in the next few weeks), Chris Coyier (of CSS-Tricks fame) held an interesting talk on Scalable Vector Graphics aptly titled ‘SVG Is For Everybody’.

In this talk Chris explained that although SVG tends to be sidelined it’s quite ready for being used extensively today. To name but a few aspects:

  • SVG allows you to create graphics (such as logos, icons etc.) that scale automatically with the screen size. No more multiple images for different screen resolutions, devices and pixel densities. One SVG file fits all. In a word: True responsiveness!
  • SVG can be used inline in an HTML document. This interesting feature allows you to dynamically manipulate vector graphics with JavaScript and CSS just like you can do with any other DOM object.
  • More robust, accessible and semantically rich than icon fonts.
  • Works in every modern browser. Fallbacks for ancient browsers such as IE 6 through 8 are available.

A full video of his talk is available here.

I couldn’t find a textual summary for his talk at beyond tellerrand but there are a few good ones from An Event Apart in Seattle where he held the same talk:

You can also check out Chris’ article on Using SVG that goes into much more detail.

Leave a Comment

* Checkbox GDPR is required

*

I agree

By continuing to browse the site you agree to our use of cookies. Privacy Policy

Privacy Preference Center

Strictly necessary

These cookies are necessary for the site to function.

PHPSESSID: Preserves user session state across page requests.

__cfduid: Used by the content network, Cloudflare, to identify trusted web traffic.

PHPSESSID
__cfduid

Preferences

Remembers the user's submitted data when a comment is submitted in a blog post. The purpose is to aut o-populate form fields for subsequent comments, in order to save time for the user.

wfvt_#

Statistics

Statistic cookies help us to understand how visitors interact with our websites by collecting and reporting information anonymously.

_ga: Registers a unique ID that is used to generate statistical data on how the visitor uses the website.

_gat: Used by Google Analytics to throttle request rate.

_gid: Registers a unique ID that is used to generate statistical data on how the visitor uses the website.

collect: Used to send data to Google Analytics about the visitor's device and behaviour. Tracks the visitor across d evices and marketing channels.

_ga,_gat,_gid
collect

Security

We use Wordfence to secure our website against hacking attempts: https://www.wordfence.com/

wordfence_verifiedHuman

Close your account?

Your account will be closed and all data will be permanently deleted and cannot be recovered. Are you sure?