‘SVG’ Videos

  • Joshua Giowaya: SVG Vs Everybody

    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

    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

    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

    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

    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

    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

    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

    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 »

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

    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)

    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 »