aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

John Resig ha portado al Javascript, Processing. Un lenguaje de programación destinado al mundo de las animaciones y gráficas.

Ejemplo Molten

// All Examples Written by Casey Reas and Ben Fry
// unless otherwise stated.
size(200, 200);
background(100);
smooth();
noStroke();

int diameter = 150;
int[] angs = {30, 10, 45, 35, 60, 38, 75, 67};
float lastAng = 0;

for (int i=0; i<angs.length; i++){
  fill(angs[i] * 3.0);
  arc(width/2, height/2, diameter, diameter, lastAng, lastAng+radians(angs[i]));
  lastAng += radians(angs[i]);
}
// Ejemplo Pie Chart

Viendo las imagenes, que nos deja en las demos, podemos hacernos una idea de las posibilidades que nos ofrece esta implementación. Para disfrutar de los más completos ejemplos tendremos que usar navegadores beta (Firefox 3.0, Opera 9.5b, WebKit,..) ya que incoporan mejoras en cuanto al canvas se refiere, aunque la mayoría de opciones están disponibles para todos los navegadores, y todo en solo 34,kb de javascript.

¿Un paso más para decirle adiós al Flash en las aplicaciones web?

Esta tarde en IEBlog, aparecía esta noticia tan esperada por desarrolladores de todo el mundo. Y es que no es para menos, ya que este problema ha traido de cabeza a desarrolladres y diseñadores durante años.

El famoso «Click para activar» que nos obligaba a hacer 2 clicks si queríamos interactuar con elementos flash desde Internet Explorer tiene los días contadados. Al parecer, Microsoft solventará este problema para los elementos <object>, <embed> y <applet> en una nueva versión de IE planificada para Abril del 2008

usar elementos javascript para incrustar estos elementos. 

Se ha hablado mucho sobre los problemas de accesibilidad que implica desarrollar un sitio web completamente con Flash y de los problemas que acarrea tener que depender de un plugin externo para que funcione. Pero estos 65 diseños, demuestran el motivo por que el Flash es tan vistoso.

Hay gente que tiene una visión mucho más avanzada y logra, mediante flash, plasmarlo en forma de interface para sus páginas. 

Twitter Blocks, es el nuevo juguetito para los amantes de las cosas inutiles. Se trata de un sistema de visualización de mensajes de Twitter desarrollado en Flash 9.

Lo dicho, no mucho que contar, pero curisoso no podeis negar que lo sea 😀 

Javascript Flash Detection Library es otra librería desarrollada en Javascript con la que podremos obtener información muy interesante sobre el plugin flash instalado en nuestro navegador.

Documentación

bool FlashDetect.installed

Esta propiedad nos ayuda a conocer si el plugin de flash está activo/instalado o no. Devolviendonos un true en caso de afirmativo y false para el caso contrario.

<script type="text/javascript">
  if(!FlashDetect.installed){
	alert("Flash is required to enjoy this site.");     	
  }else{
	alert("Flash is insalled on your Web browser.");
  }
</script>	

Demo

FlashDetect.installed: true

number FlashDetect.major

Nos devuelve la versión mayor soportada por el plugin, generalmente de 0 hacia a arriba, -1 es igual a error.

<script type="text/javascript">
  if(FlashDetect.installed){
	alert("Flash major: "+ FlashDetect.major);     	
  }
</script>	

Demo

FlashDetect.major: 9

number FlashDetect.minor

Nos devuelve la menor versión soportada por el plugin. generalmente de 0 hacia arriba, -1 es igual a error.

<script type="text/javascript">
  if(FlashDetect.installed){
	alert("Flash minor: "+ FlashDetect.minor);     	
  }
</script> 

Demo

FlashDetect.minor: 0

number FlashDetect.revision 

Nos devuelve la versión del plugin.

<script type="text/javascript">
  if(FlashDetect.installed){
	alert("Flash revision: "+ FlashDetect.revision);     	
  }
</script>

Demo

FlashDetect.revision: 45

String FlashDetect.revisionStr

Devuelve en formato string la versión de la revisión del plugin.

<script type="text/javascript">
  if(FlashDetect.installed){
	alert("Flash revisionSt: "+ FlashDetect.revisionStr);     	
  }
</script> 

Demo

FlashDetect.revisionStr: r45

String FlashDetect.activeXVersion

Devuelve un string con el valor de la variable $version (windows) que indica la versión de activeX usado. Solo Windows.

<script type="text/javascript">
  if(FlashDetect.installed){
	alert("Flash activeXVersion: "+ FlashDetect.activeXVersion);     	
  }
</script>	

Demo

FlashDetect.activeXVersion:

bool FlashDetect.majorAtLeast(number majorNumber)

Nos informa si la versión de flash es inferior o no, a la versión indicada en majorNumber. Devuelve true o false dependiendo de si es inferior o no.

<script type="text/javascript">
  if(FlashDetect.majorAtLeast(9)){
	alert("Flash Player 9 or greater is installed");
  }else{
	alert("It is possible that a lower version of the Flash Player is installed or not.");
 }	
</script> 

Demo

FlashDetect.release: 1.0.2