PSD a RESPONSIVE

Mobile First, para crear webs adaptables a los distintos tipos de dispositivos como teléfonos, tabletas, ordenadores y televisores

PSD a HTML para ordenadores de escritorio, portátiles, tabletas, teléfonos móviles y televisores
Iconos de navegadores para los que se optimiza el código

Navegadores

HTML optimizado a partir de las versiones:

  • MAC, WINDOWS, LINUX: Chrome 26+, Safari 6+, Firefox 20+, Opera 15+, IE 9+
  • IOS: Safari, Chrome, Opera, UC Browser
  • Android: Chrome, Firefox, Opera, UC Browser
  • Windows Phone: IE, Chrome, Firefox, Opera, UC Browser
Iconos de las tecnologías usadas

Tecnologías

HTML5, CSS3, SVG, SASS, Compass, Foundation, Bootstrap, jQuery

Retina display ready

Imágenes y tipografías preparadas para la correcta visualización en Retina Display

Logotipo de Media Queries

Media queries

Códigos CSS3 que permiten la adaptabilidad del contenido a los distintos formatos de dispositivos

Imagen de seleccionador de tipografías

Tipografías WEB

Integración de servicios y uso de tipografías web personalizadas como Typekit, GoogleFonts, Fontsquirrel, Fonts.com, etc...

Logotipo Microdata

Microdatos

Etiquetas estandarizadas para enriquecer el contenido semanticamente mediante un modelo de clasificación que mejorará su posicionamiento en buscadores.

Logotipos de las tecnologías de servidor

Tecnologías de servidor

Plantillas estáticas o uso de SSI, PHP o JSP para la creación de plantillas y contenidos reutilizables como includes.

Requisitos del PSD

PSDs diseñados para los Breakpoints responsivos a realizar. Mi recomendación mínima.:

Teléfono, 316px. Grid: 12 columnas de 8px y 20px de gutter
Portátil, 1360px. Grid: 12 columnas de 95px y 20px de gutter

Ejemplo gráfico de un PSD

Más servicios