2013
Pluralsight
Peter Shaw
0:53
English

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.

Using the Photoshop Slice Tool
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
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

http://www.pluralsight.com/

Download File Size:147.06 MB

---