What are Scalable Vector Graphics π€? How are vector photos totally different than raster photos? Be taught the basics of SVG in 100 seconds!
Be taught extra about internet design, SVG, and CSS on this tutorial: https://fireship.io/classes/css-cards-animated/
References:
Star Wars Animation https://codepen.io/nerdmanship/pen/ZLoyPG
Path Docs https://developer.mozilla.org/en-US/docs/Net/SVG/Tutorial/Paths
#webdev #html #100SecondsOfCode
Set up the quiz app π€
iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/retailer/apps/particulars?id=io.fireship.quizapp
Improve to Fireship PRO at https://fireship.io/professional
Use code lORhwXd2 for 25% off your first cost.
My VS Code Theme
– Atom One Darkish
– vscode-icons
– Fira Code Font
source
Stay tuned for "Beyond SVG" in a few days… You can do amazing things with SVG from a design perspective.
loved this video, learned really fast!!
We need complete tutorial on svg.
I am disappointed that you've omitted Inkscape as a tool for creating SVG files. SVG is the native file format for Inkscape. It's a fully featured, open-source vector graphics program.
Awesome π
Holy Smokes. Thank you for making it so simple!
Awesome content ππ
I am really appreciate the series. I wish if your team can release a 'ADA in 100 seconds' since I do love that language
Thankyou so much !
Totally worth the 100 seconds! Short enough and within the same time crystal clear, amazing!
couldn't believe I spent 4 hours before finding you, thank god
how to change vs code font to fira code font
Awesome video! A lot of videos didnβt explain it as well even in 20 minutes.
You are a Boss!
can you please do "Perl in 100 seconds"? thank you <3
I had no idea the inside of an svg file was just markup. This opens the door to so many possibilities
it's drawing by writing text . best thing invented for the world. free to use. doesn't need any software only your browser for displaying it. the art of programming. everybody should use it.
Mathematics Just became more fun
SVG drawn like my CNC Machine paths itself
Like the turtle python library?
Can you do Lua in 100 seconds?
Today I learned: SVG isnt a binary format but rather a format thats actually simmiliar to HTML
I can say, I've watched this before and coming back to this after hitting my head on the wall with svgs, I realised that this has a lot of info.
One thing being the shapes.
No more css circle hack from now on.
SVG
Video: 100s (1:40) β 139 or 140(2:19 or 2:29)
Me: Bully Simpsons Character "HaHa!π" Really?
It most useful for me
what is the music?
New subscriber, your videos are simply as cool as they are entertaining and educational.
Just stumbled on this channel and ended up subscribing because I like the 100 seconds concept of high-quality content.
wow
When graphic design meets programming.
I can't even draw BΓ©zier curves with illustrator…
Thank you for this amazing video , very good explanation π
I leant something new today
x3dom explained in 100seconds!
https://www.youtube.com/watch?v=gy8N08_OE00 animation TOP 3 canvas
what is the music????????????