Ratchet: Prototipos de WebApps con HTML, CSS y JS

RATCHET

Éste es un buen punto de partida para adentrarse en el mundo del desarrollo de WebApps, Mobile Apps; en este caso concreto, estudiar los escenarios optimizados para iPhone.

Es un simple conjunto de componentes con HTML, CSS y Javascript; muy bien documentado en la página del proyecto. Por cierto! otro proyecto más publicado en github en modo colaborativo. Bien por la comunidad!

Title Bar: Añadir barra de Título en la página.

<headerclass="bar-title"><h1class="title">Title</h1></header>

Listas, listas numeradas, botones, botones segmentados, botones con contadores, … Es sencillo, al código HTML le vamos añadiendo las clases definidas. Si has trabajado con twitter Bootstrap, el trabajo realizado es similar. Unos estilos intuitivos y tras emplearlo un par de ocasiones, es fácil memorizar los componentes disponibles. Evidentemente el aspecto es totalmente personalizable!

Incluye una librería, Push.js. Es el motor que conecta las páginas desarrolladas con Ratchet con AJAX y el History API.

Es muy básico, pero seguro que es un recurso que ayuda a muchas personas a probarse, a seguir aprendiendo; en ciertas empresas he visto cómo son los desarrolladores quienes están asumiendo todo el peso de aprender las nuevas características mientras asumen el universo de nuevos dispositivos en los que nuestros desarrollos se pueden ejecutar. Me refiero a la simple acción de no diseñar una web pensando cómo quedara en una pantalla de un smartphone.

En conclusión, una fantástica plantilla para poder hacer simulaciones de aplicaciones web móviles para iPhone.

Ver proyecto, descargar y probar

(Siempre podéis volver por aquí y contar vuestra experiencia, o si quieres preguntarnos algo: html5spain(arroba)gmail(punto)com. O bien conecta por twitter @HTML5MeetSpain)

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s