Archivo | Estándares Feed RSS de esta sección

HTML5 en una infografía

Incluimos la infografía resumen de HTML5 publicada por Testking. Puede servirnos de guía de referencia para aplicar el nuevo estándar de diseño web a nuestros proyectos.

Encontraréis la nuevas etiquetas incluidas en HTML5, la relación con las que ya existían en HTML4, las etiquetas que han dejado de soportarse, información sobre atributos globales y eventos, así como una orientación sobre que propiedades soportan los distintos navegadores.

Podéis encontrar más guías rápidas sobre HTML, diseño web y otros temas relacionados en el artículo “Colección de guías rápidas: CSS, HTML, JavaScript, PHP, CMS, etc.“.

Continuar leyendo →

Comentarios { 1 }

HTML5 JavaScript APIs

Charla de Remy Sharp en CODEBITS sobre los APIs y funcionalidades de HTML5 APIs: elemento video, canvas, web storage, etc.
Continuar leyendo →

Comentarios { 1 }

CSS3: herramientas y utilidades

Aunque hoy por hoy todavía no se ha extendido de forma unánime el uso de  CSS3 y algunos navegadores continúan sin darle soporte, si que podemos observar un crecimiento importante en su utilización en desarrollo web.

Respecto al soporte de navegadores, conferencias de desarrolladores profesionales de Microsoft se ha manifestado que la versión 9 de Internet Explorer 9 incluirá funcionalidades adicionales para funcionar con CSS3, específicamente Transformaciones 2D.

En este post incluimos las referencias publicadas por Webdesignledger a herramientas que nos pueden ayudar a incluir CSS3 en nuestros desarrollos. En concreto, se trata de utilidades que nos permiten generar elementos con funcionalidades como degradados, sombras, bordes redondeados de elementos gráficos, transformaciones, etc.

El valor añadido de algunas de ellas, además de la facilidad que nos ofrecen para generar el código, consiste en que los efectos creados al aplicar selectores CSS3 pueden ser visualizados de forma on-line en la página de las herramientas, lo que nos permite valorar su funcionamiento con el navegador que estemos utilizando. En el caso concreto de la última de las utilidades, podemos elaborar un test bastante completo de las capacidades del navegador que utilicemos respecto a CSS3.

Continuar leyendo →

Comentarios { 1 }

WebP: nuevo formato de imagenes de Google

El 30 de septiembre Google anunció WebP, un nuevo formato libre y abierto, para mejorar la compresión de imágenes manteniendo la calidad de las mismas y permitiendo acelerar la carga de páginas web.

Se trata de una alternativa a los formatos de imágenes más habituales en páginas y sitios web, como son JPEG o PNG, con el que se busca disminuir el peso de los elementos gráficos sin reducir su calidad. Según las pruebas que han sido publicadas , con el nuevo formato de Google se pueden conseguir imágenes entre un 10 y un 40% más ligeras comparándolas con JPEG y manteniendo la misma calidad.

Continuar leyendo →

Comentarios { 1 }

HTML5: estado resumido en una infografía

Vía Social Media Graphics hemos conocido la siguiente infográfia que resume el “estado del arte” del desarrollo de HTML5.

Especialmente interesante, desde nuestro punto de vista, es el clarificador bloque que trata sobre el estado actual del soporte del HTML5 por los navegadores:

Soporte de HTML5 en los navegadores

Soporte de HTML5 en los navegadores

Así como el último bloque del gráfico, donde se resume cualitativamente la comparación entre HTML5 y Flash en términos de costes, de capacidades, de aceptación por la industria y de eficiencia:

Comparativa Flash vs HTML5

Comparativa Flash vs HTML5

Continuar leyendo →

Comentarios { 1 }

CSS3: soluciones para Internet Explorer

La utilización de CSS3 es probablemente la última tendencia en diseño web, permitiendo a los desarrolladores la oportunidad de implementar soluciones en sus diseños con selectores CSS más sencillos y evitando tener que recurrir a marcas no semánticas, utilización de imágenes adicionales y complejos códigos JavaScript.

Desafortunadamente, incluso en sus versiones mas actuales, Internet Explorer continua sin dar soporte a la release 3 de la especificación de hojas de estilo en cascada. Windows Internet Explorer 8 es completamente compatible con la especificación de CSS 2.1 y soporta solamente algunas funcionalidades de CSS 3 (ver nota del msn sobre la compatibilidad de CSS e Internet Explorer).

En el artículo publicado en Smashing Magazine titulado “CSS3 Solutions for Internet Explorer”, nos dan pistas y soluciones sobre como utilizar una serrie de opciones que los desarrolladores pueden considerar para aquellas circunstancias en que se requiere compatibilidad con una característica de CSS3 para todas las versiones de Internet Explorer (IE6, IE7 e IE8).

En nuestra opinión se trata únicamente de recursos que pueden utilizarse exclusivamente en caso de necesidad, ya que, como se indica para cada uno de ellos, todos originan algún tipo de problema y, en su mayoría, provocan que nuestro código CSS no sea válido según los estándares de W3C.

En este post resumimos estas posibilidades para intentar hacer nuestros diseños basadaos en CSS3 más compatibles con el navegador de Microsoft.

Continuar leyendo →

Comentarios { 1 }

Compression Plugin made by Cork Tiles