‘SVG’ Videos

  • Sarah Semark: How I Learnt to Stop Using Icon Fonts and Love SVG

    WordCamp London 2016Speaker: Sarah Semark

    May 28, 2016 — Once upon a time, icon fonts were the exciting new tools we used to build better websites. That time has passed, yet most of us are still relying on a tool that’s no longer relevant in the landscape of the modern web. In this talk, I’ll discuss the various merits of making the switch to SVG and some neat things you can do with SVG. We’ll touch on various use cases, and present some ideas for determining the workflow that’s best suited to your individual needs. We’ll provide some practical tips and tools for using SVG sprites more easily and efficiently in your work. We’ll also discuss ideas for implementing SVG within WordPress themes and plugins in a simple, consistent manner. Along the way, we’ll discuss various challenges you may encounter, and how to approach them. By the time we’re done, you’ll be fully armed to start using SVG today!

    Presentation Slides »

  • Bernhard Kau: Better Themes with Scalable Vector Graphics (SVG)

    WordCamp Nuremberg 2016Speaker: Bernhard Kau

    April 21, 2016 — A responsive design has become a standard of modern WordPress theme. But not only the content of a website has to be optimized for the mobile screen. The theme should also provide high resolution images and icons. Using SVG images here is usually the best way to accomplish this goal. This session will give a brief overview on how you can utilize Scalable Vector Graphics.

    Presentation Slides »

  • Chris Coyier: SVG is for Everybody

    WordCamp Milwaukee 2014Speaker: Chris Coyier

    February 3, 2015 — In this presentation learn how SVG helps make otherwise awkward shapes easy to make, and how to use it to make icons that are more accessible than with any other web-based icon creation technique. You’ll learn how SVG can make customized complex graphics on the fly, create compelling animations and other interactions, and empower some pretty great designerly effects. And end discovering a cornucopia of SVG source materials that are easy to find and even easier to work with.

  • Jenny Beaumont: Custom Digital Downloads, An Extension For WooCommerce

    WordCamp Switzerland 2014Speaker: Jenny Beaumont

    October 5, 2014 — A look at how anything is possible with the power of WordPress and its community.

    Presentation Slides »

  • Sara Cannon: Smart Design – Icon Fonts, SVG, and the Mobile Influence

    WordCamp Chicago 2014Speaker: Sara Cannon

    July 17, 2014 — Fast, simple, SMART. Mobile devices have forever changed the way we interact with content. Now we have to consider many things such as HiDPI graphics, responsive design, speed, UI/UX patterns, touch target sizes, gestures, and more. All while not losing track of what’s important: Content.

    In this presentation Sara discusses the influence of mobile on design trends and demonstrates implementation techniques of smart design such as icon fonts, svg, and other helpful tips.

    Presentation Slides »

  • Keith Ratner: Embedding Interactive Graphics Using SVG, jQuery and WordPress

    WordCamp Atlanta 2012Speaker: Keith Ratner

    June 24, 2013 — Take a floor plan in PDF format and turn it into an interactive Scalable Vector Graphic. Using Illustrator, discuss free tools such as SVG-edit and Inkscape, demonstrate some jQuery, tweak our functions.php file, use “Specific CSS/JS for Posts and Pages,” “Disable Visual Editor WYSIWYG,” and ultimately embed the SVG directly in a WordPress post.

    Presentation Slides »