Drawing Shapes Using HTML5 Canvas - Part 2: Drawing a Rectangle

In this lesson I will show you how to draw a rectangle using the HTML5 canvas. The process builds upon Lesson 1 where we created the canvas.

The process for drawing a rectangle is relatively straightforward but it does help to understand the canvas coordinate system and some simple geometry.

Coding Challenge: Use HTML, CSS and PHP to Create a Grid

In this coding challenge you need to use HTML, CSS and PHP to create a 10 x 10 grid pattern as shown below. The task is relatively straightforward but will get you using a combination of HTML, CSS and PHP to achieve the desired output.