Join Chad Chelius for an in-depth discussion in this video Copying CSS data to a web page, part of Photoshop CS6 Creative Cloud New Features Workshop.
One of the more tedious aspects of building a webpage, is building the HTML …and CSS code from a comped up webpage that was created in Photoshop. …It requires a lot of color sampling and measuring to create the finished product …from the Photoshop file. Now however with the latest creative …cloud update, we're able to copy CSS properties from objects in a Photoshop …file, to facilitate the building of webpages in other programs, such as Edge …code and Dreamweaver. Let's take a look.…
I'm beginning this video with the webcomp.psd file already open on my computer. …And you can see that I'm basically just comping up a webpage. …And the client has agreed on this design. And so I don't, really don't have to go …too much further here. I already have the initial layout. …And we're going to move on from here. Now over here on my layers panel you'll …notice that I've built each component out seperately. …I have some text navigation up here. You can see these are my main headings, …and these are my sub-areas of the navigation up here.…
- What is the Creative Cloud?
- HiDPI resolution for Retina displays
- Pen and Crop tool enhancements
- Copying CSS data to a web page
- Importing swatches from HTML/CSS/SVG
- Introducing the new 3D lighting, materials, and rendering controls
- Using the new materials controls in a real-world project