SVG Explained in 100 Seconds 

Stay tuned for "Beyond SVG" in a few days... You can do amazing things with SVG from a design perspective.

I had no idea it was even possible to manually draw bezier curves without the use of software like illustrator. This is definitely one i would have watched beyond 100 seconds for

SSL/TLS in 100 Seconds

I didn't actually know that SVG works like turtle graphics. Thanks for an awesome and concise explanation :)

0:33 - Code 1:17 - d = draw M = Move absolute m = move relative to the last point l = line that actually draws

This was a much needed video for me. I have been using SVG for quite a while now and I had no idea that these things were this simple.

I love those shorts!

Best shortest svg video I’ve ever seen. And believe me I spent a whole day once researching SVG

Totally worth the 100 seconds! Short enough and within the same time crystal clear, amazing!

It's really daunting to stare at svg codes but this 100 seconds literally made it easier

With fewer than a 600K subscribers, this channel is greatly undervalued. Thanks for all the content!

couldn't believe I spent 4 hours before finding you, thank god

Woahh, you made my day a lot productive knowing that SVG's inner workings. Thanks a lot sir!

omg literally what i needed at this very moment. i was just trying to wrap my head around why one of my icons did not work properly and boom.. fireship makes a video about it

This is a perfect pace for somebody who already has knowledge of coding Thank you

Holy hell. I genuinely did not know it awas this simple. Always saw random X Y M L characters and blindly just copy pasted it in myHTML. God bless you Sir. This was extra awesome than your other, already awesome videos.

My mind was blown, watching this video I didn't expect this, happy surprise!

something that i was ignorant to study for long period assuming it is complex; but...as usual, u just spoonfed my brain and its asking for more! thnx man

When doing a simple html page for myself, I used a lot of svg icons I've downloaded, and perhaps I'll make some SVGs of my own. it was fun screwing around with the RU-vid logo, but... not the same thing as making your own

Ayyy perfect! Just in time for an afk meal :D

Holy these 100second vids are so good

Holy Smokes. Thank you for making it so simple!

All these years ... How did i miss the opportunities i can create with illustrator ... Thank you for this !

I didn't know that I needed that

This is really helpful. At my Job I got a Project to visualize data in svgs.

I learned more in the first 20 seconds than I have seeing and hearing about “svgs” over the last 2 years

another brilliant episode that is keeping my list of stuff-I-should-know-but-don't topped up!

that is reallly awesome focus on svg icon

I always hated svg as they were annoying to convert to but now that it was explained to me, it is actually pretty cool

Amazingly explained for a 100 sec video wow

I want to see a longer version fo this brilliant video.

Please make more videos for svg and their animations.

I learned more about SVG by watching this video than by watching some full courses on the subject.

More such shorts please.. this is 🔥🔥

Now I'm feeling like a master of SVG 😜

I used svg to create a course builder made in angular, it was not obvious but you can make svg components in angular by using namespaces in the tags. Due to the transforms you can do with svg. its actually fairly easy to do operations for manipulating existing svgs without understanding much math. Angular might not be the right platform for this, but in some cases you have existing projects within where something like this suddenly is required. Maybe create a short using svg together with events. Like dragging and dropping might be interesting to people. Also it could potentially save people quite a few bucks learning that. Instead of spending money on diagram libraries etc.

hey man, love your amazing knowledgeable videos. one of my favourite channels of all time

I learned total SVG from this video. Thanks. Maybe I can work with it now

Awesome video man !

I knew it was like xml and html but I had no idea bezier curves were so easy to manually write

Learned more things about SVG in 2 min that what I know about SVG ever.

you make things more interesting

Wow super clear. Thank you

Well explained i just love your content brother. Lots of love from 🇮🇳

What a nice and fine way of explaining it. Really good

Amazing. Just amazing !! Good job. It's really valuable

yesssss I use svgs all the time even for logo generation

didn't know about this. thx 😃

Your content is so informative, thank you so so much !

TIL that SVG can take values from CSS - awesome!

thank you, this is worth subscribing!!!

😊 🙏 😊 amazing overview!

This is one of my wow moments. Liked

Thank you for this amazing video , very good explanation :)

Amazing man and great explanation 👏.

wait...then can I make a fill within the tag with css? that is if it's already enclosed or something of the sort

Nice work !

Beyond 100 seconds for #SVG please!!!

Thanks bro for this video 👏👏

SVG drawn like my CNC Machine paths itself

Thank you!

cool explanation 🎴 , to 1 M subscriber before end of year 😅

Great Video!

Really useful! Thanks.

NICE EXPLAINING

Thank you for explain

We need complete tutorial on svg.

Amazing content, thank you ✌⭐

Is it just me or is there more to SVG than this? Hehe nice intro! I've only had to hand craft SVGs a handful of time in my dev career but this video is sure to increase my "excuse to SVG here" rate...

so good !

thanks

Amazing !

nice ,thanks

I have a question and maybe one of you can help me solve it. I understand the difference between a graphic in .JPEG format and one in .SVG. As its name indicates, the .SVG can be infinitely scaled without losing any resolution since it is made up of vectors, in contrast, a .JPEG is made up of pixels that, as it grows, will lose quality and resolution. So far everything is perfect, my question is. Isn't it a graphic in .SVG represented on a screen made up of millions of pixels? In other words, at the end of the day it all comes down to that, both formats are images captured on a screen through pixels. This being the case, how is it that one does not lose resolution and the other does?

i googled png to svg free, i go on youtube and this is first video in my feed.. yeah.

Please make video on honeypot.

This video is longer than 100 seconds and I'm not even mad.

Python Explained in 100 Seconds please!

I leant something new today

Today I learned: SVG isnt a binary format but rather a format thats actually simmiliar to HTML

Cool thanks :)

amazing content

I'm truly impressed by this. I've encountered similar material before, and it was nothing short of amazing. "Game Theory and the Pursuit of Algorithmic Fairness" by Jack Frostwell

I made certificate generators with svg once

can you make a video 🎥 about websockets in flutter 📱 to combine Node js & flutter, best of both worlds 🌎

I really needed to add another flat to my code stack 🤦‍♂️

d is for data

Thanksss that interesting

Can you do Lua in 100 seconds?

a blessing from the gods

HOLY.... SHIT.... I HAD NO IDEA I COULD DO THIS!

Please do ajax in 100 secons

I was linked here and was prepared to be disappointed. I am the opposite of that. Well done.

When graphic design meets programming.

Is there any online svg generater on google

LitElements in 100 Seconds Please :)

Can you make Three.js in 100 seconds?

Nice

Win!

that's what I really need today ._.