HTML5

Animación CSS3 – Estrellas fugaces

En la oscuridad del cielo recreado en la cabecera animada de Tesla Technologies podemos observar que aparecen unas estrellas fugaces, de vez en cuando.

Para la realización de las mismas utilizamos únicamente elementos html estándar, dos <div> anidados para cada estrella, combinados con css3, para hacer el destello y el movimiento de la misma, y javascript para hacer que la aparición en el firmamento sea más o menos aleatoria. Leer mas...

12dic

Animación CSS3 – Muñeco de nieve

Categoria(s) CSS3 | HTML5 Comentar

El muñeco de nieve que se ve en el escenario (portada animada de la web tesla technologies) está realizado en su totalidad con etiquetas html. Es decir, no se ha usado ningún elemento gráfico ni en su creación ni en su movimiento.
Todas las partes del muñeco son capas (etiqueta html div) que mediante la aplicación de estilos css3, le damos forma a las distintas partes del muñeco: base, tronco, cabeza, brazos, ojos y nariz. Leer mas...

05dic

Animación CSS3

Categoria(s) CSS3 | HTML5 Comentar

Desde el grupo Tesla Technologies, en nuestro afán de mejorar y asumiendo el reto de dar un paso más allá de las tecnologías actuales, hemos decidido crear cada cierto tiempo, una cabecera animada para nuestra web empresarial que cuente una historia, una historia sencilla que nos apetezca contar y compartir con todos vosotros.
Eso sí, para poder visualizar correctamente la animación debes tener instalado uno de los siguientes navegadores web:
Google Chrome, Firefox 5+ o Safari. Leer mas...

20nov

Google: no habrá flash nativo en Android 4.0 (Ice Cream Sandwich)

Categoria(s) Flash | HTML5 Comentar

Después de que tiempo atrás, Adobe anunciara que abandona el desarrollo de futuras versiones del flash player para dispositivos móviles, esta semana nos encontramos con que Google ya no tendrá de forma nativa flash en la versión 4 de su sistema operativo Android.

Lo que queda claro de todo esto, es la decisión definitiva de que flash ya no va a ser posible visualizarlo en un futuro próximo desde ningún dispositivo móvil, sea smartphone o tableta y sea cual sea su sistema operativo. Leer mas...

10nov

HTML5: Adobe abandona el desarrollo de Flash para dispositivos móviles

Categoria(s) Flash | HTML5 Comentar

Adobe anuncia que abandona el desarrollo de futuras versiones del flash player para dispositivos móviles.
Esto significa que a partir de ahora, las versiones flash de webs sólo quedarán para ser vistas en ordenadores de sobremesa y portátiles, pero no así en tablets ni smartphones, con lo que cualquier web realizada integramente en flash, no podrá ser visualizada por estes dispositivos en un futuro próximo (como ya pasa con el ipad y iphone -dispositivos que actualmente ya no soportan flash-) Leer mas...

08nov

Como poner una animación de cargando

Categoria(s) HTML5 | JQuery Comentar

Cuando tenemos una página web que tarda mucho en cargar o la carga del contenido se hace mediante AJAX, es muy útil poner algun tipo de animación que le indique al usuario que se esta acabando de cargar el contenido y que este no se desespere o empiece a hacer clicks en la web antes de que este todo listo. Leer mas...

03nov

HTML5: Estructura web sección noticias o artículos

Categoria(s) HTML5 Comentar

En html5, cuando estamos desarrollando una sección de noticias, artículos, etc. la forma de mostrar el contenido cambia con respecto a como se realizaba esta parte en html4.

Para ello, vamos a ver un ejemplo: Leer mas...

30oct

Refresco de una web o redireccionamiento pasados x segundos

Categoria(s) HTML5 Comentar

Muchas veces, en nuestros desarrollos, es necesario hacer que la página web que estamos viendo se refresque pasado un tiempo o mostremos una información dada al usuario que vista la página de que p.e., dicha página ya no está disponible y se le redireccionará a la url correcta.

Para todo ello, usaremos la etiqueta de cabecera html meta refresh.

Para refrescar la página actual pasado un tiempo usaremos el siguiente código: Leer mas...

29oct

Como crear un favicon para nuestra web

Categoria(s) HTML5 Comentar

Hoy vamos a enseñar brevemente como crear un favicon (icono que se muestra en la barra del navegador al lado del title de la web que se está mostrando) para nuestra web:

1.- Escoger una imagen para dicho cometido, bien sea el logo de la web que se va a visualizar o una imagen que haga referencia a lo que el visitante se va a encontrar en nuestra web.

2.- Vamos al sitio web:
http://favikon.com/ Leer mas...