Cuando hacemos una aplicación web, normalmente usamos javascript para modificar elementos html en la parte cliente, con librerías como jquery se pueden hacer muchas cosas. Pero cada vez las aplicaciones web son más complejas, sobre todo en la parte del cliente y no sólo necesitamos mofificar un elemento, sino cargar datos con disposiciones complejas.

Tablets de Microsoft: Windows 8 / Windows RT El sistema operativo de Microsoft con la estética Metro ofrece una nueva plataforma para la creación de apps contando con la potencia que ofrece la plataforma .NET y Visual Studio para desarrollar aplicaciones. Aunque es un mercado emergente respecto a sus competidores directos Android e iOS, los resultados que ofrecen son de una estética muy vistosa y cómoda para el usuario, de una manera cláramente diferenciadora. Un aspecto que deberemos tener claro, es que Windows 8 y Windows RT son en esencia el mismo sistema…

Una de las grandes utilidades de SVG es la posibilidad de realizar animaciones, cambiando los gráficos vectoriales representados a lo largo del tiempo. Existen dos formas de realizar animaciones en SVG, la primera consiste en utilizar elementos 'animation', y la segunda es acceder directamente al DOM del SVG y modificar atributos de los gráficos. Las animaciones de SVG han sido definidas para permitir SMIL (Synchronized Multimedia Integration Language), esto representa una ventaja ya que se trata de un lenguaje basado en xml, enfocado a realizar presentaciones multimedia con…

SVG no solo nos permite animar las transformaciones (utilizando animateTransform) sino que también podemos realizar animaciones sobre atributos CSS de los elementos. Concretamente con la etiqueta ‘animate’ y el tipo ‘CSS’, es decir si tenemos un rectángulo de 200x100 de color azul: <rect width="200" height="100" style="fill:rgb(0,0,255);"/> Podemos hacer que cambie su color a rojo, añadiendo: <rect width="200" height="100" style="fill:rgb(0,0,255);"> <animate attributeType="CSS" attributeName="fill" to="rgb(255,0,0)" dur="3s"…

Un SVG, como su nombre indica, es un gráfico vectorial escalable. ¿Qué quiere decir esto? Pues que el gráfico se construye con primitivas como líneas, curvas, polígonos, etc. Y de esta forma se puede escalar sin perder calidad. A día de hoy todos los navegadores modernos soportan SVG, pero no todos implementan correctamente todo el API javascript que introducen para un mayor control de los trazos y animaciones. SVG incorpora una forma de realizar animaciones y transformaciones sobre sus objetos. En el caso de las transformaciones, estas nos…

Vamos a hablar sobre como programar una aplicación para un dispositivo con Android que se va a tratar de una sencilla calculadora. Como todos sabemos, Android se programa mediante el lenguaje de programación Java. Este ejemplo de la calculadora puede parecer demasiado básico, pero con una idea inicial de como hacer una pequeña aplicación para Android y nociones sobre Java, veremos que desarrollar un programa más complejo es muy fácil. En primer lugar, necesitaremos el Android SDK que lo podemos descargar de…