Los nuevos motores de los navegadores, cuál es tu favorito?

Sin duda uno de los principales protagonistas en la  evolución de los navegadores  es el imprescindible motor JavaScript. Los navegadores web más populares ofrecen el suyo. Piensa por un momento en cada uno como si de un procesador Intel, AMD o SPARC se tratase:

  • Chrome/Chromium nos impresionan en cada nueva versión con su motor V8.
  • Safari 5 emplea Nitro, que es 30% más rápido que su predecesor, según Apple. Por cierto, el generador de código nativo de JägerMonkey está basado en el de Nitro.
  • Opera 10.6 ya cuenta con el poderoso y veloz Carakan.
  • Firefox 4 usará JägerMonkey, una gran mejora con respecto al viejo SpiderMonkey.
  • Internet Explorer 9 beta no se queda atrás con Chakra, que presume ser capaz de usar el CPU de forma paralela al navegador.

Y tu que navegador usas más, y por que, este humilde servidor utiliza Firefox por que, por los muchos plugins que tenía que me facilitan en mucho mi vida diaria.

Anuncios
Los nuevos motores de los navegadores, cuál es tu favorito?

La guía absoluta para principiantes para programar en la Web

Hola a los miles de seguidores que siguen este blog, jajaja estuvo buena esa broma, bueno ya en serio, les comento encontré una página muy buena donde enseñan a programar para la web, en este caso Javascript, la página es appjet en la cuál ellos se describen como “AppJet is an easy and powerful platform for programming web apps” (AppJet es una plataforma fácil y potente  para la programación de aplicaciones web).

El objetivo de esa página es el de que aprendan de una forma divertida y fácil, todo esto esta pensado para aquellos que son principiantes en la programación, para lo cual han realizado 3 innovaciones en su plataforma.

  1. Puedes programar desde el navegador: Puedes editar y ejecutar cualquiera de los ejemplos directamente en el navegador. No tienes que descargar software.
  2. Aprendes JavaScript: Es el lenguaje más útil para conocer, y esta guía te permitira escribir tus aplicaciones web .
  3. Crear y compartir sus propias aplicaciones: Esta guía te enseñará cómo publicar tus aplicaciones web en tu propio dominio para que otros la utilicen.

Espero y les sea de utilidad esta página, yo la estuve revisando y esta muy practica la verdad, manejan un editor de código en línea para poder ejecutar nuestros códigos, así que no hay pretextos para no aprender a programar, aparte no es tan difícil, a un pequeño comentario nada más esta en ingles pero creo que eso no es problema hoy en día.

Fuente: appjet.com

La guía absoluta para principiantes para programar en la Web

Abrir Lightbox desde Flash

Hace tiempo encontré este ejemplo en la página de clipdepelicula , con el cual podemos abrir una imagen desde Flash por medio del ya famoso efecto Lightbox, lo único que se tiene que hacer es poner este código entre las etiquetas head:

<script type=”text/javascript”>
function LightboxDelegate(url,caption) {
var objLink = document.createElement(‘a’);
objLink.setAttribute(‘rel’,’lightbox’);
objLink.setAttribute(‘title’,caption);
Lightbox.prototype.start(objLink);
}
</script>

…y en las acciones del botón flash que abrirá la imagen colocar este código, soy consiente que desde la versión de Flash 8 se prohibió el uso de javascript desde los botones, pero bueno a alguien le puede ayudar:

on (release){
getURL(“javascript:LightboxDelegate(‘images/image-1.jpg’,’caption1′)”)
}
Básicamente lo que hace el codigo es mandar a llamar a la función LightboxDelegate y pasarle los parametros de la dirección donde se encuentran las imagenes y el titulo descriptivo de esa imagen.
Algo que le falto mencionar a clip de pelicula en este ejemplo,  es el problema que surge, cuando lo utilizamos en conjunto con un SWF: esta película suele ponerse adelante del Lightbox, y no deja visualizar bien la imagen o el contenido que estamos desplegando.
Para eso me puse a investigar un poco y encontre la solución en la página de csslab , donde dan una solución muy sencilla.
Para solucionar esto, se deben hacer 2 cambios: uno en el OBJECT que llama el SWF y uno en el CSS del contenedor de este SWF; en el caso de no tenerlo, es preferible crear un DIV que sólo contenga nuestra película Flash.
1.- En el OBJECT debemos aplicar un parámetro y un valor para la película Flash: wmode=”opaque”.( Con opaque, la película Flash se esconderá detrás de cualquier elemento, sea éste HTML o controlado por Javascript.)
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0&#8243; width=”300″ height=”200″>
<param name=”movie” value=”csslab.swf” />
<param name=”quality” value=”high” />
<param name=”wmode” value=”opaque” />
<embed src=”csslab.swf” width=”300″ height=”200″ quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer&#8221; type=”application/x-shockwave-flash” wmode=”opaque”></embed>
</object>
2.-Crear un DIV que contiene nuestra película Flash. Este DIV contendrá, en este caso, un z-index=-999; (Para quienes no conocen, la propiedad z-index determina el orden, o relevancia en que un elemento designado tendrá sobre otro.)
El CSS del DIV contenedor del SWF sería:
#flash {
z-index: -999;
}
Y listo, con esto tendremos arreglado todo nuestro problema que nos pudiese causar el Lightbox, les dejo el ejemplo ya arreglado con estos tips.

trace( “hasta la próxima”);

Abrir Lightbox desde Flash