CSS Floats

Disponer los elementos de un site web adecuadamente con un diseño atractivo y no el clásico tabular suele ser todo un desafío. El correcto uso de las propiedades de las Css es nuestro mejor aliado, elegir mas una propiedad puede hacer que nuestro sitio se vea perfecto en Firefox y espantoso en IE.
Una de las utilidades de Css es la propiedad float, la cual permite ubicar los bloques en posiciones que con HTML puro sería imposible. El siguiente documento explica con mucho detalle la correcta utilización de esta utilidad y nos muestra distintos ejemplos de las diferentes combinaciones posibles de la misma.

http://webdesign.about.com/od/advancedcss/a/aa010107.htm

Esquinas Redondeadas en HTML

Quien no recibió alguna vez un diseño web realizado por un diseñador gráfico, esclavo de Fireworks, Adobe ILustrator, Flash y Photoshop, en el cual había animaciones, sombras, esquinas redondeadas por doquier y cosas super extrañas como esas. Díganme si no les dan ganas de cortarse las pelotas de una al ver una cosa así.

Buscando la forma mas práctica y estándar para hacer esquinas redondeadas me tope con una herramienta muy práctica, se llama Nifty Corners, básicamente es un JavaScript que al cargar el documento en el browser del cliente aplica un css especial que provoca que los divs elegidos redondeen las esquinas.

Como se hace, fácil, muy fácil, vean lo documentación y pruebenlo.

Les cuento que es fundamental indicar el tipo de selector CSS que es, para el caso de id es "#" y en el caso que sea un selector de clase deben indicar el ".", en función este tipo el JavaScript sabe si debe aplicar a varios bloques o a solo un bloque. Tambien es fundamental poner el JavaScript en la ubicación correcta y junto con el la CSS, caso contrario no les va a funcionar como debería. El script se encarga de incluir su css automáticamente.

Pueden ver un ejemplo sencillo aquí.

No dejen de revisar su documentación, esta provee mucha info sobre diferentes variantes de uso.

4 Tips para Diseñar Interfaces

El diseño de interfaces de usuarios, para gente de sistemas, es y siempre será todo un trauma. Seamos sinceros, por más que muchos tengan facilidad, hasta el día de hoy no vi un sistema creado netamente por un programador con una interfase linda, agradable y entendible por simples mortales. Esta cuestión salto a la luz hace unos días atraz en la Linux World donde un personaje de IBM criticaba duramente a los diseños de los programas Open Source, a lo cual simplemente respondo apoyando a la opinión de Facundo.

En fin, lo que les quería comentar en realidad es que me tope con este interesante post donde dan 4 tips para diseñar interfaces de usuarios, muy interesante los consejos y puestos de una manera muy graciosa.