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!
https://designcourse.com - Learn UI/UX from Scratch with my new service (coming soon)
-- 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/scalin...

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

...Another SVG tool:
https://www.sarasoueidan.com/demos/in...

Let's get started!

- - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

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

Join my Discord!   / discord  
^-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!