Showing posts with label free web apps. Show all posts
Showing posts with label free web apps. Show all posts

Monday, July 5, 2021

CodePen - One of My New Favorites in 2021

I'm taking this week to recharge and get ready for the next session of the Practical Ed Tech Virtual Summer Camp. For the next few days I'm going to highlight some of my favorite new and new-to-me tools so far this year. 

CodePen is a site on which students can create web apps or modify existing web apps that others have added to the CodePen galleries. The neat thing about CodePen is that in real-time students can see how HTML, CSS, and Javascript are used together to create web apps. 

In the following short video I provide an overview of the basic features of CodePen. In the video I also show how students can use CodePen to tinker with web apps to learn about the functions on HTML, CSS, and Javascript in a web application. 



CodePen Free and Paid Plans
CodePen offers free and paid plans. My students and I have only used the free plan so far. The paid plan offers additional features that could be helpful to me in the future. Those features include Professor Mode and Collab Mode. Professor Mode would let me remotely watch my students' progress in real-time. Collab Mode would let me and my students collaborate on projects in real-time much like working in Google Docs. You can read more about CodePen's paid plans for educators right here

This post originally appeared on FreeTech4Teachers.com. If you see it elsewhere, it has been used without permission. Sites that regularly steal my (Richard Byrne's) work include CloudComputin and WayBetterSite. Featured image created by Richard Byrne using Canva.

Wednesday, March 8, 2017

Pixlr Web Apps - Image Editing At the Level You Need

Pixlr, an Autodesk product, offers three good tools for editing images in your web browser. All three of those tools can be accessed from the same page at Pixlr.com/web.

Pixlr-o-matic is basically Instagram for your web browser. You can crop your images and apply color filters including "retro" filters.

Pixlr Express provides easy-to-use tools to adjust the color, size, and shape of your images. Text overlays and basic image overlays can also be applied to your images in the Pixlr Express editor.

Pixlr Editor is the most robust of the three Pixlr web apps. Pixlr Editor lets you work with multiple layers and filters on your images. Of course, it includes all of the tools you would expect like for doing things like cropping, resizing, compressing, and changing image orientation. Take a look at the video below to see how the Pixlr Editor "magic wand" lets you cut out portions of an image.

Cutting Things Out with the Magic Wand & Lasso Tool from Pixlr on Vimeo.


Applications for Education
Like everything else in school, when it comes to using technology we all have different skills and different needs. Pixlr is a great option for image editing in your classroom because it offers tools to suit all skill levels.