Archivo de la categoría: CSS
Más sobre CSS 3: background-origin y background-clip
Continuando con el repaso a las diferentes propiedades de CSS 3 que controlarán nuestros fondos, ahora les toca turno a background-origin y background-clip. Estas dos propiedades vienen para ayudarnos a controlar tanto el origen respecto al cual posicionaremos las imágenes … Sigue leyendo
Fish eye menu only with CSS Transform and Transition
This fish eye menu is a simple example of the things we can make with two special CSS 3 properties: transition (today only supported by Safari and Chrome with -webkit-transition) and transform (supported by Safari and Chrome with -webkit-transform and … Sigue leyendo
Si utilizas Safari o Chrome…
…te desvelaré el final de Perdidos sólo con CSS. Si utilizas otro, habrás de esperar a la siguiente temporada… Tweet
CSS 3: Propiedades de fondo
Ayer me dio por recopilar las propiedades que previsiblemente incluirá CSS 3 para controlar el fondo de cualquier elemento (en el medio visual) y sus correspondientes valores. Varias de ellas coinciden con las que habitualmente empleamos en nuestras hojas de … Sigue leyendo
Multiples imágenes de fondo con CSS 3
Una de las novedades que introduce CSS 3 (y que por mi parte es bienvenida) es la posibilidad de incluir múltiples imágenes de fondo para un mismo elemento (http://www.w3.org/TR/css3-background/#layering). Hasta el momento, si queríamos combinar más de una imagen como … Sigue leyendo
Otro toque de estilo en el Curso de CSS
Como ya hice en la entrada anterior (estilando el curso de CSS Avanzado), voy a seguir comentando alguno de los estilos que utilicé en la presentación del curso de CSS para Zaragoza. Hoy uno rapidíto Tweet
Estilando el curso de CSS Avanzado
Hace unos días estuve en Zaragoza impartiendo un curso sobre CSS avanzado (incluido en el catálogo de cursos de CTIC). Como es lógico, y especialmente por tratarse de un curso sobre hojas de estilo y técnicas avanzadas, preparé la presentación … Sigue leyendo
Pequeña sugerencia de diseño: coherencia
Recientemente hemos recibido una grata sorpresa al ver que la web del W3C ha modificado su diseño. Y digo grata sorpresa porque el nuevo diseño resulta más elegante y actual que el anterior. El conjunto de estilos incluye una gama … Sigue leyendo
Presentación vs Comportamiento
Pues si, todo parecía ir bien en la ponencia que Bert Bos nos ofreció en Fundamentos Web 2007. Pero de repente, lo dijo, planteó que como prioridad para el siguiente nivel de CSS (nuestras muy amadas, queridas y respetadas CSS) … Sigue leyendo
acc_slide: Presentaciones con XHTML, CSS y javascript
Por fin ha llegado el momento de publicarlo. Hacía tiempo que estaba en ello pero por un motivo u otro no pude hacerlo hasta ahora. Aquí está el nuevo sistema para realizar presentaciones con XHTML, CSS y javascript. Tweet
Yo también lo he visto…
Este artículo lo voy a comenzar a la inversa. No es que me proponga escribirlo de espaldas sino que voy a comenzar citando (blockquote-ando) el consejo con el que lo concluiré: Salvo que seamos originales y queramos mostrar ese recuadro … Sigue leyendo
Efecto inesperado (uno más) en IE 7
Es muy curioso el efecto que el recien llegado IE7 aplica cuando incluimos el elemento address dentro de un item de lista y a su vez flotamos esta a la derecha. Podréis preguntaros en qué situación se aplicarían estas propiedades … Sigue leyendo
Problemas de espacio y pseudo-elementos
Se hace raro descubrir un bug de este tipo, es decir, una puta chorrada que, o bien no tienes nada que hacer o es la casualidad más casual la que hace que te des cuenta. Y además, que sea tarde. … Sigue leyendo
Identificando tipos de enlace
Una buena práctica que afecta positivamente a la accesibilidad y usabilidad de nuestras páginas es la de identificar el tipo de enlaces que tenemos en nuestra web en función de su destino. Para ello, además de las correspondientes medidas a … Sigue leyendo
Layout a tres columnas y marcado… "el justo"
Cuando se pretende estructurar el contenido de un documento web, se debe evitar por todos los medios el tener presente cual va a ser el diseño visual, y en especial el layout. Esto es fundamental si se quiere conseguir un … Sigue leyendo
Tamaños de fuente y herencia en controles de formulario
Y ahora algo en serio Supuestamente, el tamaño de fuente debería heredarse del elemento padre. Por casualidad (no sabemos quien lo dijo), hemos sabido que los elementos reemplazados (basicamente, controles de formulario, input) no siguen este comportamiento (algunas veces). Aquí … Sigue leyendo