‘SVG’ Videos

  • Russell Heimlich: WP SVG – Working with SVGs in WordPress

    WordCamp San Antonio 2020Speaker: Russell Heimlich

    January 21, 2021 — Russell Heimlich has been wrangling the interwebz since the dawn of the century. By day he is a Senior Interactive Developer at nclud, a provocative creative agency. By night he is a small human co-wrangler of two daughters with the help from his partner in crime, Kristina. True to his name, he is capable of life-saving choking maneuvers for the greater human good. Milkshakes make him smile.

  • Joshua Giowaya: SVG for Everybody

    WordCamp Jacksonville 2019Speaker: Joshua Giowaya

    December 29, 2020 — In this talk, we will discuss the why, when, and how of using SVG’s (Scalable Vector Graphics) in your project. At code42, we decided to exclusively use SVG’s for iconography and logos across all our production websites. I will share what we learned throughout this process, the use cases, edge cases, best cases, and worst cases. Also, we will take an in-depth look at anatomy of an SVG. Finally, we will compare capabilities SVG vs .png, CSS, JavaScript. You will leave this talk excited and prepared to implement SVG’s in your next project.

  • Joshua Giowaya: SVG Vs Everybody

    WordCamp Asheville 2019Speaker: Joshua Giowaya

    August 6, 2019 — SVG may have been overlooked in the past due to poor browser support, however, SVG1.1 is now fully supported in all evergreen browsers. SVG is crisp on any screen, responsive by nature and is seriously cool, with nifty features like grouping, stoke and fill, and filters. Oh and the ability to easily animate, Who doesn’t love a good SVG animation?

    Even if you’ve never used SVG before, come learn how to get started with this amazing element. We’ll see what all those features actually do, we’ll look at how all that code in an SVG file draws a shape and best practices for formatting your SVG code.

    Takeaways:
    In this talk, we will discuss the why, when, and how of using SVG’s (Scalable Vector Graphics) in your project. At code42, we decided to exclusively use SVG’s for iconography and logos across all our production websites. I will share what we learned throughout this process, the use cases, edge cases, best cases, and worst cases. Also, we will take an in-depth look at the anatomy of an SVG. Finally, we will compare capabilities SVG vs .png, CSS, JavaScript. You will leave this talk excited and prepared to implement SVG’s in your next project.

  • Tom J Nowell: SVG’s Incredibly Secure, Definitely Not A Problem

    WordCamp Manchester 2018Speaker: Tom J Nowell

    July 30, 2019 — Tom J Nowell demonstrates potential vulnerabilities when using SVG files.

  • Daryll Doyle: Securing SVG Uploads in WordPress

    WordCamp London 2018Speaker: Daryll Doyle

    January 22, 2019 — In this talk I aim to explore some of the main issues that surround SVG uploads and why we’ve not seen this feature in WordPress yet. We’ll also look into why they need to be sanitised and the problems that can occur if we don’t properly secure them.

  • Sang-Min Yoon: SVG 101

    WordCamp D.C. 2017Speaker: Sang-Min Yoon

    November 15, 2017 — SVGs (Scalable Vector Graphics) are vector-based graphics in XML format and they are incredibly powerful way of displaying graphics on the web. This intro level talk will provide benefits of using SVGs on websites, tooling and workflow for SVGs and some neat things you can do with SVGs such as animations and styling.

  • Russell Heimlich WP SVG – Working with SVGs in WordPress

    WordCamp Baltimore 2017Speaker: Russell Heimlich

    October 19, 2017 — Scalable Vector Graphics are an ideal format for our multiscreen world with a dizzying array of resolutions. How can we work with SVGs in WordPress? What are the workflows and pitfalls of getting SVGs online? This talk will give you all the how and why of working with SVGs in WordPress.

    Presentation Slides »

  • Morgan Kay: Drawing With SVG

    WordCamp Seattle 2016Speaker: Morgan Kay

    August 7, 2017 — SVG (scalable vector graphics) can be a really powerful tool for creating dynamic content on your website. In this talk, I will show you how to make responsive animations with HTML and JavaScript, using rickriordan.com as a case study.

    Presentation Slides »

  • Jorge Aznar: SVG, vectorizando la web

    WordCamp Santander 2016Speaker: Jorge Aznar

    November 20, 2016 — SVG acaba de cumplir 15 años, de la mano de HTML5 ha sido rescatado del olvido para reducir el peso de nuestras imágenes y alejar los pixels de ellas.

    Presentation Slides »

  • Jacob Arriola: Getting Started With SVGs For WordPress Theme Building

    WordCamp Orange County 2016Speaker: Jacob Arriola

    August 15, 2016 — SVGs provide designers, developers and users with an array of benefits including performance, styling and animations. In this talk, theme developers will walk away with the benefits of using SVGs in their themes, understanding the different approaches to rendering SVGs, and adding some styles and animation to help bring sites and applications to life.

    Presentation Slides »