7 mayo 2009
Archivos del blog
Revisa los selectores que no estás usando con CSS Redundancy Checker
A veces puede ocurrir que, por prisas, ansiedad o por error, se nos olvide eliminar un selector de CSS que no estamos usando en la página y, por lo tanto, está ocupando espacio innecesariamente. Pero, ¿Cómo podemos averiguar si hay selectores que no estamos usando? La manera manual sería ir revisando uno a uno, y … Lee más!
CSS expresado metafóricamente
CSS en su exterior es muy bonito e interesante, pero podemos expresarlo también metafóricamente. En esta entrada publicaremos varias formas de definir CSS mediante una metáfora. En los comentarios la gente puede escribir sus metáforas y las añadiremos en la entrada. Empezemos (la mayoría están en inglés así que deberéis tener un ligero dominio del … Lee más!
Estilos solo para determinados navegadores
Muchas veces estamos programando para un determinado navegador. Nos quedamos contentos de nuestro trabajo realizado, ya que se visualiza correctamente. Vamos a otro navegador y… ¡Oh dios, qué desastre! Cajas de búsqueda esparcidas por todos los lados, imágenes que se mezclan, todo desorganizado… Esto puede ocurrir porque no tenemos validado los estándares de la página, … Lee más!
Un Pong con CSS Animation
La reciente salida de la beta de Safari 4 ha creado una nueva propuesta en el equipo de Webkit, controlar animaciones mediante CSS. A través de esta propuesta se pueden utilizar los Keyframes, Animations, Animation behavior, Animation events para obtener muchos comportamientos variados con CSS sin necesidad de usar Javascript. Eso sí, el motor con … Lee más!
Ordenar tus códigos CSS
Para no marearnos la cabeza y hacer nuestro código más legible, lo mejor sería que ordenemos nuestro código de acuerdo a varios criterios. Ya os explicamos anteriormente cómo ordenar los archivos CSS en función del tamaño, número de ficheros, etc. Esta vez lo haremos en función de las propiedades. En Aloe Studio han dividido las … Lee más!
¿Cómo funciona CSS? Estructura de CSS
En esta entrada explicaremos de qué está compuesto CSS, cual es su estructura principal y cómo se aplica. Primero, una declaración CSS está formado por dos partes: una propiedad (“color”) y un valor (“green”). dtsv.dtse_post_821_permalink = ‘http://www.cssblog.es/como-funciona-css-estructura-de-css/’; dtsv.dtse_post_821_title = ‘¿Cómo funciona CSS? Estructura de CSS’;
Qué filtro CSS usar para cada navegador
Esto de saber que filtro CSS elegir para cada tipo de navegador, es muy difícil, pero por suerte, en esta tabla tendremos toda la lista de filtros adaptada a cada navegador, que dirá si es compatible o no. Ver tabla de filtros CSS Vía: Anieto2k dtsv.dtse_post_30_permalink = ‘http://www.cssblog.es/que-filtro-css-usar-para-cada-navegador/’; dtsv.dtse_post_30_title = ‘Qué filtro CSS usar para … Lee más!
Bordes redondeados con CSS Sprites
Hasta que las técnicas de CSS3 aparezcan y podamos usar border-radius correctamente, podremos ir tirando gracias a CSS Sprites, una forma de crear bordes redondeados mediante divs con 4 imágenes (las 4 esquinas de los bloques). A continuación el enlace para crearlo: Bordes redondeados con CSS Sprites Vía: http://www.anieto2k.com/2008/12/29/bordes-redondeados-con-css-sprites/ dtsv.dtse_post_26_permalink = ‘http://www.cssblog.es/bordes-redondeados-con-css-sprites/’; dtsv.dtse_post_26_title = ‘Bordes … Lee más!
Optimizador de código CSS
Con esta herramienta podremos optimizar el código CSS que queramos, haciendo nuestro sitio web más rápido de navegar: Ver el optimizador de CSS dtsv.dtse_post_13_permalink = ‘http://www.cssblog.es/optimizador-de-codigo-css/’; dtsv.dtse_post_13_title = ‘Optimizador de código CSS’;
