Everything is a Box

When converting from a Photoshop (PSD) web design to the actual HTML, CSS and image files that will be used on the web site it can be helpful to understand that to the browser everything is an element (<p>, <h1> etc) and that all elements are boxes. The following videos show how to look at a Photoshop design and figure out what boxes it contains and which HTML elements will be used to create those boxes.

Part 1: http://www.youtube.com/watch?v=nU0UcsVaSmM

Part 2: http://www.youtube.com/watch?v=fp4KoScuNvI

Part 3: http://www.youtube.com/watch?v=W1aLqfEMY5Q

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>