Making Future Interfaces: Inline SVG

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ธ.ค. 2024

ความคิดเห็น • 97

  • @DmitrySharabin
    @DmitrySharabin 5 ปีที่แล้ว +56

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

  • @christopherramos4666
    @christopherramos4666 5 ปีที่แล้ว +6

    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
    @idrisscasanovaidrisscasano3334 4 ปีที่แล้ว +2

    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

  • @siyaram2855
    @siyaram2855 2 ปีที่แล้ว

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

  • @charlotteathena
    @charlotteathena ปีที่แล้ว +1

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

    • @lucidattf
      @lucidattf 3 หลายเดือนก่อน

      oh hi charlotte :3

  • @Mostafaabobakr7
    @Mostafaabobakr7 5 ปีที่แล้ว +10

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

  • @YesJohnRambles
    @YesJohnRambles 5 ปีที่แล้ว +1

    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.

  • @perpetualgrimace
    @perpetualgrimace 5 ปีที่แล้ว +5

    Hilarious, entertaining, and educational. 💯

  • @Limberkind
    @Limberkind 5 ปีที่แล้ว +15

    Damn thats good! Keep it goin!

  • @dwightwatson2303
    @dwightwatson2303 5 ปีที่แล้ว +2

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

  • @arbitrandomuser
    @arbitrandomuser 2 ปีที่แล้ว

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

  • @acobster
    @acobster 3 ปีที่แล้ว

    0:20 I love a good Marshal McLuhan reference.

  • @mksybr
    @mksybr 4 ปีที่แล้ว

    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.

  • @NickSProud
    @NickSProud 5 ปีที่แล้ว +1

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

  • @carolmckay5152
    @carolmckay5152 4 ปีที่แล้ว

    Your mind is both beautiful and scary.

  • @BenRangel
    @BenRangel 2 ปีที่แล้ว

    Top tier edutainment, good sir

  • @fatjonrrapaj6834
    @fatjonrrapaj6834 3 ปีที่แล้ว

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

  • @JonMcLaren
    @JonMcLaren ปีที่แล้ว

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

  • @ernestogutierrez5684
    @ernestogutierrez5684 5 ปีที่แล้ว +1

    Went well with my morning cup of coffee this morning!

  • @JanneWolterbeek
    @JanneWolterbeek 5 ปีที่แล้ว

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

  • @jamesmanning6865
    @jamesmanning6865 4 ปีที่แล้ว +1

    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.

  • @yehudamakarov
    @yehudamakarov 4 หลายเดือนก่อน +1

    a phenomenal vid

  • @NightVisionOfficial
    @NightVisionOfficial 11 หลายเดือนก่อน

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

  • @lmorchard
    @lmorchard 5 ปีที่แล้ว +2

    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

  • @EduardAlexandru
    @EduardAlexandru 2 ปีที่แล้ว

    Thank you! I really enjoyed this nonsense!

  • @Rahnoldtv
    @Rahnoldtv 5 ปีที่แล้ว

    100/10, would watch again.

  • @littlehelpco
    @littlehelpco 8 หลายเดือนก่อน

    Love it. More please!

  • @0xlkda
    @0xlkda 4 ปีที่แล้ว

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

  • @DavidMermelstein
    @DavidMermelstein 5 ปีที่แล้ว +1

    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.

  • @DesignCourse
    @DesignCourse 5 ปีที่แล้ว +11

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

    • @maxtonasher7080
      @maxtonasher7080 3 ปีที่แล้ว

      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
      @emersontristen4080 3 ปีที่แล้ว

      @Maxton Asher Instablaster ;)

    • @maxtonasher7080
      @maxtonasher7080 3 ปีที่แล้ว

      @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
      @maxtonasher7080 3 ปีที่แล้ว

      @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
      @emersontristen4080 3 ปีที่แล้ว

      @Maxton Asher happy to help =)

  • @ashirashraf6462
    @ashirashraf6462 5 ปีที่แล้ว +1

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

  • @truejohnsolo
    @truejohnsolo 5 ปีที่แล้ว

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

  • @kaisander939
    @kaisander939 2 ปีที่แล้ว

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

  • @xphstos_
    @xphstos_ 5 ปีที่แล้ว

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

  • @TylerDickey1
    @TylerDickey1 5 ปีที่แล้ว

    Fantastic work, I look forward to more!

  • @DavidSparksMemphis
    @DavidSparksMemphis 5 ปีที่แล้ว

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

  • @Pi7on
    @Pi7on 4 ปีที่แล้ว

    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
      @heydonworks  4 ปีที่แล้ว +1

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

    • @Pi7on
      @Pi7on 4 ปีที่แล้ว

      @@heydonworks beautiful, thank you!

  • @UliTroyo
    @UliTroyo 3 ปีที่แล้ว

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

    • @UliTroyo
      @UliTroyo 3 ปีที่แล้ว

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

  • @filcondrat
    @filcondrat 5 ปีที่แล้ว

    this was entertaining af , great job!

  • @stas-web
    @stas-web 5 ปีที่แล้ว

    Cool stuff. Got hooked Instantly. Thanks.

  • @humanperson8418
    @humanperson8418 2 ปีที่แล้ว

    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
      @humanperson8418 2 ปีที่แล้ว

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

  • @alexchiu
    @alexchiu 5 ปีที่แล้ว

    Underated webdev channel

  • @waytospergtherebro
    @waytospergtherebro ปีที่แล้ว

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

    • @heydonworks
      @heydonworks  ปีที่แล้ว

      Developers in their late 30s?

  • @driziiD
    @driziiD 5 ปีที่แล้ว

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

  • @specialk8723
    @specialk8723 ปีที่แล้ว

    Where have you been all my life?

  • @IamEyalMarcosLevit
    @IamEyalMarcosLevit 2 ปีที่แล้ว +1

    The hot balloon joke was fantastic! Excellent tutorial!

  • @NeilvsZA
    @NeilvsZA 5 ปีที่แล้ว

    So funny, and helpful. Make more!!!

  • @jonghunpark1403
    @jonghunpark1403 5 ปีที่แล้ว

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

  • @gelotube
    @gelotube 5 ปีที่แล้ว

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

    • @heydonworks
      @heydonworks  5 ปีที่แล้ว

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

  • @sangio_davese
    @sangio_davese 5 ปีที่แล้ว +2

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

  • @trx.1034
    @trx.1034 5 หลายเดือนก่อน

    WALL MOUNTED RADIATOR

  • @xpkareem
    @xpkareem 2 ปีที่แล้ว

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

  • @CyberAcidPlanet
    @CyberAcidPlanet 5 ปีที่แล้ว

    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
      @heydonworks  5 ปีที่แล้ว

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

    • @CyberAcidPlanet
      @CyberAcidPlanet 5 ปีที่แล้ว

      @@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
      @heydonworks  5 ปีที่แล้ว

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

  • @Rasmik13
    @Rasmik13 3 ปีที่แล้ว

    😁 ha, you are good!

  • @TRedAlex
    @TRedAlex 4 ปีที่แล้ว

    awesome

  • @martinligabue
    @martinligabue 5 ปีที่แล้ว

    what was the end? lmao

    • @heydonworks
      @heydonworks  5 ปีที่แล้ว +1

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

  • @ogmol11
    @ogmol11 4 หลายเดือนก่อน

    inline SVG

  • @Rahnoldtv
    @Rahnoldtv 5 ปีที่แล้ว

    Dad? Dad.

  • @cebineca
    @cebineca 5 ปีที่แล้ว

    BEST!

  • @maximk7816
    @maximk7816 3 ปีที่แล้ว

    🤣🤣👍

  • @kristinonrina3802
    @kristinonrina3802 5 ปีที่แล้ว

    AirWolf! :D

  • @ntgdpl
    @ntgdpl 5 ปีที่แล้ว

    noice

  • @pedro_navarro
    @pedro_navarro 4 ปีที่แล้ว

    Young, therefore, arrogant...

  • @0EEVV0
    @0EEVV0 9 หลายเดือนก่อน

    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.

  • @mokhosh
    @mokhosh 4 ปีที่แล้ว

    you should have 3M not 3K

  • @driziiD
    @driziiD 5 ปีที่แล้ว

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

  • @MillDonald-g3p
    @MillDonald-g3p 3 หลายเดือนก่อน

    Lewis Helen Davis John Perez Anna

  • @CarolynKaplan-j2d
    @CarolynKaplan-j2d 2 หลายเดือนก่อน

    Hall Lisa Jackson Dorothy Davis Karen

  • @dotails
    @dotails 5 ปีที่แล้ว +1

    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
      @heydonworks  5 ปีที่แล้ว

      What

    • @dotails
      @dotails 5 ปีที่แล้ว

      @@heydonworks see 4:17

    • @heydonworks
      @heydonworks  5 ปีที่แล้ว

      @@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
      @dotails 5 ปีที่แล้ว

      @@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
    @jasonneel 5 ปีที่แล้ว

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