CSS3 HTML5

Los nuevos estándares para el diseño y desarrollo web y Móvil

Capacitación HTML5

marzo 23, 2014
por Damián
3 Comentarios

Variables en CSS

w3cEl W3C cuenta con el documento CSS Custom Properties for Cascading Variables Module Level 1, que introduce a las hojas de estilo en cascada la posibilidad e incorporar variables.

Actualmente en Last Call de Working Draft, esta implementación promete elevar el potencial de las características que incluye CSS en la actualidad.

Entre las opciones que se están incorporando encontramos la nueva propiedad personalizada (Custom Propertie): --* y la función var().

Para comprender mejor su utilización, el W3C nos provee el siguiente ejemplo en su documento http://www.w3.org/TR/css-variables-1/:

:root {
  --main-color: #06c;
  --accent-color: #006;
}
/* The rest of the CSS file */
#foo h1 {
  color: var(--main-color);
}

Por el momento es una especificación en desarrollo y solo algunas versiones de los navegadores han comenzado a implementar esta característica de manera experimental.

marzo 5, 2014
por Damián
Deja tu comentario

Glyphr html5 font editor

glyphrstudio

Glyphr Studio es una herramienta free que nos permite diseñar fuentes. Este producto nos permite simplificar en gran medida el proceso de diseñar fuentes tipográficas para nuestros proyectos. Ofrece una interfaz sencilla, pero que nos brinda todo lo que necesitamos para realizar nuestro trabajo.

Para probarlo online podemos ingresar en: http://glyphrstudio.com/

octubre 30, 2013
por Damián
Deja tu comentario

Geolocation API es recomendación del W3C

w3cEl W3C ha anunciado que la API de Geolocalización llega al estado de Recomendación a partir del 24 de Octubre de 2013.

Mediante esta API es posible acceder a información geográfica del dispositivo.

Más información sobre esta actualización en el blog del W3C: http://www.w3.org/blog/news/archives/3347

Para saber más sobre la especificación de Geolocation API ingresar en: http://www.w3.org/TR/2013/REC-geolocation-API-20131024/

octubre 7, 2013
por Damián
Deja tu comentario

miniPaint en HTML5 Canvas

minipaintChrome Experiments (http://www.chromeexperiments.com/) es un espacio donde podremos encontrar mucho ejemplos creativos de HTML5, especialmente optimizados para Google Chrome.

 miniPaint es una muy buena herramienta desarrollada con HTML5 Canvas. Esta App online permite crear o editar imágenes con gran facilidad y posibilita guardar el resultado en formatos populares, tales como: PNG, JPEG, BMP y WEBP. Dentro de las opciones del programa encontraremos una paleta con herramientas de forma, relleno, líneas, texto, pintura, clonación, entre otras. Además encontraremos funciones para trabajar con capas y gran diversidad de efectos: Blur, ajuste de brillo, posterizado, exposición y muchos otros.

Para poder acceder a esta herramienta ingresamos en: http://www.chromeexperiments.com/detail/minipaint/

septiembre 22, 2013
por Damián
Deja tu comentario

Internet Explorer 11 Preview introduce el soporte a WebGL

WebGL es una de las características relacionadas con HTML5 que terminará cambiando el mundo Web.

Por el momento su soporte por parte de los navegadores no es completo y esto frena la evolución de esta tecnología.

Internet Explorer 11 Preview introduce el soporte a WebGL y esto representa una importante noticia para el ambiente del desarrollo Web, ya que la creación de experiencias 3D es cada vez más solicitado para soluciones Web interactivas que requieren renderizado de escenas en tres dimensiones.

Más información en: http://msdn.microsoft.com/en-US/library/ie/bg182648(v=vs.85)