Hacer una lista ordenada (ol) cuenta regresiva o backwards

Añadir comentario | 19 de Noviembre, 2008

Para crear una lista podemos utilizar las etiquetas ul u ol, esta última ordena los datos y podemos mostrar con CSS diversos tipos de numeración con list-style-type

Ahora bien para convertir esto:

  1. Uno
  2. Dos
  3. Tres

En:

3. Uno
2. Dos
1. Tres

Tenemos dos opciones, una con CSS y otra con Javascript.

Con CSS

Podemos invertir el orden de la lista en horizontal, simplemente flotando li a la derecha:

Igualar el alto de las columnas con CSS | divs de fondo

Añadir comentario | 13 de Noviembre, 2008

Para igualar el alto de las columnas con la intención de utilizar un color distinto de fondo independientemente de su altura podemos utilizar el método de Matthew James Taylor. Simplemente metemos el color de fondo en otros div que se colocan detrás.

image

La ventaja de este método es que es compatible con todos los navegadores, ni hacks ni box-model, sólo CSS en %, float y position relative. Las 3 columnas están contenidas en 3 divs contenedores, en vez de 1 que sería lo normal, cada uno de estos divs es el que se posiciona detrás de cada columna para darle color.

Todo lo que sabes de CSS es falso | El retorno de las tablas

Añadir comentario | 04 de Noviembre, 2008

Así de contundente es el titular de Digital Web Magazine: “Everything You Know About CSS Is Wrong” .

Y es que Internet Explorer 8 soportará las propiedades CSS table, table-row, y table-cell. Enterrarán para siempre la caduca etiqueta HTML <table> y harán mucho más fácil el diseño de layouts con CSS.

image

Una gran noticia sino fuera porque al diseñar hay que tener en cuenta todos los navegadores y sus versiones.

CSS Type Set | Herramienta online para textos CSS

Añadir comentario | 04 de Noviembre, 2008

Otra app web más con pocas opciones pero útil para neófitos en CSS. Visualiza online los estilos CSS aplicables a un texto: fuente, tamaño, color… No puedes combinar varios estilos.

CSS Type Set

image

Vía: css type set, crea css facil y online > csstypeset - Aprender a crear hojas de estilo CSS

+70 Chuletas para diseñadores web

Añadir comentario | 03 de Noviembre, 2008

Sitios de consulta para diseñadores web, lo que se conocen como Cheat Sheets o “Chuletas” para que nos entendamos.

Las hay de HTML, DHTML, Actionscript, Adobe Air, Javascript, CSS, Ajax, Color, PHP, Photoshop y hasta de MySQL

70+ Cheat Sheet Resources for Web Designers (inglés)

image

Vía: Más de 70 chuletas ‘Cheat sheet’ para diseñadores web

La web del mañana con AIR y CSS3

Añadir comentario | 30 de Octubre, 2008

Enjoy Tomorrow’s Web Today with AIR and CSS3 es un estupendo artículo en inglés de Jonathan Snook que nos muestra cómo hacer realidad nuestros sueños usando el esperado CSS3.

Propone técnicas CSS3 que usaremos al desarrollar una aplicación con Adobe AIR.

image

Luego nos manda a un test, si lo pasas te puedes descargar el pdf Adobe AIR For JavaScript Developers, los 100 primeros recibirán el libro impreso.

25 Técnicas CSS originales, experimentales y curiosas

Añadir comentario | 25 de Octubre, 2008

En Innovative (and Experimental) CSS Examples and Techniques hay una recopilación de técnicas CSS poco usuales, algunas porque no son compatibles con todos los navegadores o no cumple los estándares. En cualquier caso son originales y curiosas.

image

Merece la pena estudiarlas:

16 formularios y 13 menús dinámicos AJAX

Añadir comentario | 23 de Octubre, 2008

Dos enlaces para crear formularios de contacto y menús dinámicos con javascript:

  1. 16 Free Ajax Contact Forms - For A Better User Experience

    image

  2. 13 Awesome Javascript Animated Flash Like Menus (Vía: 13 menús dinámicos gracias a Javascript)

    image

    70 sitios web con grandes imágenes de fondo

    Añadir comentario | 09 de Octubre, 2008

    La propiedad background en CSS permite establecer un patrón para repetir una imagen pequeña, de carga rápida como fondo de una página. Muchos diseñadores prefieren utilizar sólo 1 imagen de gran tamaño consiguiendo un aspecto único y una imagen de marca muy personal.

    3 ejemplos de los 70 recopilados en FrancescoMugnai.com

    image

    David Walsh confiesa y comparte sus peores errores CSS

    Añadir comentario | 08 de Octubre, 2008

    David Walsh nos cuenta en su blog los errores que cometía en sus comienzos, no es común hacer público los errores que uno comete, al hacerlo David nos da dos lecciones, una de humildad y otra de CSS. Didáctico y divertido (en inglés)

    My Worst CSS Mistakes

    image

    Vía:  Peores Errores en CSS

    Suscribirse al feed de ceslava.com   RSS