2011

Archivos del 2011

Colores en CSS3

El objetivo de este post es ver algunas características de la recomendación del módulo de color en CSS3 especificada en http://www.w3.org/TR/css3-color/. La principal novedad en el uso del color en CSS3 es la posibilidad de usar modelos de color rgb, rgba, hsl y hsla. Una de las principales ventajas de estos modelos de color …

Ver más »

Barras de scroll personalizadas en WebKit

El objetivo de este post es revisar los estilos necesarios para personalizar el scroll en WebKit, en base al tutorial de su blog http://www.webkit.org/blog/363/styling-scrolls/ pero personalizando paso a paso cada una de las partes del scroll. El ejemplo que se muestra en http://trac.webkit.org/export/41842/trunk/LayoutTests/scrolls/overflow-scroll-combinations.html es difícil de entender ya que en la misma hoja …

Ver más »

SVG y el texto

Para usar texto en SVG se utiliza la etiqueta ‘text’ y se le puede aplicar los mismos efectos que a cualquier otro elemento de SVG. A continuación, he destacado las características que me parecen de mayor interés general pero para mayor detalle hay que ir a la especificación en http://www.w3.org/TR/SVG/text.html Las principales características del funcionamiento …

Ver más »

SVG, CSS y el elemento ‘use’

En el post sobre Illustrator y SVG ya planteé que la utilidad que veía a Illustrator para trabajar con SVG es la creación de elementos gráficos y de los gradientes y colores de los mismos. Ahora quiero usar una ilustración convertida a SVG desde Illustrator para manipularla mediante CSS y verificar las posibilidades del elemento …

Ver más »

Creación de formas básicas en SVG

SVG contiene los siguientes elementos para la creación de formas básicas: RECT, CIRCLE, ELLIPSE, LINE, POLYLINE, POLYGON. Además estaría el elemento PATH con el que se podría crear cualquier forma incluida éstas. Vamos a ver cómo se crean las diferentes formas básicas en SVG y desde JavaScript. Hemos de tener en cuenta, que para crear …

Ver más »