Meta Refresh 2018

Meta Refresh 2018

The web in your pocket



Journey towards SVG Ninja Land

Submitted Sep 30, 2017

SVG is one of the most powerful but under-utilised tool of the modern web. This talk would focus on utilising the power of SVGs beyond using them as static images and background images.



  1. SVG Very Very Basics
  2. Shapes/Tags Available (eg. circle, polyline, line, etc)
  3. Fills and strokes
  4. Icon Fonts Vs SVG and SVG Spriting
  5. SVG Scaling: SVG Viewport and values for preserveAspectRatio
  6. SVG Animation using CSS
  7. SVG Filters
  8. Using SVG Creatively in your project
  9. SVG optimisation techniques at design level

Slides to be updated soon!


  1. Basic HTML & CSS knowledge
  2. An Open Mind.

Speaker bio

Prashant Sani is a freelance front-end developer with an experience of over 5 years. He primarily works on utilising the power of HTML, CSS, SVG and JavaScript to create responsive and interactive website experiences.



{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}