Un de los consejos que doy a quienes empiezan a realizar sitios web, es que exploren bastantes sitios de todos los tipos sean portales, personales de empresas etc, para ir tomando en cuenta las estructuras de cada sitio, la usabilidad, juego de colores, código y manejo de información.
Para eso existen sitios como CssBased una excelente red social en donde se catalogan verdaderas obras de arte realizadas en base a diseño CSS.
CssBased es el sitio especial para buscar inspiración al momento de realizar alguna propuesta (eso si nunca copies una web completamente), catalogado por categorías, en esta comunidad además puedes votar o comentar los diseños que se exponen.
Vía: wwwhatsnew
Desde el sitio de N.Design Studio me tope con este sorprendente menu desarrollado con CSS y que se basa en la barra dock del Mac OS X, según cuenta Nick el dasarrollo lo realizo utilizando la biblioteca Javascript llamada jQuery y el componente Fishere para la interface mesclado con iconos de su colección. Un ejemplo destacable y que demuestra lo que se puede llegar a hacer sin siquiera utilizar Flash, el código completo lo encuestras en el sitio Ver demo
Vía: NDesign
Una excelente guía bien detallada que deberías leer si estas empezando a diseñar sitios en el que te explican el porque al momento de diseñar webs no se deben utilizar tablas. Via: Nubeoscura
Ver Guía
Un excelente recurso de tutoriales para aprender a diseñar mediante código CSS llamativos menús de bajo peso para tu sitio web, en los enlaces a continuación podrás realizar barras de menús horizontales y verticales, cambios de color, tamaños etc. Vía
13Styles es un sitio en el que encontrarás con explicación de su código una recopilación de menues en CSS para web bastante vistosos y recomendado.
Por medio de memoriasdeungeek llegue a Sitepoint (exelentes contenidos) un sitio en donde tienen personalizada la imágen de autoscroll (que aparece cuando te mueves con la ruedita del mouse) la idea es muy buena y lo mejor es que esta realizada con CSS cosa de mirar el code y poner manos a la obra, el code es este:
html>img /* autoscroll override for Firefox */
{
width: 0 !important;
height: 28px !important;
padding-left: 28px !important;
background: url(/images/icons/autoscroll2.png);
}
Exelente recurso CSS para crear un Sliding horizontal, perfecto para mostrar la descripción de alguna imágen o un producto, realizado con CSS y XHTML Visitar
Via Juglar me encuentro con este detallado informe de como cambiar el aspecto del panel de control de nuestro WP, un artículo a destacar me encanto… Gracias Juglar
Esta utilidad limpia y comprime tu archivo CSS en una variedad de maneras ademas puedes validar el resultado. http://cssc.darkriftstudios.com/
Post relacionados
No hay articulos relacionados a este Post.
Bueno como dije cumpliendo la edad de Kristo cambiaba de piel, y así es me demore un poco por algunos trabajos que debía cumplir, pero aquí esta el nuevo diseño de mi weblog, quise darle un tono mas suave y plano con puntas redondeadas
De nombre clave “Oldcream” me inspire una fría mañana en que bebía mi desayuno (café con leche), y se me ocurrió seguir un diseño con esos suaves colores que imprimió en mi retina el calido desayuno.
Bueno espero me comenten si encuentran alguna falla de código CSS o algo que este funcionando mal ya que durante este dia lo testeare, que lo disfruten….
