Generating HTML5 Layouts Using Photoshop
Pluralsight
Course Summary
A short introduction to using Photoshop's slice tools to create HTML5 output
-
+
Course Description
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.
-
+
Course Syllabus
Using the Photoshop Slice Tool- 22m 38s
—Introduction 1m 2s
—Assumptions 1m 13s
—Software 1m 4s
—A first look at the slice tool 3m 26s
—A better way of dividing slices 2m 11s
—Re-joining unwanted slices 2m 46s
—Setting slice options 4m 23s
—Creating the output 4m 29s
—A quick look at the output produced 0m 51s
—Summary 1m 13sWorking with HTML5 Layout- 30m 35s
—Introduction 1m 18s
—Remembering what got produced 2m 25s
—What is HTML5 1m 0s
—Intro to semantics 1m 16s
—The new HTML5 tags 2m 48s
—HTML5 Document Structure 0m 52s
—CSS3 Changes 1m 41s
—Analizing the document produced by Photoshop 2m 2s
—Tidying the HTML (round 1) 1m 55s
—Tidying the HTML (round 2) 3m 13s
—Refactoring the CSS 1m 18s
—Nth Child Selectors 3m 28s
—Continuing with the CSS tidying 2m 29s
—Fixing up the parent container and text area 2m 11s
—Reviewing what we just did 1m 15s
—Summary 1m 24s
This course is listed under
Development & Implementations
Community
Related Posts:
