Archivo para la etiqueta ‘html5’

25Aug
2010
Comments Off

HTML5 Mini Template

HTML5 Mini Template is a HTML5 structured file who includes only minimum necessary CSS files to get you started with HTML5 development … Post original
23Aug
2010
Comments Off

HTML5 Web Workers

HTML5 a parte de añadir nuevas etiquetas, también incluye otras posibilidades javascript, como los Web Workers, los cuales permiten ejecutar scripts en paralelo (background). Por ejemplo, tenemos un proceso costoso en recursos que no es interrumpible, podemos utilizar un Worker y evitar que el navegador se nos colapse. Su uso es bastante sencillo, se instancia [...]
17Aug
2010
Comments Off

Modernizr: librería Javascript para detectar HTML5, CSS3 y más

Modernizr es una librería que permite detectar las nuevas características de HTML5, CSS3, Canvas, … que admite el navegador. Tan sólo habrá que acceder a propiedades para saber si admite o no una característica en particular: if (Modernizr.geolocation) { // Admite geolocalización } if (Modernizr.csstransitions) { // Transacciones CSS } if (Modernizr.rgba) { // RGBA [...]
17Aug
2010
<!-- 1 -->

Crear aplicaciones offline con HTML5

Cuando cada día la gente está más online, no está de mal del todo permitir que nuestras aplicaciones web se vean de modo offline, o crear una versión offline de nuestra web. Podemos preguntarnos para qué pensar en lo offline cuando todo el mundo está conectado a todas horas, pues por ejemplo para versiones para [...]
16Aug
2010
<!-- 6 -->

Tutorial básico de HTML storage

Una de las características más interesantes de HTML5 es el browser storage, el cual nos permite almacenar datos en el navegador del cliente. A parte de su uso básico: localStorage.setItem(’name’, ‘arman’); var value = localStorage.getItem(’name’); localStorage.removeItem(’name’); Me gustaría destacar dos puntos importantes: detectar si el navegador lo soporta y añadir eventos: var webStorageSupported = (’localStorage’ [...]
11Aug
2010
Comments Off

HTML5 Boilerplate

HTML5 Boilerplate is the professional badass’s base HTML/CSS/JS template for a fast, robust and future-proof site. After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, perfo … Post original
13Jul
2010
<!-- 3 -->

HTML5 websockets con PHP

Ya hace tiempo hable lo de los websockets con HTML, los cuales solo se pueden usar en Safari, Chrome y la beta de Firefox 4, pero además el servidor necesita que los soporte. Para poder usarlos en nuestras aplicaciones PHP se puede hacer un apaño con la siguiente librería: log(”Handshaking…”); list($resource,$host,$origin) = getheaders($buffer); $upgrade = [...]
13Apr
2010
Comments Off

jStorage: plugin jQuery para usar el almacenamiento de HTML5

Si hace poco comentaba el tema de Web SQL Database de HTML5, ahora encuentro un plugin para jQuery que nos facilita esta labor. $.jStorage.set(key, value) value = $.jStorage.get(key) jStorage Vía / Script & Style
31Mar
2010
Comments Off

Detectar características HTML5 mediante Javascript

Aunque el HTML5 no está disponible en todos los navegadores, no es mala idea ir incluyendo en nuestras webs aplicaciones que hagan uso de HTML5, e ir dándole un poco de vidilla al asunto y no estar pendientes de Internet Explorer. Por ello, este script nos puede venir muy bien: function detectBrowserCapabilities(){ var res = [...]
16Mar
2010
<!-- 3 -->

WebSockets en HTML5

HTML5 introduce una característica que puede mejorar sustancialmente las aplicaciones web, los WebSockets, los cuales permite crear un canal de comunicación bi-direccional entre el cliente y el servidor, solucionando los problemas que presenta Ajax o Comet. El ancho de banda ahorrado tiene una proporción de 500:1 y una latencia de 3:1, resultados increíbles que hacen [...]