HTML and CSS Reference
Before you start converting a design it's important
to make an analysis on how that design, made in
Adobe Photoshop, was done.
Imagine that the converting process is like a lego
game that has been already built by a kid. You need
to break that fnished piece into smaller ones.
The basic concept of a converting process is to take
any given design, break it down into smaller pieces
and see which of those can be reproduced with CSS
properties or which can't, and so on.
You start by taking a look at your design and ask
questions, such as:
• which parts can be made with CSS properties?
• which parts can't and needs cropping?
Open your Photoshop with the Monoplate.psd file and
do just that for a few minutes.