Guiabreve » HTML5

Libro: HTML5 for Web Designers

Víctor Falcón Ruiz — Wed, 02 Nov 2011 07:20:47 +0000

HTML5 for Web Designers es un muy buen libro que nos servirá como una perfecta introducción al HTML5 en el diseño web.

Lo mejor de todo, es que este libro además de poder comprarlo en formato físico por $18,00 o en formato e-book solo por $9,00. También podremos leerlo online de forma completamente gratuita.

No hay escusa para no pegarle una lectura.

Internet Explorer 10 Platform Preview 2 disponible

Víctor Falcón Ruiz — Fri, 01 Jul 2011 13:52:18 +0000

Microsoft no quiere quedarse atras y ya ha lanzado la segunda preview de Internet Explorer 10.

Este navegador se lanzará junto con Windows 8, una versión de Windows que hará uso de HTML5 y CSS3 por lo tanto este navegador aumenta la compatibilidad con estos estándares y además mejora el rendimiento con aceleración por GPU y mayor compatibilidad con procesadores multinucleo, consumo de batería y seguridad. También incorpora nuevas tecnologías como Web Workers y Channel Messaging.

Podéis probar esta preview desde aquí.

Google Swiffy, convierte archivos Flash a HTML5

Víctor Falcón Ruiz — Thu, 30 Jun 2011 18:54:51 +0000

Flash esta muriendo poco a poco a beneficio del HTML5. Hoy en día podemos hacer con HTML cosas que antes nos heran imposibles sin Flash. Además, este último tiene varias ventajas como que por ejemplo es más rápido y consume menos recursos.

Google, ha lanzado Google Swiffy una herramienta que, automáticamente, convierte un archivo flash (swf) que le pasemos a Html5.

Aunque la conversión no es perfecta, funciona bastante bien y en segundos podremos tener una versión Html de nuestro archivo swf.

Tipped, tooltip muy completo en javascript

Víctor Falcón Ruiz — Mon, 20 Jun 2011 18:15:26 +0000

Tipped es una forma sencilla de generar tooltips personalizados hasta el último detalle gracias a el uso de HTML5.

Tipped vienes con diseños ya predefinidos que podremos personalizar o crear un desde cero. Además contamos con callbacks y eventos para integrarlo y personalizarlo aún más.

Modernizr, compatibilidad de HTML5 y CSS3 con navegadores antiguos

Víctor Falcón Ruiz — Sat, 11 Jun 2011 14:17:02 +0000

HTML5 y CSS3 han evolucionado mucho y las ventajas de portar cualquier sitio web a estas versiones son innumerables. El problema es que muchos usuarios aún usan navegadores antiguos e incompatibles.

Modernizr es una librería javascript que te permite detectar si el navegador es compatible con ciertas funcionalidades HTML5 y CSS3. De esta forma podemos escribir nuestras aplicaciones con las últimas novedades y en caso de que Modernizr detecte que el navegador del usuario es incompatible podemos ejecutar código alternativo para realizar la misma función.

Aún que no es una solución definitiva, ya que nos obliga a escribir código adicional si es una forma de asegurarnos que el usuario podrá ejecutar y ver el código correctamente.

HTML5 Snippets

Víctor Falcón Ruiz — Sat, 04 Jun 2011 18:48:24 +0000

Estamos ante, HTML5 Snippets, una galería de fragmentos de código en HTML5 y CSS3 donde nos damos cuenta de la potencia de estos lenguajes.

Bordes redondeados, sobras, degradados o otras cosas un poco más complejas como un lightbox completamente en HTML5 y CSS3, cuadros texto tipo twitter o Geo Localización para Google Maps.

Lo mejor es que además de ver el código fuente de cada ejemplo, para que podamos implementarlo donde queramos sin problemas, también vemos el código ejecutándose para ver el funcionamiento antes de usarlo.

Inuit.css, Framework CSS para el trabajo diario

Víctor Falcón Ruiz — Sun, 24 Apr 2011 10:00:26 +0000

Estamos ante un framework de CSS que han lanzado los chicos de CSS Wizardry pensado para resolver los problemas diarios que se encuentra un desarrollador y evitar tener que realizar tareas repetitivas continuamente.

Inuit.css funciona tanto en navegadores de escritorio como en versiones móviles o tablets. Además también es compatible con los últimos elementos de HTML5.

Una buena alternativa al popular 960.gs.

Plantilla gratuita de Backend en HTML5 y CSS3

Víctor Falcón Ruiz — Wed, 13 Apr 2011 20:46:23 +0000

El backend es la parte de un proyecto a la que solo accede el administrador de una web.

Aunque esta parte de la web no sea visible para el usuario, es importante que el administrador se encuentre comodo ya que pasara mucho tiempo por estas pantallas gestionando el sitio. Claro que tampoco nos beneficia perder mucho tiempo en esta parte de la web ya que al fin y al cabo esta parte no es relevante para el usuario final que son los que usaran nuestra web y darán beneficios.

Por eso esta plantilla de Medialoot es perfecta. Usandola tendremos un backend increíble sin perder mucho tiempo en el ya que el diseño ya está hecho y al mismo tiempo podremos gestionar el proyecto de forma cómoda y vistosa.