https://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: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro’s Twitter: http://twitter.com/designcoursecom
Join my Discord! https://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!
source
thank u ser
very nice man, i like it.
Download free Fonts and graphics :
https://www.fonts-patterns.com/
Join my channel for latest updates
guys, is this responsive in tablets/smartphones ?
Hi. You are doing a great job. Could you please put your code in codepen or codesandbox ?
What about responsive??
I like you, man. but out of curiosity how about importing all as a single SVG. what will be the cons of that.
Thank you.
how your brain run so fast ?
Why nobody show how to put this on shopify. I am depressed. How to put svg image on shopify
The small circles have exported way too big, they end up being the size of the web browser. Unsure on how to fix it. When scaling it down, it is in no way relative and easy. Understand what im doing wrong?
Anyone is having issues with importing the SVG in vs code?
How does that look on the mobile version?
The padding-bottom on the svg background doesn't give me room under instead is expanding the background. No idea why.
awesome
Thanks for this. How would you implement this in WordPress?
Hey help me bro
nice video
Why when I exported the left svg, it is super big? It's bigger than the background part.
That logo is too subtle ❤️
Does this work in react? I was getting corb error when trying to get an svg link from figma snd using it as a background
well this is very confusing
Can you please send me that blue SVG that you make?
Amazing Tutorial but I can't use pen tool correctly 😔😔😔
Can you please create an extension to this video and teach us how to convert this template to be responsive?
Thank you in advance!
what's the software you are using for this designing
At last I got it, was wondering how all this stuff was done
Cool interactive animated backgrounds:
http://activiotic.com/products/blob/
http://activiotic.com/products/fluid/
http://activiotic.com/products/pave/
http://activiotic.com/products/tube/
Very very disappointed, I really thought u will write the SVG code in html and not import it from some 3rd software
Nice work
Wow dude this is so cool! Please more videos like this. Absolutly loved it.
You look like Gordon Ramsay lmao
I know the video is pretty old but how would you scale the svg files for mobile devices? the 'background-size: cover' property will cause them to stay in the same position for every resolution.
Like it. You could use live server which auto updates. Very easy to install and use.
there is line effects on your gradient, how could i make it?
Thank you very much my friend, I am very grateful by your teaching. Receive a
cordial greeting from a venezuelan living in Chile
It will be really helpful if you can highlight on screen which key you're pressing along with clicks.
Hey Gary, thanks for your videos, i have been following you a lot. I have a question regarding an SVG background, im trying to make a full SVG background layout for my website, i made all the design on adobe XD and i don't know if i should export the whole background as an SVG and just set it as the website background and then write on top of it or if its better to export pieces of background and make the whole composition. The big problem there i have is when i'm trying to make it responsive, when background changes the size, the content gets messed up. what would you recommend me to do?
my svg images are not loading any help?
Hi! Im totally new to svg and this scares me a bit.
Im a frontend developer, but i never used tools such as illustrator before. My question is: is this necessary to learn svg? All of the examples i saw in tutorials expect learners to have this knowledge.
using a Wacom as a monitor…., you must be pretty rich.
If there are any beginners here who finds the stuff about http server a bit confusing or hard, just install the vs code extension called live server and then right click the HTML page and select open with live server.