Como Estructurar una CSS

Interesantísimo post en el que nos enseña los primeros pasos para estructurar una hoja de estilos y poder mantener una disposición legible de los estilos en la Hoja.  Aunque está  en inglés creo que es de recomendada lectura

http://www.shapeshed.com/journal/default_styles_for_css/

Test Visuales de Propiedades CSS

En webeame hacen referencia a esta página en la que se pueden probar las propiedades css:

«Tests completísimos, con ejemplos totalmente «visuales», de cómo se vería cada una de las posibles combinaciones «propiedad:valor» de CSS en cada uno de los principales navegadores. Viene agrupado por categoría: floats, containers, margins, centering, etc. Imprescindible para crear código que se vea bien en todos los navegadores!»

http://brunildo.org/test/index.html

Las Modas del Diseño WEB

interesante artículo de webnova 

Las Modas del Diseño Web

Navegando últimamente me he encontrado, para mi asombro, con una gran cantidad de sitios que mantienen un mismo estilo o concepto gráfico. Quiero pensar que esto no se debe a una falta masiva de originalidad, sino mas bien a las modas o tendencias que se van marcando casi imperceptiblemente en la red. Las dos posibilidades son lamentables.

En tiempos no muy lejanos se imponían las fuentes de letras. Por ejemplo en los comienzos de la web todo era “Times New Roman”, todos los sitios salían sí o sí con esta tipografía, sin embargo desde el año 1998 hasta el 2002 aproximadamente, se diseñaban todos los sitios con fuente “Verdana” o “Tahoma”, el diseñador que no utilizaba esta fuente podía ser tildado de retrógrado, inconsciente de las modas o un pésimo diseñador gráfico. Más cercano a nuestros días vino la fuente “Trebuchet”, aunque en un principio esta fuente era solo de los bloggers, los sitios empezaron a utilizarla masivamente.

El tema es paradójico, mientras más corremos por lo moderno, más rápido se queda en el tiempo nuestro diseño. Esto es así porque si todos los diseñadores trabajan dentro una misma tendencia acaban todos haciendo lo mismo, por necesidad entonces se recurre a otra moda. El círculo vicioso empieza de nuevo.

Porque no ir tras las modas del Diseño:
Es muy triste cuando veo un diseño que ha quedado obsoleto o desencajado por el simple hecho de haber sido presa de un diseñador “moderno” que corre tras las modas o tendencias que se marcaron en un tiempo. Pero lo peor de todo, es que si doptamos una postura totalmente vanguardista en nuestros trabajos corremos el riesgo de que nuestra web o diseño pierda valor en todos los sentidos en muy poco tiempo.

Un buen diseño perdura en el tiempo y se mantiene atractivo independientemente de las tendencias en el diseño.

Los sitios web comerciales (los que menos actualizan un diseño Web) son los que más padecen este tipo de falencias. Si se creó un sitio en el año 2003 y este se basó en las últimas tendencias, es muy probable que en la actualidad 2006 este se vea como desencajado o “antiguo”.

Otro motivo por el que no ir tras lo que hacen todos es por el simple hecho de que no podemos darnos el lujo de cambiar nuestro logo o nuestro diseño web cada 3 meses, primero porque el tiempo nunca sobra, y segundo porque el que más sufre es nuestro usuario. De ahí la necesidad de que nuestros trabajos perduren en el tiempo.

Si acabamos persiguiendo lo que hacen todos terminamos no viviendo ni disfrutando de los resultados que podamos obtener. En vez de gastar nuestro tiempo en adaptarnos al ambiente modernista debemos con empeño tratar de ganar a nuestros usuarios o en mejorar un estilo de diseño.

Como hacer perdurar nuestros diseños.
Para que nuestro logo o nuestro diseño web no quede desencajado en su apariencia con el tiempo, debemos lograr aspectos sobrios, originales y centrados en la comodidad del navegante, si pensamos en ayudar al usuario en la navegación y en su comodidad visual, es muy probable que estemos por el camino correcto. El no concentrarnos por detalles irrelevantes o que puedan entorpecer la usabilidad será de gran importancia a la hora de lograr un buen diseñoweb.
Ver los buenos y conservadores diseñadores gráficos que saben trabajar con un criterio adecuado sobre este tema.

Algunos ejemplos más que claros sobre como muchos corren tras lo mismo
Encontré en muy pocos días de navegación esta similitud entre diferentes logos de sitios web, cabe destacar que todos los sitios poseían una temática distinta entre sí. No hay excusas.

 

 

 

 

 

 

No podemos decir ni saber quien copió a quien, porque no estamos hablando de plagios, pero sirve el ejemplo como muestra de que es lo que pasa cuando todos corren tras lo mismo.

Completa colección de tutoriales

completa colección de tutoriales, desde todas las tecnologías para la programación web a los clásicos lenguajes de programación como C. Una página destinada a favoritos de toda persona que se dedique a la programación

www.smashingmagazine.com

43 Técnicas CSS

Completa página que nos ofrece 43 técnicas CSS de gran utilidad. Para hacer barras de navegación, gráficas, tablas, bordes, sombras, esquinas, degradados, formularios, en definitiva, todo lo que se te pueda ocurrir. Yo no tardé en añadirla a mis favoritos.

http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/

Colocar el pie de página

En la mayoría de casos los pie de página van pegados al final de la página y cuesta trabajo colocarlos en esa posición. En esta página nos dan una posible solución a nuestro problema.

{position:relative;   height:40px;  margin-top:-40px;}

http://www.estadobeta.com/2007/01/19/el-pie-de-pagina-al-pie-de-la-pagina/