Validación de formularios con HTML5 y Javascript

HTML5 Validación de Formularios
Uno de los puntos complicados a la hora de meter datos en una base de datos con un público indiscriminado es la validación de esos datos, muchos no lo saben pero a través de los formularios mal validados podemos llegar a cambiar la contraseña de un administrador de la web conociendo como funciona esa web.

La validación de datos también es algo que en el nuevo estándar de HTML5 se está mejorando considerablemente. Ahora mismo se están realizando dos tipos de validación, una antes de enviar el formularios, a través de AJAX, o con Javascript y otra después a través del PHP. Para mí la más segura es la de después ya que quien se encarga de hacer las validaciones es el servidor y este a no ser que se haya hackeado no hay forma de saltárselas, mientras que hacerlo antes significa que quien se encarga de hacer las validaciones es el navegador del usuario, y es un sistema fácil de cambiar.

Bueno con el nuevo estándar este problema no se soluciona, aunque si facilitan la validación antes del envío. Os dejo dos vídeos de html5facil.com donde explican como utilizar estas nuevas funciones, antes de nada deciros que para utilizar estas validaciones se necesitan navegadores compatibles:

Leer más

Compartir escritorio con html5

Guacamole

Hace unos meses Google presentó una extensión para Chrome que nos permite compartir nuestra pantalla fácilmente, esta opción permitía que con solo un número otras personas que utilizasen Chrome y esa extensión puedan ver nuestro escritorio. Pero si no utilizas Chrome ¿cómo puedes hacer esto?, pues es más o menos sencillo, gracias a una aplicación podremos compartir nuestro escritorio por html5, o sea te crea una web donde se comparte nuestro escritorio, pero no solo sino que también te permite controlarlo. El programa se llama Guacamole, si como la salsa :p, y ya se encuentra en la versión 0.5.0, estás son algunas de sus características:

  • Un rendimiento casi nativo
  • HTML5 cliente (sin plugins necesarios)
  • Apoyo VNC, con otros protocolos en desarrollo
  • Soporte de teclado internacional
  • Teclado en pantalla
  • Apoyo de pantalla táctil
  • Marco extensible

Después del salto un vídeo explicativo y el enlace de la web con la instalación. Leer más

Campus Party: HTML5

Desde hace unos años la programación web con HTML5 está mas que de moda. Es una realidad y es posiblemente el sustituto de Flash. Jorge del Casar nos enseña las claves para poder comenzar a trabajar con esta tecnología que tanto da de que hablar.

Si quereis comenzar a programar con HTML5 y aprender las primeras técnicas necesarias para este nuevo, innovador y tan necesario lenguaje que Google o Apple están potenciando y que sin duda es el futuro de las web, de la animación web y de tantas cosas que cada día nos sorprende. Tras el salto el video y una gran conferencia que os traemos de la Campus Party, disfrutarla.

Leer más

Firefox soportará PDF de forma nativa gracias a Html5 y JavaScript

Firefox 4

Sin necesidad de engorrosos plugins. Se trata de un proyecto puesto en marcha desde hace poco más de un mes por Mozilla para dotar a Firefox de la capacidad de leer PDF en el mismo navegador de forma online, como ya hace Chrome, pero sirviéndose de las tecnologías Html5 y JavaScript. Además, sería más seguro que el propio sistema de Google Chrome, ya que este sí funciona mediante plugin, confiando el aspecto de la seguridad a su sandbox que, desgraciadamente hace poco fué vulnerado por primera vez.

El proyecto se ha llevado a cabo con discreción y actualmente solo soporta las características principales. No obstante el resultado es bastante bueno y podemos comprobarlo en este link especialmente preparado para comprobarlo. También parece funcionar con Google Chrome. No funciona ni con I. Explorer 9 ni con Opera 11.11. Con Safari lo desconozco.

El proyecto está alojado en GitHub para que cualquiera pueda ir implementándolo en su web si lo desea.

Mozilla muestra la capacidad de la web abierta con Web O´Wonder

Mozilla ha creado un sitio web con el que podrás ver todo lo que será capaz de hacer su navegador Firefox 4 y siguiendo los stándares de una web abierta: html5, webGl, JavaScript etc….

La web te presentará una serie de demos para Firefox 4 (puedes descargar su última beta AQUI) y cualquier navegador capaz de seguir las últimas tecnologías web  que la verdad sea dicha, te dejarán con la boca abierta. No dudes en interactuar con las demos.

La verdad es que da muy buena sensación. Echale un vistazo a Web O´Wonder.

Adobe presenta su herramienta para HTML5… ¡en flash!

Nos parece muy importante e interesante que Adobe haya presentado «Adobe Edge» como su herramienta para desarrollo de HTM5, es sin duda un gran paso para la empresa y para una tecnología que se está imponiendo en la red. Hasta aquí todo bien.
El problema está en que el video de presentación ¡lo han realizado en Flash!

Os dejo con el video. Advertencia: Debes tener instalado Flash Player para su reproducción.

Adobe se rinde a HTML5

Sí, Adobe ha decidido dar un paso para que su contenido flash sí se reproduzca en dispositivos como el iPad e iPhone. Para ello va a trabajar conjuntamente con la empresa Greystripe, empresa dedicada a la publicidad especializada para dispositivos móviles. Ambas empresas desarrollarán un filtro por el cual todo el contenido flash será convertido a HTML5.

Para ello, Greystipe detecta en tiempo real el formato y lo transforma a HTML5. Esto solo ocurrirá con los sistemas con iOS que son unos 100 millones, por lo que puede ser una de las razones por las que Adobe haya tomado esta decisión. Greystipe dice en su comunicado: «de forma similar a la recientemente presentada unidad iAd de Apple, sin embargo, al contrario de iAd, los anuncios serán creados con las herramientas de autoría Adobe Flash»

Veremos como evoluciona todo y si Adobe consigue meterse en los dispositivos de Apple cual caballo de troya.

La web de Apple muestra HTML5

Apple ha decidido ser un abanderado de esta nueva tecnología y ha lanzado una sección en su propia web donde poder ver con algunos ejemplos las bondades del HTML5. Realmente son sorprendentes y geniales… pero lo mejor de todo es que todos estos ejemplos pueden ser descargados y probados por todos nosotros. Realmente interesante ir conociendo HTML5 y poniendolo a prueba.

Eso sí, de momento hay que usar Safary para ver, por lo menos, estas demos de Apple, así que para aquellos que no dispongais de Safari os hemos grabado un sencillo video donde poder disfrutar de estas genialidades vía HTML5 que no tienen nada que envidiar a Flash.

La relación de las demos, tras el salto:

Leer más

Queridos lectores, flash ha muerto

html5-page

Voy a aprovechar el lanzamiento de WebM para realizar la predicción de esta semana, y no es otra, que la muerte de flash. Y es que un día después de que google anunciará la plataforma WebM, un formato de vídeo abierto que utiliza VP8 para vídeo y Vorbis para audio, sabemos que ya hay versiones de algunos navegadores que lo soportan (firefox y opera). Y seguramente muy pronto el resto se una a la fiesta, hasta desde Microsoft han anunciado que el próximo Internet Explorer 9 lo incluirá.

Ademas, el portal de vídeos por excelencia esta codificando sus contenidos a este formato, pues ya incluye en su versión beta el soporte para WebM. Solo habrá que esperar a que los distintos navegadores lo incluyan en próximas actualizaciones oficiales. Y es que todo pinta muy bien. Analicemos lo que ha pasado y lo que va a pasar.

Leer más