@1:25 I show a couple screen grabs from my upcoming retrowave music video where an early 80's coder uses JAVASCRIPT 0.1 to time travel to the year 2020! 😂 Check 'er out! More to come... Get me to 500k subs to reveal the video by subbing up!
"If there is any width and height attributes applied to the svg element I remove those, because it makes it 100% width and height of the browser". Thank you!
Thank you so much for posting this and also thanks o lots for the viewbox generator! You just got rid of my headache! By the way, I am one of your FC! : )
This is what I was looking for. SVG is so powerful yet so counterintuitive. One major stumbling block for me was that I couldn't get over how you had to paste these reams of svg code straight into your html file. That just couldnt' be right. Looked for ways around it but nope, you actually have to pasted forty pages worth of gibberish into the the file if you want to be able to control specific parts of it.
You need to make sure that the contents area of your SVG design, is the same as the invisible bounding box. You can try this manually, or let Inkscape do it for you. After that hidden variable is out of the way, things will run a lot saner.
I think a video showing the different ways of inserting an SVG file into the html would be cool. Because using it with the img tag, for example, doesn't allow the color css property to work.
You could at least name the talented lady who created the content you are using to get subscribers and ad time. Her name is Amelia Wattenberger, you can follow her on Twitter and she also has a podcast
@1:25 I show a couple screen grabs from my upcoming retrowave music video where an early 80's coder uses JAVASCRIPT 0.1 to time travel to the year 2020! 😂 Check 'er out! More to come... Get me to 500k subs to reveal the video by subbing up!
One time it took me 4 days to learn the 'B' in viewBox is capitalized...
"If there is any width and height attributes applied to the svg element I remove those, because it makes it 100% width and height of the browser". Thank you!
Thanks for share. I finally understood. Do you have some content on how to styling svg-colors using css? I'm struggle with it.
Thank you so much for posting this and also thanks o lots for the viewbox generator! You just got rid of my headache! By the way, I am one of your FC! : )
The tutorial starts @2:20
This is a very practical explanation of the viewbox. Thank you!
Somebody is getting in shape 👍🏻
Not my SVGs 🥺
This is what I was looking for. SVG is so powerful yet so counterintuitive.
One major stumbling block for me was that I couldn't get over how you had to paste these reams of svg code straight into your html file. That just couldnt' be right. Looked for ways around it but nope, you actually have to pasted forty pages worth of gibberish into the the file if you want to be able to control specific parts of it.
How did you make your intro, can you teach us?
You need to make sure that the contents area of your SVG design, is the same as the invisible bounding box. You can try this manually, or let Inkscape do it for you. After that hidden variable is out of the way, things will run a lot saner.
You are amazing this really helped me with a task on my plate to fix some whacky svgs on our website.
To anyone who still struggles to understand this, try looking up the "preserveAspectRatio" improve your understanding even more
this tool could have save me an hour ^^^
I think a video showing the different ways of inserting an SVG file into the html would be cool. Because using it with the img tag, for example, doesn't allow the color css property to work.
Syntax.fm did a podcast with Sarah soueidan about it and it's very useful check it out
@Generation Z Gamer I'll look for it then
Thanks man, this makes a lot of sense
Tutorial link broken, tool doesn't appear to work.... I guess too many years have passed and things have broken over time :(
okay but is there a way to scale it on one direction?
Great Tool, thanks Gary!
great video!
This is great. And when I saw the RUclips notification I already knew where the inspiration came from 😉
Beginner question. How to get the size (kb) reduced? Some svg's are really too big for webdesign.
Tweak your design to optimise it. There are file conpactifiers which can help too.
yeah I whipped this up in like 10 min cuz i'm a chad, and I'm not exaggerating at all.
total chad
How to position absolute SVG on RWD? Alsp how to draw SVG on scroll from top to bottom?
I'm pretty sure you can just set it to absolute with CSS like u normally do to any other element.
@@deps.. As an aside, keep in mind that if you include it with the tag, you'll all css properties, so they show be embedded in the code.
hi Gary! u are best!
thanks for the tool!!!
wow great video, thanks - and btw - how'd you get so good at coding? Any resources you could point me to?
Amazing stuff as always. Thank you!
why can't I just enter the numbers???? Like that slider is so delayed.
شكراً 💯
Hey please create a tutorial on Django. Please please please......🙏🙏🙏🙏🙏
You could at least name the talented lady who created the content you are using to get subscribers and ad time. Her name is Amelia Wattenberger, you can follow her on Twitter and she also has a podcast
Wonderfull keep do more videos. thank you
So cool 😎👌
Nice 💛
Cool...🤩🤩🤩
This is confusing af. I don't know why they didn't just do it top, left, width, height.
Good video...
Sorry, i didn't understand how to make it responsive(
can be a 2 minute video
Awesome
You safe me man
I wish you playing country
Not quite! 🤣
First for the First time