El layout de Facebook en PSD.

Plantilla PSD con el layout de Facebook (367)

Traducción al castellano del plugin WPTouch para versiones móviles de wordpress

Recientemente he instalado el plugin WPTouch para optimizar la navegación desde dispositivos móviles y trás unos ligeros retoques de personalización he decidido traducirlo al castellano para completar la instalación.

El plugin no dispone de un sistema de traducciones, tal vez en sucesivas versiones lo implementen pero en tanto la única manera es editar los archivos de los temas ‘a la brava’.
Leer más

Versión móvil para el blog

Era un tema que tenía pendiente desde hacia un tiempo y finalmente el blog ya tiene una versión especial para ser visualizada desde iPhone/iPod, Android y algunos dispositivos móviles más.

Esta semana, al igual que los amigos de Código Geek y trás ver la comparación que nos hacen en kabytes de los plugins wptouch y mobilepress me he decantado por utilizar el primero. Su implementación ha sido realmente sencilla y lo más importante, rápida.

Algunas capturas de como se visualiza desde una HTC Magic con Android:

Inicio versión móvil

Artículo en versión móvil

Página para testear los elementos HTML básicos de tu CSS

Dejo en el link de descarga un html con todos los elementos básicos de un layout para poder previsualizarlos a la hora de crear tu CSS como son headings, parágrafos, tipos de listas, elementos de formularios, tablas, etc.

Además, al tener todos los elementos ayudará a no olvidar ninguno al crear el estilo CSS.

8 recursos modernos para maquetar layouts

Muy buen artículo en smashing magazine resumiendo, con ejemplos y scripts necesarios para maquetarlos, 8 recursos con las últimas tendencias para maquetar layouts.

Los 8 recursos son:

• Sliders y carrouseles.
• Elementos de navegación tabulada.
• Ventanas modales.
• Elementos rollover.
• Layouts progresivos.
• Grids o rejillas.
• Acordeones.
• Menús Drop-Down.