HTML5 Projects: Customized Photo Cards

with Joseph Lowery
please wait ...
HTML5 Projects: Customized Photo Cards
Video duration: 0s 44m 20s Intermediate


The HTML5 Projects series puts HTML5, CSS3, and recent JavaScript API technologies to work—enhancing your web projects with interactivity and multimedia. This first installment shows you how to build an online application for creating personalized photo cards with user-uploaded imagery. Author Joseph Lowery shows how to create the form interface and introduces HTML5 features such as drag-and-drop file upload and interactive image manipulation.

Topics include:
  • Creating a form
  • Uploading images
  • Preparing the stage
  • Manipulating photos interactively
  • Saving photo cards
Design Web
HTML JavaScript CSS


- [Voiceover] Hi, Joe Lowery here, to welcome you to HTML5 Projects Customized Photo Cards. This course brings several major players from the HTML5 scene onto the stage. First, we'll set up a cutting edge file upload system. Once the files have been transferred, your site visitors will be able to interactively manipulate them by resizing, reshaping, and repositioning them. And what good's a custom image, if you can't show it to your friends? We'll close off the course by making it possible to save the customized imagery so it can be shared however you like.

This course is sure to get your UX juices flowing, when you see what you can do with the latest HTML5 and JavaScript API technologies. Let's get to it.

please wait ...