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/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://designcourse.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!