Thanks a lot, for somebody with no background in coding being able to follow your instructions and actually do something feels like magic. Much appreciated.
You're my perfect target demographic then - someone who wants to do cool coding but who doesn't know coding. Spoiler alerts, I'm not a coder either. I know enough to get me in trouble and I share that with you.
I read a comment online today something to the effect of fantasy is when technology is seen as magic and sci-fi is when magic is accomplished through technology. Maybe good Canvas page design is a little of both? ¯\_(ツ)_/¯
This was very easy for me to follow, thank you! I would love to use DIVs to create simple tables. Do you have a video just focused on that? (Like to display links to different modules)
You're welcome! 😊 I think what you'll want if you are trying to replicate the functionality of a table in order to put content on the Canvas page would be bootstrap. It's a little bit complicated, but once the concept clicks it's truly the best approach right now to create responsive formatting on your Canvas pages. Check it out: www.howtocanvas.com/create-amazing-pages-in-canvas/bootstrap
I love learning from your videos, you make playing in HTML fun. This explanation of was super helpful, as sometimes I follow along and when I try to combine different suggestions, my pages won't quite work out. In that vein, could you tell me how I can add an image to the background of all of this so my text and my newly styled sits on top of a very transparent image I created. I've followed your How-to-Canvas video "Amazing Canvas Background Effects" but since I'm still new and 'playing' with html, I just can't quite switch from the Unsplash to a background image that I can add of this onto. If you are willing to share that code here, I'd be grateful!! Thank you for walking us through these tools- makes it easy to follow and fun.
What I would recommend is to upload your image to Canvas and insert it onto one of your pages. Then in the HTML editor grab the code for that image. Follow along with that th-cam.com/video/fK1W9JzR5qk/w-d-xo.html tutorial, but instead of pasting in the unsplash image, use the code for the image you uploaded. If it's still unclear, let me know and I might create a short form video on this channel showing how to do that.
I remember another video you did with media queries but can't remember which one. Anyway, can you combine media queries with the divs so that if the screen size is smaller it changes the div to 100% width or something like that. I guess that starts getting into flexbox styling but maybe this way would provide more control (?).
You can do that with inline styling. If you want it small for mobile screens and want to limit the width for large monitors or projectors, you could use style="width: 100%; max-width: 600px;". It will be either 100% or 600px - whichever is smaller. The opposite can be applied as well (min-width), but I've found fewer times when that is applicable in Canvas, as it's possible that would involve horizontal scrolling, which I try to avoid in Canvas.
Thanks a lot, for somebody with no background in coding being able to follow your instructions and actually do something feels like magic. Much appreciated.
You're my perfect target demographic then - someone who wants to do cool coding but who doesn't know coding. Spoiler alerts, I'm not a coder either. I know enough to get me in trouble and I share that with you.
Thanks again for understandable content.This video on divs was systematic and logical. I love your explanations.
I appreciate your feedback and support. This was a fun video that I've been wanting to do for a while now.
Thanks! it's really helpful!!!!!
I appreciate you so much! Thank you!
Thanks!
You bet! And thanks for your support!!
This is like magic, and one day I hope to be a wizard like you, Dr. Nufer!!
I read a comment online today something to the effect of fantasy is when technology is seen as magic and sci-fi is when magic is accomplished through technology. Maybe good Canvas page design is a little of both? ¯\_(ツ)_/¯
This was very easy for me to follow, thank you! I would love to use DIVs to create simple tables. Do you have a video just focused on that? (Like to display links to different modules)
You're welcome! 😊 I think what you'll want if you are trying to replicate the functionality of a table in order to put content on the Canvas page would be bootstrap. It's a little bit complicated, but once the concept clicks it's truly the best approach right now to create responsive formatting on your Canvas pages. Check it out: www.howtocanvas.com/create-amazing-pages-in-canvas/bootstrap
I love learning from your videos, you make playing in HTML fun. This explanation of was super helpful, as sometimes I follow along and when I try to combine different suggestions, my pages won't quite work out. In that vein, could you tell me how I can add an image to the background of all of this so my text and my newly styled sits on top of a very transparent image I created. I've followed your How-to-Canvas video "Amazing Canvas Background Effects" but since I'm still new and 'playing' with html, I just can't quite switch from the Unsplash to a background image that I can add of this onto. If you are willing to share that code here, I'd be grateful!! Thank you for walking us through these tools- makes it easy to follow and fun.
What I would recommend is to upload your image to Canvas and insert it onto one of your pages. Then in the HTML editor grab the code for that image. Follow along with that th-cam.com/video/fK1W9JzR5qk/w-d-xo.html tutorial, but instead of pasting in the unsplash image, use the code for the image you uploaded. If it's still unclear, let me know and I might create a short form video on this channel showing how to do that.
@@HowToCanvas Yes! Thank you. Got it, very excited. Did some Grid pages as well. Much appreciated.
I heard you can integrate canva into canvas. Do you have any how to videos?
Look at you, getting a shout out in my video showing you a couple of ways to do that: th-cam.com/video/FEmUYB9QiVA/w-d-xo.html
I remember another video you did with media queries but can't remember which one. Anyway, can you combine media queries with the divs so that if the screen size is smaller it changes the div to 100% width or something like that. I guess that starts getting into flexbox styling but maybe this way would provide more control (?).
You can do that with inline styling. If you want it small for mobile screens and want to limit the width for large monitors or projectors, you could use style="width: 100%; max-width: 600px;". It will be either 100% or 600px - whichever is smaller. The opposite can be applied as well (min-width), but I've found fewer times when that is applicable in Canvas, as it's possible that would involve horizontal scrolling, which I try to avoid in Canvas.