Canal Adobe   
Author: admin

Marzo 16, 2011

Posted in novedades | |

Nos llega información desde Adobe informándonos que todos los martes, durante Marzo, Abril y Mayo, habrá eSeminars de Adobe disponibles en el Canal Adobe.

Si deseas saber la programación de los videos puedes ir al  facebook del Canal Adobe en www.facebook.com/canaladobe

Acerca de Canal Adobe: Canal Adobe es el VideoBlog de Adobe Systems Iberica donde cada semana colocamos nuevos videos de 3 a 10 minutos de duración sobre las diferentes aplicaciones de Adobe, desde Photoshop a Acrobat, desde Flash a Lightroom…Visita: www.canaladobe.com

Tres grandes tutoriales sobre HTML5   
Author: admin

Marzo 12, 2011

Posted in artículos, programación | |

HTML5 Rocks ha publicado 3 tutoriales muy interesantes sobre desarrollo de HTML5.

El primero de ellos trata sobre cómo mejorar el rendimiento de las aplicaciones en HTML5, a parte de alguna que es puramente Javascript y no HTML5 (como guardar en una variable un elemento DOM y no buscarlo cada vez que vayamos usarlo), la mayoría de ellas trata sobre el uso de transiciones CSS3 por parte del navegador y no mediante el uso de Javascript, ya que así sería el navegador el que se encargue de ello y pueda optimizar su ejecución, por ejemplo:

var elem = evt.target;
  // Modernizr es una librería que nos indica que elementos CSS3 y HTML5 dispone el navegador
  if (Modernizr.csstransforms && Modernizr.csstransitions) {
    // Mediante CSS3
    elem.style.transition = 'all 3s ease-out';
    elem.style.transform = 'translateX(600px)';
  } else {
    // Mediante jQuery
    jQuery(elem).animate({ 'left': '600px'}, 3000);
  }

El siguiente tutorial nos indica cómo meterle efectos CSS3 a nuestros textos, y la verdad es que alguno está muy currado. Claro que yo no soy muy partidario de usarlos según que tipo de publicación (se puede abusar mucho de ello), pero la verdad es que nos puede venir muy bien.
Y por último consejos HTML5 y CSS para convertir nuestra web a formato adaptado para móviles. Algunos trucos de rencimiento como el uso del almacenamiento local y algo bastante interesante cómo indicar la orientación o el viewport de la página:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name=viewport content="width=device-width, initial-scale=1.0, minimum-scale=0.5 maximum-scale=1.0">
<meta name="viewport" content="target-densitydpi=device-dpi">

Nuestra fuente: Sentidoweb