| 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:
- Uno
- Dos
- 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:
…
| 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.
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.
…
| 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.
Una gran noticia sino fuera porque al diseñar hay que tener en cuenta todos los navegadores y sus versiones.
| 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
Vía: css type set, crea css facil y online > csstypeset - Aprender a crear hojas de estilo CSS
| 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)
Vía: Más de 70 chuletas ‘Cheat sheet’ para diseñadores web
| 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.
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 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.
Merece la pena estudiarlas:
…
| 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
…
| 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
Vía: Peores Errores en CSS