Racó tècnic

El modo pantalla completa es un modo bastante molón que quizás ya hayáis visto en algunas páginas (como fb por ejemplo; el botón de pantalla completa de las fotos).

Por ahora sólo es compatible con navegadores basados en Gecko (como Firefox) y Webkit (como Chrome).

Sabiendo esto, simplemente tendremos que poner algún IF

    fullscreen = function(e){
          if (e.webkitRequestFullScreen) {
            e.webkitRequestFullScreen();
          } else if(e.mozRequestFullScreen) {
            e.mozRequestFullScreen();
          }
      }
    document.getElementById('ejemplo-fullscreen').onclick = function(){
        fullscreen(document.getElementById('content'));
    }

Podéis probarlo haciendo click aquí

Todos sabemos lo divertido y emocionante que es hacer la compatibilidad crossbrowser de nuestras páginas web.

Por suerte para nosotros, existen un gran número de hacks CSS que podemos utilizar en cada una de las versiones de cada navegador para ayudarnos a poder mostrar por igual los contenidos de una web en todos los navegadores.

Partiré de este estilo:

.selector {
	color: #CCCCCC;
}

Empezaré por Internet Explorer, dado que es para el que usualmente se necesitan más hacks:

Internet Explorer 6

.selector {
	_color: #CCCCCC;
}

Llegir més…