Making Future Interfaces: Inline SVG

[@DmitrySharabin]

You are a truly gifted person! Really informative. Made with excellent humor and great taste. Thank you!

[@christopherramos4666]

This is the best series out there, feels like I hit the jackpot with these videos haha. I’m looking forward to future videos. Keep up the work!

[@idrisscasanovaidrisscasano3334]

Alright man, You are official overqualified for this job. Well explained, great tricks, humor, suuuuuuuper well done and graphics and slides make it super esay to understand. Subbed

[@dwightwatson2303]

This is fantastic - genuinely educational and great sense of humour. Hope to see more of these!

[@charlotteathena]

really cool of you to put screen readers front-and-centre like that :)

[@lucidattf]

oh hi charlotte :3

[@YesJohnRambles]

Cracking video and excellent advice. I have just led the redesign of a mobile interface that makes extensive use of SVG's. It's a complete revelation.

[@mksybr]

Subscribed! Great video. SVG ROCKS! Great taste, informative, funny and well paced. Couldnt give it higher praise and if you made more I would love it.

[@Mostafaabobakr7]

"Drop to the floor and roll backwards out of the room " Ninja turtles

[@siyaram2855]

Please don't stop making videos. World need people like you.

[@arbitrandomuser]

The browser and its API are such powerfull tools ive never given a second thought about . Thanks for the amazing content and information

[@perpetualgrimace]

Hilarious, entertaining, and educational. 💯

[@Limberkind]

Damn thats good! Keep it goin!

[@NickSProud]

I liked the bits where you told me and showed me stuff!

[@acobster]

0:20 I love a good Marshal McLuhan reference.

[@fatjonrrapaj6834]

Rarely do I subscribe on a channel after watching only 3 min of a video, but well done sir! I subbed

[@BenRangel]

Top tier edutainment, good sir

[@ernestogutierrez5684]

Went well with my morning cup of coffee this morning!

[@JanneWolterbeek]

I found this via the sidebar.io newsletter. This is good. Humor. Animation. Value of content. So good. I subscribed. Immediately.

[@jamesmanning6865]

I think 2:35 is one of the most absurdly strange things I've ever heard in a tutorial. I laughed for solid 20 minutes.

[@xphstos_]

I love you dude! Every video of you makes my whole day!!!

[@yehudamakarov]

a phenomenal vid

[@lmorchard]

FWIW, with a Canvas, you can also grab a data URL representation of current contents via the .toDataURL() method. But, of course, that will be a PNG encoded as a base64'd pile of line noise

[@0xlkda]

Holyshit bro, did you smoke when gifted this awesome mindblown video

[@ashirashraf6462]

thank you. i m a beginner. and this has helped me immensely.

[@carolmckay5152]

Your mind is both beautiful and scary.

[@JonMcLaren]

Laughed so hard at the sarah SVG joke even before he explained it because i knew exactly what he was talking about.

[@Rahnoldtv]

100/10, would watch again.

[@littlehelpco]

Love it. More please!

[@truejohnsolo]

Won me over with the smashing pumpkins reference, hands down 👏

[@TylerDickey1]

Fantastic work, I look forward to more!

[@EduardAlexandru]

Thank you! I really enjoyed this nonsense!

[@UliTroyo]

6:54 My mind totally obliterated here with being able to specify path d attributes with CSS. I had no idea!

[@UliTroyo]

9:05 blew my mind again with downloading svgs THIS EASILY.

[@NightVisionOfficial]

*Enhance* *proceeds to convert a 720p image into an infinite quality SVG*

[@Pi7on]

Loved the video man, you deserve way more subs! Also, PLEASE tell me there's a longer version of the outro song🙏🙏🙏🙏 that shit is amazing!

[@heydonworks]

Thanks! Here's a version that starts with my remake of the 2001 theme: soundcloud.com/heydonworks/2001airwolfmodem

[@Pi7on]

@@heydonworks beautiful, thank you!

[@filcondrat]

this was entertaining af , great job!

[@alexchiu]

Underated webdev channel

[@kaisander939]

thanks. that was interesting. i already use svg inside html, but i didnt knew this is possible.

[@DavidSparksMemphis]

Keep making these MFI videos, they're awesome and funny.

[@driziiD]

"pixel perfection" 😂1:13 that voice is sending me 😂

[@DesignCourse]

Oohhh, a positive atheist, living dangerously! Good video.

[@maxtonasher7080]

I dont mean to be off topic but does someone know a tool to get back into an instagram account? I was stupid lost my login password. I would love any help you can offer me

