Diseño y programación

En una publicación anterior nos habíamos introducido en el Responsive Web Design o diseño web adaptativo. Allí comentamos una serie de consideraciones a tener en cuenta a la hora de diseñar y armar páginas web amigables para todos los dispositivos (estáticos y móviles).

Seguir leyendo »

La propiedad prototype nos permite añadir nuevas propiedades y métodos a un objeto. Con lo que cada una de las clases (instancias del objeto) contará con estas nuevas propiedades y métodos agregados con prototype.

Ahora, ¿para qué nos puede servir agregar nuevas propiedades y métodos a un objeto?… para enriquecer aún más dicho objeto sin la necesidad tener que editarlo. Supongamos que trabajamos a partir de un framework, el cuál ya está definido y queremos añadirle nuevas funcionalidades puntuales para un caso en particular; este es un claro caso dónde recurrir a prototype.

Veamos un ejemplo práctico; supongamos que tenemos un objeto creado con el nombre “person” en el cual tenemos definidas 4 propiedades (name, city, age y profession) a las cuales se les asignan los valores recibidos por parámetro al objeto cada vez que se crea una instancia.

Seguir leyendo »

Las funciones callback (“devolución de llamada” para los amigos) tienen una gran utilidad a la hora de programar, principalmente en lenguajes de animación como Javascript o Action Script.

Esta vez vamos a analizar dos ejemplos de funciones callback; en el primero vamos a implementar una función callback utilizando el framework Jquery y en el segundo veremos como podemos construir estas funciones.

Seguir leyendo »

Canvas es un elemento de HTML 5 que permite representar gráficos dinámicos a traves de javascript en un área determinada.

¿Qué cosas se pueden llegar ha realizar con canvas?

Desde las representaciones gráficas más simples (como lo es este ejemplo) hasta los videojuegos más complejos. Ver un ejemplo de videojuego: Galactic Plunder Game

Para ello utilizamos la etiqueta “canvas” a la cual le especificamos un área determinada:

Este texto será desplegado si tu navegador no soporta HTML 5

Primero determinamos el ancho y alto del canvas, también especificamos un identificador (id) con el que haremos referencia desde javascript. Entre la etiqueta de apertura y de cierre colocamos un texto que se visualizará en los navegadores que no sean compatibles con HTML 5 y por ende con la etiqueta canvas.

Seguir leyendo »

El próximo 9 de marzo comienza el curso “Editor profesional de sitios web”.
Para más información pueden descargar el PDF con la presentación del mismo.

Descargar PDF