Hola, me gustaría saber la forma que tiene cada uno para trabajar al recibir un PSD con un ancho de 640 píxeles.
¿Uso de sass y dividir el tamaño de la fuentes, margenes, etc. entre dos?
Respuestas
Si utilizas un framework como Bootstrap 3, la solución es muy fácil. Las columnas de Bootstrap 3 están definidas en porcentajes, así que nunca te preocupas de la anchura de la página. El flujo de trabajo sería algo así:
- Copias el diseño de la plantilla mediante las clases
.col-sm-*(o.col-xs-*, dependiendo de tu caso). Ejemplo: si en Photoshop ves que algo está dividido en dos partes iguales:.col-sm-6a cada columna; si ves que está dividido en 1/3 y 2/3, utiliza.col-sm-4y.col-sm-8 - Si realmente quieres que la página se vea con una anchura de 640px, establece esa anchura fija al elemento contendor (clase
.container) y todas las columnas se adaptarán automáticamente a esa anchura.
Si no utilizas Bootstrap 3 o si esta respuesta no te ha servido, explícanos un poco más tu problema para que te podamos echar una mano.
@javiereguiluz
14 agosto 2014, 22:37