8.7: The Basics of CSS - p5.js Tutorial 

Oh, thank you for this excellent explanation!!

Same! Finished a Coding Bootcamp on Full Stack Web Development but really enjoy Dan’s videos and his style (pun intended) of teaching! Wish I had discovered this channel a few years back!!!

+Max Equation Take a look at resizeCanvas(): p5js.org/reference/#/p5/resizeCanvas

Thank you Sir.

Never mind. Ive doned this and is working : //CANVAS 1 var sketch = function(can1){ var gray = 0; can1.setup = function () { can1.createCanvas(300, 300); can1.background('red'); }; can1.draw = function () { can1.rect(can1.mouseX, can1.mouseY, 20, 20); //can1.rect(can1.width/2, can1.height/2, 200, 200); }; can1.mousePressed = function () { }; }; //CANVAS 2 var sketch2 = function(can2){ var gray = 0; can2.setup = function () { can2.createCanvas(300, 300); can2.background('blue'); }; can2.draw = function () { can2.ellipse(can2.mouseX, can2.mouseY, 50, 50); }; can2.mousePressed = function () { }; }; //CANVAS 3 var sketch3 = function(can3){ var gray = 0; can3.setup = function () { can3.createCanvas(300, 300); can3.background('green'); }; can3.draw = function () { can3.ellipse(can3.mouseX, can3.mouseY, 150, 150); }; can3.mousePressed = function () { }; }; new p5(sketch); new p5(sketch2); new p5(sketch3);

would you please let me know that?

Woah, how'd you figure that out?!

TheMinecrafter52 I would like to know too! If you find out could you let me know if Dan doesn't reply please :)

If you're talking about the code formatting and syntax highlighting those are settings in the editing software used, with some having options to specify what code you're writing etc and many, many options. Try setting the right language or looking for style preferences or something of the sort for formatting in the configuration. Not sure what editor you're using and I've mostly just use notepad++. If I'm wrong about what you're referring too ignore this. ;)

My videos are not about website design specifically but you will learn about coding for the web with JS, HTML, CSS.

p5 is just a JavaScript library so it's just JavaScript. Web pages also involve HTML and CSS for content, layout, and design.

yeah

anyone 2021

+Ryan Scharfer thank you!

thanks for sharing!