Highlighting HTML5, CSS3, and JavaScript technologies


show more Highlighting HTML5, CSS3, and JavaScript technologies provides you with in-depth training on Design. Taught by Joseph Lowery as part of the HTML5 Projects: Customized Photo Cards show less
please wait ...

Highlighting HTML5, CSS3, and JavaScript technologies

Before we start the actual creation of the project, let's talk about each of the key technologies being used. There are four HTML5 or related technologies that are involved in creating this project: File API, drag and drop, localStorage, and canvas. Let's start by taking a closer look at File API. The File API allows you to interact with local files on the client side, something that's never been possible before. This means you can preprocess files that are being uploaded, which in turn means that we can show thumbnails of files, limit the upload by file size or type, and even show a progress bar.

Moreover, you can also store files for offline work. There are three key related objects: File(), FileReader(), and the XMLHttpRequest() object. File, as you might imagine, provides information about the file itself, including name, file size, and MIME type. FileReader reads in and can display image data, like a thumbnail. It can also get and output file names. Moreover, it can work asyn...

Highlighting HTML5, CSS3, and JavaScript technologies
Video duration: 4m 28s 44m 20s Intermediate

Viewers:

Highlighting HTML5, CSS3, and JavaScript technologies provides you with in-depth training on Design. Taught by Joseph Lowery as part of the HTML5 Projects: Customized Photo Cards

Subjects:
Design Web
Software:
HTML JavaScript CSS
Author:
please wait ...