2013
Lynda
Chris Converse
24m 8s
English
The Photoshop Layers panel contains a feature to extract CSS markup from an existing design comp automatically. Copy CSS allows you to scrape styles, colors, positioning, border effects, CSS3 gradients, and even CSS3 animation positions from your designs. Chris Converse shows you how to extract the CSS necessary to render the same effects shown in your comp in a web browser, and incorporate the markup into an HTML file. Speed up your CSS workflow with this fast and easy feature.
Introduction
1m 42s
Preview the final project
40s
About the exercise files
1m 2s
1. Extracting CSS Properties from Photoshop
22m 26s
Getting CSS properties from text layers
5m 46s
Art layers vs. vector shapes
3m 37s
Converting layer styles (effects) to CSS
3m 8s
Getting CSS for multiple layers
5m 16s
Getting coordinates of CSS3 animations
www.lynda.com/Photoshop-tutorials/Design-Web-Getting-CSS-from-Photoshop/151161-2.html
Download File Size:81.74 MB