Finally Figure out the SVG ViewBox – Tutorial + ViewBox Tools

http://www.linode.com/designcourse – Use code ‘DESIGNC19’ to get $20 credit on your new Linode account!
— Today, we’re going to put an end to the confusion around the SVG ViewBox attribute, which is perhaps the most confusing attribute in all of HTML! First, we’ll take a look at a great explanation and demo of the ViewBox in action, and then I will show you a tool that I created that allows you to use range sliders to position your *own* SVG elements with the ViewBox!

ViewBox Tutorial Mentioned:
https://wattenberger.com/guide/scaling-svg

My ViewBox Generator Tool:
https://codepen.io/designcourse/live/mdydjBa

…Another SVG tool:
https://www.sarasoueidan.com/demos/interactive-svg-coordinate-system/index.html

Let’s get started!

– – – – – – – – – – – – – – – – – – – – – –

Subscribe for NEW VIDEOS!

My site: https://coursetro.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro’s Twitter: http://twitter.com/designcoursecom

Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others

– – – – – – – – – – – – – – – – – – – – – –

Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Coursetro.com.

Come to my discord server or add me on social media and say Hi!

Post Author: hatefull