Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.

Huge thanks to Adobe for sponsoring CodePen this month! They are showcasing their excellent JavaScript library Snap.svg (“The JavaScript SVG library for the modern web.”).

Non-PRO users will see the ad on the homepage and the other various pages where we display the one ad we show. Notice it’s not just a static image or even an animated GIF, it’s an <svg> using Snap.svg itself! SVG is great for ads like this because it:

  1. Is scaleable to any size
  2. Is lightweight
  3. Can be animated
  4. Can contain accessible text
  5. Can be a link

If you want to play with the ad they have created, it’s on CodePen of course:

See the Pen Snap Display Ad by CJ Gammon (@cjgammon) on CodePen.