CSS significa Hojas de Estilo en Cascada. Con cascada, nos referimos que el browser lee esta hoja de estilos en orden descendente (haciendo analogía, una cascada cae de arriba hacia abajo). Así, en el caso de tener dos estilos similares […]

La verdadera !importancia
5/jun/2007 8

Con este artículo les mostraré una manera de cómo CSS realmente potencia la presentación de un sitio, aportando más hacia la accesibilidad y usabilidad que a los muchos argumentos que hemos entregado hasta ahora. CSS2 nos permite aplicar estilos a […]

Selectores avanzados de atributos
5/jun/2007 8

Uno de los pocos detalles que le he visto a Firefox, responde a un tema con los links. En realidad, aparece siempre que el foco está sobre un elemento (formularios, enlaces) para llamar la atención y destacarlo por sobre otros. […]

El contorno de la discordia
28/may/2007 16

Una propiedad muy importante de CSS es position. Con ella, podemos estructurar nuestro sitio web, aunque según mi perspectiva prefiero utilizar float y display para lograr lo mismo. Enfin, cosa de gustos. Algunas veces eso sí se me ha hecho […]

Absolutamente sí
11/may/2007 12

Una de las cosas más difíciles que me toca al armar un sitio, son los formularios. Hacer que queden alineados correctamente, y en todos los browsers, es algo que a ratos me complica. Al terminarlos, está un pequeño botón que […]

Estilos de botones crossbrowser
23/abr/2007 12

Pido disculpas por un título tan simple esta vez. No se me ocurrió nada mejor. Enfin, lo que vale es lo que sigue. Siguiendo con el desarrollo del nuevo Be Studios, creé un método donde al posar el mouse sobre […]

Texto auxiliar con estilo
18/abr/2007 4

Existen 2 maneras para centrar elementos HTML, ambas muy conocidas y difundidas. Con CSS, centrar un elemento depende de sí mismo: Elementos lineales Estos elementos son los que no son en formato bloque, como <span> e imágenes <img>. Para centrarlos, […]

Centrando Horizontalmente (a prueba de IE)
9/abr/2007 2

Un interesante recurso utilizado por diseñadores es de utilizar bordes redondeados para delimitar secciones en sus sitios web. En CSS no es tan simple lograrlo, a veces implica utilizar más de un DIV contenedor para abrir y cerrar los bordes, […]

+ bordes redondos
2/abr/2007 5

Un gran medio aún por ser explotado en latinoamérica (y que creo que lo será durante este año 2007) es el de la internet para dispositivos móviles. Aunque ya hice un acercamiento en el artículo CSS para móviles, navegando por […]

Diseño para móviles: referencia
19/mar/2007 3

Por usabilidad, siempre es recomendable dejarle claro al usuario dónde está parado dentro del sitio. Existen varias maneras de hacerlo, desde dejar evidente en el <title> en qué sección se está, pasando por mostrar un pequeño mapa de navegación desde […]

menúes y la class .selected
15/mar/2007 13

“Estaba ya cansado de, cada vez que necesitaba del código del .clearfix para incluirlo en una nueva hoja de estilos CSS, tenía que googlear y copiar-pegar desde positioniseverything… Entonces, luego de un día de investigación, ha surgido este widget. Muchas […]

.clearfix: el widget
9/mar/2007 7

Hubo un tiempo en que esto me dió varias horas de preocupación, y muchas más de búsqueda por internet. Necesitaba construir un layout con 2 columnas (pueden ser 3 o más, da igual) pero que todas las columnas tuvieran el […]

Columnas de igual alto
2/mar/2007 11

Muy seguido la gente me pregunta sobre cómo hacer que sus sitios aparezcan en los buscadores en los primeros lugares. No existe el santo grial para esto. No existe un botón que lo haga posible. Cada buscador tiene su lógica […]

SEO y la web semántica
23/feb/2007 6

Hasta no hace poco, para lograr transparencias en imágenes para web, el método era exclusivamente hacerlo con un SWF. Con la masificación del PNG, esto se ha hecho más fácil y el resultado es bastante satisfactorio (no como esos horrendos […]

Transparencias a prueba de browsers
24/ene/2007 11

(Ver actualización) Una buena razón por lo que muchas personas defienden el uso de tablas para la diagramación de contenidos de un sitio web, es porque éstas permiten el correcto centrado horizontal y vertical de los elementos contenidos dentro de […]

Centrado Vertical con CSS (actualizado)
12/ene/2007 51

En la sintaxis de definiciones de CSS, es posible resumir algunas propiedades (tags), lo que nos da una gran ventaja ahorrándonos líneas de código, lo que a la larga hace que nuestra hoja de estilos pese bastante menos. Con esto […]

Ahorrando hasta en código
21/dic/2006 2

Un problemón de quien pretende entender esto del diseño con hojas de estilos, llega al momento de construir el layout y que todos los elementos se queden donde deberían estar, posicionándolos, flotándolos, como mejor se prefiera. Margin, padding, border y […]

Como Caja: el modelo
14/dic/2006 16

Ha resultado ser un extenso tópico el asunto de las listas. Mucho hay de qué hablar, y mucho por complementar. En esta ocasión, desenterraré varias propiedades HTML que se han dejado de utilizar por diferentes razones, pero que aún resultan […]

Ordenando Listas
24/nov/2006 5

Listas de elementos suelen ser cansativas, tediosas de leer. Aunque CSS te entrega varios diseños para variar el típico bullet circular, también te entrega la posibilidad de utilizar una imagen (generalmente un GIF muy liviano, no más de un par […]

Más estilos a las listas
14/nov/2006 20

Los pies de página, o footers como prefiero llamarlos, han demostrado ser un importante factor gráfico a la hora de armar sitios web, o más comúnmente, blogs. Puedes dejar estampado los derechos reservados de tu sitio, si valida, si no […]

¡Aaaaabajo!
6/nov/2006 14

A partir de CSS2, se puede agregar más de una clase a un selector. Basta con separarlos con un espacio dentro del class de esta manera: class="rojo bold". Veamos un ejemplo muuuuuy simple. A continuación, dos estilos para un mismo […]

Con más clase
3/nov/2006 0

CSSLab

⤷ Categoría CSS