Diseño Web

Hay veces que uno esta tras un buen diseño y no lo encuentra. Siempre los mismos. Es más, la mayor parte de blogs suelen tomar diseños muy buenos, pero también muy conocidos y utilizados (Kubrick ó k2, por ejemplo) y aunque los personalizan, siguen manteniendo un aspecto parecido.

83 Impresionantes diseños WordPress que probablemente no hayas visto

Para evitar esto, siempre es bueno tener a la mano un buen paquete de diseños y, pensando así, en Smashing Magazine ha compilado un listado con 83 impresionantes diseños para WordPress, gratuitos y listos para descargar, algunos de ellos ya son algo conocidos pero otros no tanto. En todo caso, vale la pena verlos.

Enlace | 83 Beautiful Wordpress Themes

Inspiración! Excelente colección de favicons

Si no sabes lo que es un favicon, dirigete a este mini tutorial. En smashingmagazine nos sorprenden con una colección muy original: Un listado de favicons que valen la pena destacar.

Enlace | Inspire Yourself: 50 Remarkable Favicons

Un muy útil tip CSS para agrandar y, en general, manejar las dimensiones del reproductor de videos de YouTube a la hora de publicarlo en nuestras webs.

Cómo agrandar los videos de Youtube con CSS

El CSS es el siguiente:

object {
width: 485px;
height: 410px;
}

embed {
width: 485px;
height: 410px;
}

Esta demás decir que los valores (píxeles) dependen del diseño de cada sitio.

Visto en Cosas Poposas

CSS templates

Una muy buena colección de CSS templates que nos pueden ser de gran ayuda. Son 12 diseños básicos (casi maqueta) de 1, 2 y 3 columnas, ideales para personalizar.

Enlace | 12 Basic CSS Templates
Vía | illasaron

Guía para diseñar una web 2.0

En web design from scratch ha elaborado una muy buena guía para diseñar una Web 2.0. Resumimos sus 15 pasos.

  1. Simplicidad
  2. Diseño centrado
  3. Pocas columnas
  4. Separar notoriamente el header
  5. Áreas sólidas como “espacio real”
  6. Menú de navegación simple
  7. Logos grandes y que resalten
  8. Texto relativamente grande
  9. Texto que describe la web
  10. Colores llamativos
  11. Superficies con textura o efectos
  12. Gradientes
  13. Reflejos en logos, menús, tablas, etc.
  14. Muy buenos íconos
  15. Chapas en forma de estrella

Vía | Vecindad Gráfica

Inspiración! Colección de footers con CSS

Continuando un post que publicamos hace algún tiempo sobre un par de colecciones de menús de navegación con CSS, ahora les comentamos que en Smashing Magazine han recopilado una excelente colección de footers. Todos los diseños son muy buenos y quedan de inspiración.

Enlace | CSS based footers modern solutions

Suscríbete

  • Suscribete a nuestro feed
  • Add to Google Reader or Homepage
  • Subscribe in NewsGator Online
  • Add to My AOL
  • Subscribe in Bloglines
  • Add to netvibes