A short introduction that takes the viewer from a graphic asset created using Photoshop, and shows them how to slice it up and produce an HTML5 ready, reusable asset that can be included in any web project.

Introduction
Assumptions
Software
A first look at the slice tool
A better way of dividing slices
Re-joining unwanted slices
Setting slice options
Creating the output
A quick look at the output produced
Summary
Start playing at first clip Working with HTML5 Layout
Introduction
Remembering what got produced

What is HTML5

Intro to semantics

The new HTML5 tags

HTML5 Document Structure

CSS3 Changes

Analizing the document produced by Photoshop

Tidying the HTML (round 1)

Tidying the HTML (round 2)

Refactoring the CSS

Nth Child Selectors

Continuing with the CSS tidying

Fixing up the parent container and text area

Reviewing what we just did

Summary

Uploaded
http://uploaded.net/file/ckorp0i6/Generating_HTML5_Layouts_Using_Photoshop.part1.rar
http://uploaded.net/file/p0ru76v2/Generating_HTML5_Layouts_Using_Photoshop.part2.rar

Ryushare
http://ryushare.com/4e4eb7ee135a/Generating_HTML5_Layouts_Using_Photoshop.part1.rar
http://ryushare.com/4d65e34a56d2/Generating_HTML5_Layouts_Using_Photoshop.part2.rar

Rapidgator
http://rapidgator.net/file/5ee809b0f5bc1585da643a1634e42840/Generating_HTML5_Layouts_Using_Photoshop.part1.rar.html
http://rapidgator.net/file/f8ab07684f2f1bcb55d76059ffe49ea2/Generating_HTML5_Layouts_Using_Photoshop.part2.rar.html