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…

Open graph es una iniciativa de Facebook que pretende mediante un API basada en metas obtener información de más objetos que los típicos: personas, fotos, eventos y páginas, y sus relaciones entre ellos. Para ello se crea una aplicación (app) que contiene una serie de objetos sobre los que se puede realizar una serie de acciones, por ejemplo si tenemos el objeto receta, podemos realizar la acción de cocinarla, y de esta manera que aparezca reflejado en nuestra línea temporal que hemos cocinado dicha receta. No vamos a entrar en el detalle de ver…

En el presente artículo vamos a tratar sobre la manera de integrar PHPDocs en nuestros proyectos y así generar una documentación estandar con todos los benificos que esto conlleva, como la automatización o la integración con IDEs

A veces necesitamos esperar a que se carguen imágenes para poder realizar alguna acción, como animaciones en canvas. Como es una tarea que se repite muchas veces y no siempre es fácil de controlar aquí dejo una función que os ayudará.

Canvas es una etiqueta introducida en HTML5 que sirve generar gráficos dinamicamente a través de su API javascript. Pueden ser tanto gráficos estáticos como animaciones

Para crear animaciones en HTML5 tenemos varias opciones. Una es crearlas directamente en la hoja de estilos con las transiciones de CSS3, otra es con la programación de scripts y el uso de requestAnimationFrame

En muchas ocasiones necesitamos colocar en una página web un triángulo, ya sea para señalar algo con una flecha, en una paginación de una galería o listado de cualquier cosa, o incluso para ponerle a una capa esquinas con cierta forma poligonal (donde obviamente no son redondeadas). Es posible que de primeras pensemos en colocar imágenes con dichas formas, pero hay que tener en cuenta el papel de los bordes en las capas HTML. Los bordes al formarse se generan en ángulo, es decir, si a una capa le ponemos anchura 0 y altura 0, y le damos…

Para detectar la orientación de una foto sacada con tu cámara digital deberemos obtener la información Exif (Exchangeable image file format) de la foto. Esta información está presente en los formatos JPEG y TIFF generados por la mayoría de las cámaras digitales.

Cada vez, son más los dispositivos que utilizan el sistema operativo Android. Generalmente, para la gestión de nuestro correo electónico siempre empleamos las opciones que vienen por defecto en el aparato para la creación de cuentas de correo, ya que nos permiten una configuración automática en unos pocos segundos. El problema de esto, es que estas opciones están limitadas a proveedores de correo conocidos o más populares, como hotmail, google mail, etc. Si queremos configurar una cuenta de correo alternativa a la que ya tenemos por…

En esta pequeña guía se explicará como importar los correos que tengamos en otra cuenta a una cuenta GMail en Google Apps. En primer lugar se necesita un cliente de correo para configurar las dos cuentas, tanto aquella desde la que queremos exportar como la cuenta destino de Google Apps. En este caso se utilizará Microsoft Outlook, aunque también se pueden utilizar otros clientes de correo como Thunderbird. Una vez que ya tenemos instalado el cliente de correo procedemos a las configuración de las cuentas origen y destino. Es importante destacar que…