What are Scalable Vector Graphics 🤏? How are vector images different than raster images? Learn the fundamentals of SVG in 100 seconds!
Learn more about web design, SVG, and CSS in this tutorial:
References:
Star Wars Animation
Path Docs
#webdev #html #100SecondsOfCode
Install the quiz app 🤓
iOS
Android
Upgrade to Fireship PRO at
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
– Atom One Dark
– vscode-icons
– Fira Code Font
Stay tuned for "Beyond SVG" in a few days… You can do amazing things with SVG from a design perspective.
thankyou you saved my life
WOW
It always seemed strange to me that in such a structured xml-based language, the <path> tag just uses this weird string with its own mini language. The list of commands could easily have been child tags inside the <path> instead. I wonder why they decided to go this route.
Excellent man, it helped me a lot!
Well done 🥰👍👍❤️💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕
100 seconds about F#
when i start understanding, video ends🙄😶💀
Wow…
I find these so useful lol, would like in depth courses or tutorials from this page, cuz if they can provide this much information in 100 seconds, well
great way to flex tho, imagine your friend asking *hey, what vector software u use?, AI, COREL?, FIGMA, and ur just like "nah fam, notepad ++"
While yes it is simple, it's super time-consuming I assume.
Fun fact: Splines were actually invented in 1946
uninstalls inkscape
who needs apps when you have text editors
im actually doing this rn tho
Great video, helped me more than the other 10 minutes videos explaining SVG xd
bruh, i didn't even know svg could be used to draw stuff, i thought it was just an image lol. SVG's are seemingly simple at the surface yet beautifully complex under the hood.
holy shit, the "d" element in the path is exactly like Logo and its turtle. the more things change, etc
(anyone under 40 or so will prob have to google that)
I really needed to add another flat to my code stack 🤦♂️
You know what? I gaved up just by watching for 2 minutes. I got stun by those pen commands. Ima get the hell back to my LuaU world
I would love to see a beyond svg.
marvellous explanation😀
Amazing, I am using SVGs for many years without knowing how actually they are created.
bruh i didnt know vsc was a drawing software too!
Thanks bro for this video 👏👏
Cool thanks 🙂
U explain very good in short time, that's very good
One This Episode Of : What the actual Hell are you talking about??? This is NOT an easy video to understand. For someone who is not tech savvy, you might want to talk like a human being. This sounds like a video dialog written by ChatGPT.
"You can create SVGs with tools such as Figma or Illustrator." Uh, hello? What about Inkscape?!
ok well that explains the path tags cheers
from now on I'm a certified SVG programmer/developer:(
Straight to the point awesome!
I was linked here and was prepared to be disappointed. I am the opposite of that. Well done.
what a great explanation, thanks for sharing.
Не могу без тебя
Amazingly explained for a 100 sec video wow
This is really helpful. At my Job I got a Project to visualize data in svgs.
git hub //?
what font is that you use on the headlines? so good.
This is awesome. Thanks a lot
This looks hard and tedious, but I will look more into it.
You've basically explained it to me! Thank you!! 🙂👍 (Basically, it creates images which are good to be enlarged to any size.) 🙂
really well explained in 100 min thanks