Creative SVG Backgrounds for Modern Web Design

566,856
0
Published 2018-04-24
coursetro.com/ -- In this tutorial, I show you how to create creative SVG backgrounds and then how to integrate them via HTML and CSS. Enjoy this quicky!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS weekly!


My site: designcourse.com/
My personal FB account: fb.com/logodesigner
Coursetro FB: fb.com/coursetro
Coursetro's Twitter: twitter.com/designcoursecom

Join my Discord! discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Coursetro.com.

Come to my discord server or add me on social media and say Hi!

All Comments (21)
  • There’s actually a VS Code extension named Live Server that’s pretty cool.
  • @kurilpratik
    I always wanted to know how some websites had different sections with the whitespace cut in creative ways! I just didn't know what to search for! Now I do! Thanks to you! :)
  • Sir, I am beyond thankful for this tutorial. I know how to make normal designs using HTML and CSS and I know a little about SVG's, but I didn't know how to use them. I see all these amazing vector designs on dribbble and other platforms, and I know how to convert regular PSD files, but I never knew how to do the vector thing until this very moment. Turns out you only need to export the design into SVG and then code it in HTML. I now have a much clearer picture of how I want to make my designs. Thanks a lot man!
  • @adnanamin3666
    Love your videos. It's easy to understand and perfect for beginners like us. You describe every step very detailed and that's the most important thing to me when I learn something new from you. Love you, sir! :)
  • @tcroft
    OMG I’ve been looking for this for like 3 months, I owe you my sanity
  • Beauuutiful. Thank you for sharing. Never thought it'll be so easy
  • @caybokotze
    You amazing man. I've been looking for a tutorial like this for months. Even payed a lot for a theme to see how they did it. Turns out they didn't use svg. Just a static image.
  • @tonycaterev1341
    This is probably the tutorial, that is going to change my future FD approaches :D
  • @MinBen
    firstly I would like to wish you well and to say a huge thank you for uploading these videos as they have been an invaluable resource to
  • @seofilipino
    TIP: In illustrator, when you replicate an element with the same space horizontally or vertically, just alt+drag(copy) the element, then hit CTRL+D several times as this will replicate throughout your artboard.
  • @ezeikel
    Always wondered how this was done. Thanks for the video!
  • @Gabriel-cd5jx
    Wow dude this is so cool! Please more videos like this. Absolutly loved it.
  • @maskman4821
    This is an awesome tutorial on creating UI from scratch and converting them to html, css!!! Thank you so much Mr. Simon!!!
  • @zoommair
    Not even a minute it and already hitting that like button, this is going to be goood!
  • @AlexTechie
    Whenever I see a website using a Bézier curve, I think of you, Gary. 👍
  • @GilFavor101
    Fun video, good for learning a bit more about the VSCode editor for newberts like me, thanks for making it : )