Artículos, tips y consejos sobre diseño y desarrollo web

Canvas HTML5: texto con fillText y strokeText
Canvas HTML5: texto con fillText y strokeText

Canvas HTML5: texto con fillText y strokeText

2022-04-18T13:21:30+01:0019/02/2013|Diseño web, HTML5|

Volvemos a hablar del elemento canvas de HTML5, al que ya hemos dedicado varias entradas. Ya hemos visto como dibujar figuras sencillas, hacer animaciones y transformaciones a estas figuras y cómo decidir la forma en que se calculan los espacios donde se junta más de un elemento de dibujo. En esta entrada vamos a hablar de

Más información

Atributo HTML5 download.
Atributo HTML5 download.

Atributo HTML5 download.

2018-08-29T09:07:34+01:0015/01/2013|Diseño web, HTML5|

Algo que pasa frecuentemente en Internet es que tengamos un enlace a un fichero que debería descargarse, y el navegador nos lo abra. Ocurre mucho al intentar descargar una librería javascript o al intentar descargar un pdf. El usuario puede elegir este funcionamiento en la (más o menos farragosa) configuración del navegador. Pero hay veces en

Más información

Hacer un pie fijo en la parte inferior de la pantalla
Hacer un pie fijo en la parte inferior de la pantalla

Hacer un pie fijo en la parte inferior de la pantalla

2020-10-28T16:03:33+01:0017/12/2012|Diseño web, HTML5|

Un caso bastante habitual es que queramos que el pie de página quede fijo en la parte de abajo de la pantalla, como una barra de estado, independientemente del scroll y contenido de la misma. Esto no es muy difícil de conseguir usando CSS: #footer{ position: fixed; bottom: 0; width: 100%; height: 32px; padding-bottom: 16px; background:

Más información

Canvas HTML5: Intersecciones (globalCompositeOperation)
Canvas HTML5: Intersecciones (globalCompositeOperation)

Canvas HTML5: Intersecciones (globalCompositeOperation)

2018-08-29T09:13:43+01:0004/12/2012|Diseño web, HTML5|

Una vez que hemos visto como hacer animaciones sencillas con el elemento canvas, vamos a volver a las propiedades de dibujo que nos ofrece. En esta entrada vamos a ver cómo podemos elegir la operación de intersección entre objetos. Es un valor global del contexto así que afectará a las operaciones de intersección siguientes, por lo

Más información

Canvas HTML5: animaciones II: setAnimationRequest
Canvas HTML5: animaciones II: setAnimationRequest

Canvas HTML5: animaciones II: setAnimationRequest

2019-12-29T13:07:07+01:0031/10/2012|Diseño web, HTML5|

En la última entrada sobre animación en el canvas veíamos cómo hacer una animación usando setTimeout. Es un método poco eficiente, y en el que tenemos que elegir a priori el espaciado entre cada paso de la animación. Se ha añadido en HTML5 un método javascript que se encarga automáticamente de llamar a un método que

Más información

Canvas HTML5: animaciones I
Canvas HTML5: animaciones I

Canvas HTML5: animaciones I

2019-12-29T13:10:00+01:0016/10/2012|Diseño web, HTML5|

En el artículo anterior vimos como usar el canvas para dibujar figuras sencillas. Se pueden hacer dibujos mucho más complejos, pero la gran utilidad del canvas es hacer animaciones, así que vamos a ver las bases de la animación en canvas. Necesitamos una función de pintado que se llame sucesivamente para ir pintando cada frame de

Más información

Canvas HTML5: introducción
Canvas HTML5: introducción

Canvas HTML5: introducción

2018-08-29T09:15:46+01:0005/10/2012|Diseño web, HTML5|

Vamos a comenzar una serie de artículos sobre el elemento canvas de HTML5. Es uno de las novedades que se anunciaron desde el principio con las novedades de HTML5. Es como una pizarra sobre la que hacer dibujos, y hay quien lo vende como el sustituto natural a las animaciones en flash. Podemos ver el canvas

Más información

Imágenes con reflejo con CSS3
Imágenes con reflejo con CSS3

Imágenes con reflejo con CSS3

2020-12-05T17:01:32+01:0027/09/2012|Diseño web, HTML5|

Esta especificación es exclusiva de Webkit, no de la W3C, y ahora mismo solo lo soportan navegadores Webkit (Chrome, Safari, IOS, Android y Blackberry). Supone un método para hacer que un elemento aparezca reflejado debajo, encima o a un lado del elemento original. Tal vez donde mejor veamos el efecto sea en una imagen,

Más información

Sombra a elementos con CSS3
Sombra a elementos con CSS3

Sombra a elementos con CSS3

2018-08-29T09:18:40+01:0004/09/2012|Diseño web, HTML5|

Durante mucho tiempo se han usado (y se siguen usando) imágenes para simular sombreado de los diferentes elementos de una página web, así parece que están por encima del fondo, da profundidad a la web. Actualmente se pueden realizar muchos efectos de sombreado directamente en CSS3, con box-shadow. Es una propiedad que funciona en todas las

Más información

Adapta tu web a pantallas Retina y otras de alta resolución
Adapta tu web a pantallas Retina y otras de alta resolución

Adapta tu web a pantallas Retina y otras de alta resolución

2020-10-28T16:38:47+01:0003/09/2012|Diseño web, HTML5|

Los nuevos productos de Apple tienen una gran densidad de píxeles, o lo que es lo mismo una alta resolución por espacio físico. Le dieron el nombre comercial de Retina, ya que anunciaron que sus pantallas ya tenían el número suficiente de píxeles por unidad de superficie para que el ojo humano no pudiera

Más información

Artículos y tips sobre diseño web

Canvas HTML5: texto con fillText y strokeText

Atributo HTML5 download.

Hacer un pie fijo en la parte inferior de la pantalla

Canvas HTML5: Intersecciones (globalCompositeOperation)

Canvas HTML5: animaciones II: setAnimationRequest

Canvas HTML5: animaciones I

Canvas HTML5: introducción

Imágenes con reflejo con CSS3

Sombra a elementos con CSS3

Adapta tu web a pantallas Retina y otras de alta resolución

Diseño web en Valladolid

Agencia de marketing en Valladolid

Tictac Soluciones Informáticas es partner de y