2012
Lynda.com
Joseph Lowery
44m 20s
English
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
Introduction 4m 35s
Welcome 49s
About the exercise files 1m 12s
Course and browser requirements 2m 34s
1. Understanding the Project 6m 36s
Exploring what we're going to build 2m 8s
Highlighting HTML5, CSS3, and JavaScript technologies 4m 28s
2. Integrating User Selections 12m 38s
Creating the form 6m 59s
Uploading an image 5m 39s
3. Managing Photos 14m 6s
Preparing the stage 7m 1s
Manipulating photos interactively 7m 5s
4. Saving the Customized Photo Card 6m 0s
Revealing save options 3m 45s
Implementing the saving code 2m 15s
Conclusion 25s
Next steps 25s
http://www.lynda.com/CSS-tutorials/HTML5-UX-Customized-Photo-Cards/110276-2.html
Download File Size:102.1 MB