[@emersontristen4080]

@Maxton Asher Instablaster ;)

[@maxtonasher7080]

@Emerson Tristen thanks for your reply. I found the site through google and im waiting for the hacking stuff now. Takes a while so I will reply here later with my results.

[@maxtonasher7080]

@Emerson Tristen It did the trick and I now got access to my account again. Im so happy! Thanks so much you really help me out!

[@emersontristen4080]

@Maxton Asher happy to help =)

[@stas-web]

Cool stuff. Got hooked Instantly. Thanks.

[@jonghunpark1403]

Haha it's very very helpful. Keep up the good work!

[@gelotube]

Sense of humor in a code tutorial 🤘 Btw, can anyone tell me what’s the song at the end of the video?

[@heydonworks]

It's a reimagining of the Airwolf theme tune, featuring a vocoded modem.

[@humanperson8418]

3:02: isn't viewBox the unit? Each 'viewBox' can then be broken down into 10 'rows' and 'columns' Also, did you say 'intgers'?

[@humanperson8418]

Sorry if I was a little critical. This was a pretty great video.

[@NeilvsZA]

So funny, and helpful. Make more!!!

[@DavidMermelstein]

Made me laugh. Made me smile. Educated me. Head doesn't hurt. 10 finger rating. Svgs, but for iOS use Swift or Android Vector Drawable code when possible.

[@IamEyalMarcosLevit]

The hot balloon joke was fantastic! Excellent tutorial!

[@xpkareem]

Hilarious. One question: why isn't Léonie named Sarah?

[@specialk8723]

Where have you been all my life?

[@CyberAcidPlanet]

There's a slight incorrectness there in sence of styling SVG. You can always style SVG, but you can't style image. For example if you embed SVG with a tag then it will be stylable, but with that's not possible.

[@heydonworks]

Unclear. You can't style the internals of an of an SVG from the host page.

[@CyberAcidPlanet]

@@heydonworks Correct, you can't style img nor background-image, but you can style SVG. It doesn't have to be inlined to be styled, that's a common misconception. External SVG can be styled with CSS cutstom properties and even be animated that way.

[@heydonworks]

@@CyberAcidPlanet Yes, from within the external SVG. Unless you mean by using (which has some limitations), but that's not the same as using .

[@TRedAlex]

awesome

[@sangio_davese]

All the Sara(h)s! It’s so true.

[@waytospergtherebro]

Millennial React developers discovering the SVG spec they refused to read when they came up with Webpack.

[@heydonworks]

Developers in their late 30s?

[@martinligabue]

what was the end? lmao

[@heydonworks]

My cover of the Airwolf theme tune, featuring a vocoded modem.

[@trx.1034]

WALL MOUNTED RADIATOR

[@Rasmik13]

😁 ha, you are good!

[@cebineca]

BEST!

[@Rahnoldtv]

Dad? Dad.

[@ogmol11]

inline SVG

[@kristinonrina3802]

AirWolf! :D

[@ntgdpl]

noice

[@maximk7816]

🤣🤣👍

[@mokhosh]

you should have 3M not 3K

[@pedro_navarro]

Young, therefore, arrogant...

[@heydonworks]

I'm 38

[@0EEVV0]

Beware lest any man spoil you through philosophy and vain deceit, after the tradition of men, after the rudiments of the world, and not after Christ.

[@MillDonald-g3p]

Lewis Helen Davis John Perez Anna

[@driziiD]

lol, just google "sarah svg" ^ he's right

[@CarolynKaplan-j2d]

Hall Lisa Jackson Dorothy Davis Karen

[@dotails]

A better disclaimer would have been "God is actually intelligent as evidenced by DNA so would not make this mistake but it was funny so I spoke inaccurate nonsense for a quick laugh so people will upvote my video and give me a sense of purpose because I doubt God's purpose for my life." Or whatever.

[@heydonworks]

What

[@dotails]

@@heydonworks see 4:17

[@heydonworks]

@@dotails I found no evidence of God's influence on my DNA at 4:17 in this video, or elsewhere in the last 2000 years of human history.

[@dotails]

@@heydonworks Ah well its not a matter of history but biology I recommend the research on the topic on a fasinating basis. Proteins' chicken/egg issue plus the specified complexity in the instructive language is just compelling. I'd prefer there was no God because then I could be my own boss but I couldn't commit cognitive dissonance to ignore the data. I'm not telling you what to do but its obviously false to claim "there is NO evidence"

[@jasonneel]

Please, no more Billy Corgan. Other than that, 👍.