HTML5 + UX: Customized Photo Cards

The HTML5 + UX 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

Table of content

• Introduction
  • Welcome
  • About the exercise files
  • Course and browser requirements
• Understanding the Project
  • Exploring what we’re going to build
  • Highlighting HTML5, CSS3, and JavaScript technologies
• Integrating User Selections
  • Creating the form
  • Uploading an image
• Managing Photos
  • Preparing the stage
  • Manipulating photos interactively
• Saving the Customized Photo Card
  • Revealing save options
  • Implementing the saving code
• Conclusion
  • Next steps

Rapidgator.net     

1. bit.ly/1uyjzBb