Algos Blog

Para desarrollar aplicaciones para móviles con tecnología web, debemos conocer las principales características del HTML5 que lo hacen apropiado para hacer aplicaciones web y simular que son de escritorio.

Hay muchísima información en internet sobre este tema. Si no nos centramos en los objetivos seguramente miraremos muchas más cosas de las que nos serán de utilidad. Por tanto, tomad este post como una introducción, una iniciación de HTML5 y CSS3.

Inmmersión brusca al HTML5

Lo mejor es empezar por estos recursos y sumergirse en ellos de forma rápida:

Presentación HTML5

Dive Into HTML5.

En este último documento, centrarse en: Introduction, Semantics, Offline y Forms.

Los puntos mas interesantes de análisis de estos textos son:

– Las nuevas funcionalidades que ofrece HTML5 (offline y gráficos sobre todo)
– Las nuevas palabras semánticas de HTML5
– Los elementos de los formularios
– Las funcionalidades con los CSS3

Vamos a ver como funciona de más cerca

Lo siguiente que haremos es ir a esta web: HTML5 ROCKS

Como se ve es un lugar donde la información está muy bien organizada por funcionalidades. Hay tutoriales y labs. Es interesante dar un vistazo a las diferentes funcionalidades que hay la sección “playground”.

Nos centramos en el html y el CSS y dejamos el javascript para más adelante, dado que nos dará para varios temas. Observamos todo lo que puede llegar a realizarse sólo con html y CSS3 y que no es necesario programar en javascript, cosa que permitirá que la aplicación sea más eficiente.

Sobre el CSS lo que debemos considerar es que para ejecutarse en el navegador, cada fabricante usa un render diferente, y por tanto, en muchos casos se debe describir la misma función en más de un render.

A la carga!

Vamos a hacer pruebas: hands on!

Para hacer pruebas necesitamos saber qué y cómo. Yo os sugiero elegir algún tutorial de aquí:

Quick Hits With The Flexible Box Model

Integrating Canvas Into Your Web App

CSS3 Gradient Backgrounds

Responsive Table

Slideup Boxes

Using The Notifications Api

Siempre que se pueda, para ser más ágiles, realizaríamos las pruebas sin un servidor web (a no ser que tengamos que usar json y ajax). Para editar podemos usar cualquier editor de ficheros de texto.  Un buen editor de html y ajax es Aptana.  Un editor muy práctico para usar en linea es JSFIDDLE.

Espero que con este post, aquellos que quieran iniciarse con html5 y el CSS3 lo tengan un poco más fácil.

Roman Roset, miembro del grupo Algos para la Investigación en Dolor Infantil

Universitat Rovira i Virgili, Tarragona


Introduzca su dirección de correo electrónico:

comadmin

comadmin

So, what do you think ?

You must be logged in to post a comment.