This post initially appeared on FreeTech4Teachers.com. If you see it somewhere else, it has been used without permission. Websites that routinely steal my (Richard Byrnes) work consist of CloudComputin and WayBetterSite.

CodePen is among my favorite websites for helping students find out how web apps are constructed. In reality, I like it so much that Ill be including it in among next weeks.
Practical Ed Tech Virtual Summer Camp webinars..

The concept of CodePen is that individuals can share the web apps that they establish and others can copy and customize those jobs. The cool feature of it from a mentor and finding out perspective is that you can see the how the CSS, HTML, and JavaScript work together. Edits made to the code are almost instantly carried-out for you to see..
Earlier today I received an email from CodePen that highlighted a couple of projects from the general public job gallery. One of those projects that leapt out to me was the Visualizer 3000 job. The Visualizer 3000 lets you create an image gallery that is shown in the form of a View-Master. A new image from your gallery is displayed each time you click on the deal with on the side of the View-Master..

The principle of CodePen is that people can share the web apps that they develop and others can copy and modify those projects. Earlier this week I got an e-mail from CodePen that highlighted a couple of jobs from the public job gallery. One of those jobs that jumped out to me was the Visualizer 3000 task.

As I pointed out above, CodePens format offers a great method for students to see how CSS, HTML, and JavaScript work together to form a web application. The Visualizer 3000 project could be a fun one for students to play with to alter the color pattern, add images of their own, or alter the variety of photos that rotate through the gallery.

Applications for Education.

Heres a video summary of how CodePen works.