Arxiu

Entrades etiquetades ‘html5’

Pantalla completa con HTML5

dissabte, 12 de maig de 2012 5 comentaris

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í

Introducción a HTML5 – principios básicos

dissabte, 5 de febrer de 2011 Comentaris desactivats

HTML5 LogotypeDesde hace unos días estoy inscrito en un curso gratuito y online de HTML5, gestionado desde la P2PU con el soporte de Mozilla.
Estos cursos los da gente anónima y desinteresada, por lo que en general no son docentes sino gente con conocimientos y ganas de explicar cosas.
Es maravilloso que existan iniciativas de este tipo.

Así que sin más preámbulos, me dispongo a dejar constancia de lo aprendido en la primera clase.

¿Que hay de nuevo en HTML5?

El principal cambio en el que nos centraremos hoy radica en los elementos de la nueva semántica: Es decir, en el HTML vamos a empezar a utilizar unas etiquetas que son mucho más específicas (en lugar de los ambiguos DIV a los que estábamos acostumbrados).

Esto no significa que dejemos de utilizar DIVs, sino que ahora tenemos más etiquetas.

Por ejemplo, algunas de las más comunes:

<header><footer><nav><aside><article>

Su mismo nombre ya nos dice más o menos dónde irán ubicadas.

En w3schools tienen una lista completa de todas las etiquetas nuevas.

Vamos a comparar como se creaba antes la estructura de una web y como se hará com HTML5: Llegir més…

Adobe “Edge Prototype”

dijous, 28 d'octubre de 2010 Comentaris desactivats

Adobe está desarrollando un IDE para crear animaciones en canvas (HTML5). Echad un ojo porque se ve realmente interesante.

Si es que nos incitan a olvidar flash!! xD

Categories: Programació, Web Etiquetes:, , ,