Joshua Giowaya: SVG Vs Everybody

Continue the discussion

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Published

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.

Rate this:

Event

WordCamp Asheville 2019 34

Speakers

Joshua Giowaya 3

Tags

SVG 14

Language

English 8313

Download
MP4: Low, Med, High
OGG: Low
Subtitles
Subtitle this video →
Producer
%d bloggers like this: