Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de la categoría "Inspiración"

Bellos diseños web sin apenas imágenes

Hay sitios web que destacan por su elaborado diseño, sus vistosas imágenes y, en general, por un aspecto gráfico impresionante. No obstante, en ocasiones, un uso magistral de la tipografía, el color y el espacio en blanco consiguen crear un diseño, si cabe, más espectacular aún.

En Fadtastic han hecho una pequeña selección de sitios sin apenas imágenes, un conjunto de diseños limpios, sobrios y elegantes.

Rikant Industries

Beautiful sites with no (or very few) images

30 sitios de una sola página

Ahora que todo tiende a ser un blog y que la mayoría de los blogs tienden tendemos a excedernos posteando, con la premisa de que “el contenido es el rey”, es resfrescante ver una recopilación de sitios web de una sola página que harían palidecer a la mayoría de sitios mucho más grandes.

30 One Page Websites

Definitivamente un ejercicio de creatividad y resumen. Sin duda una opción a considerar para todos esos casos en los que un blog o algo más grande es simplemente demasiado.

95 enlaces para inspirarte

Que hay decenas de galerías de diseños y logotipos no es nada nuevo pero, ¿pensábais que sería capaz de recopilar 95 galerías? Yo no, en realidad me sorprende bastante la cantidad de ellas que hay ahora vistas todas juntas.

La mayoría las conocéis, pero por si os puedo ayudar a conocer alguna nueva e interesante aquí os las dejo.

Galerías de diseños web

89 enlaces, ordenados alfabéticamente

  1. bdrcast: http://www.brdcast.net/
  2. Beautifully: http://www.beautifully-webdesign.net/
  3. Best Web Gallery: http://bestwebgallery.com/
  4. CeeSeS: http://www.ceeses.com/
  5. Cool Site Collection: http://www.coolsitecollection.com/
  6. Creative Pakistan: http://www.creative-pakistan.com/
  7. CSS – Website: http://www.css-website.com/
  8. CSS 11: http://css11.com/
  9. CSS Allstar: http://www.cssallstar.com/
  10. CSS Based: http://www.cssbased.com/
  11. CSS Beauty: http://www.cssbeauty.com/
  12. CSS Blast: http://cssblast.ru/
  13. CSS Bloom: http://cssbloom.com/
  14. CSS Brain: http://cssbrain.hu/
  15. CSS Clip: http://www.cssclip.com/
  16. CSS Collection: http://www.csscollection.com/
  17. CSS Container: http://csscontainer.com/
  18. CSS Cool: http://www.csscool.cn/
  19. CSS Demo: http://css-demo.com/
  20. CSS Design Yorkshire: http://www.css-design-yorkshire.com/
  21. CSS Drive: http://www.cssdrive.com/
  22. CSS Elite: http://www.csselite.com/
  23. CSS Empire: http://www.cssempire.com/
  24. CSS Flavor: http://www.cssflavor.com/
  25. CSS Galaxy: http://www.cssgalaxy.com/
  26. CSS Galeri: http://www.cssgaleri.com/
  27. CSS Galerie: http://cssgalerie.net/
  28. CSS Galleries: http://www.css-galleries.com/
  29. CSS Globe: http://cssglobe.com/portfolios.asp
  30. CSS Hazard: http://csshazard.com/
  31. CSS Heaven: http://www.cssheaven.com/
  32. CSS Import: http://www.cssimport.com/
  33. CSS Impress: http://www.cssimpress.com/
  34. CSS Inspirace: http://inspirace.dobrestranky.com/
  35. CSS Love: http://csslove.net/
  36. CSS Mania: http://cssmania.com/
  37. CSS Mess: http://cssmess.com/
  38. CSS Princess: http://cssprincess.com/
  39. CSS Remix: http://www.cssremix.com/
  40. CSS Smooth Operator: http://csssmoothoperator.com/
  41. CSS Thesis: http://thesis.veracon.net/
  42. CSS Tux: http://www.csstux.com/
  43. CSS Vault: http://cssvault.com/
  44. CSSgallery.ro: http://www.cssgallery.ro/
  45. Dark Eye: http://www.dark-i.com/
  46. Defrost: http://www.defrost.ca/galleria.php
  47. Design in Europe: http://www.designineurope.eu/
  48. Design Shack: http://www.designshack.co.uk/
  49. Design Snack: http://www.designsnack.com/
  50. Designbeauty: http://designbeauty.wordpress.com/
  51. Devhome: http://www.devhome.de/
  52. E-motional design: http://www.e-motionaldesign.com/
  53. Easy Share: http://www.easyshare.com.cn/
  54. Edustyle: http://www.edustyle.net/
  55. Frog Family Standards: http://www.804case.com/
  56. Full Single: http://www.fullsingle.com/
  57. Happycodr: http://www.happycodr.com/
  58. Inspiration King: http://www.inspirationking.com/
  59. Light on Dark: http://www.lightondark.com/
  60. Liquid Designs: http://www.cssliquid.com/
  61. Lovely Blogs: http://www.lovelyblogs.com/
  62. Moderni Web: http://www.moderniweb.cz/
  63. Most Inspired: http://www.mostinspired.com/
  64. my3W: http://www.my3w.org/
  65. Netcocktail: http://netcocktail.com/
  66. Netzfruehling: http://www.netzfruehling.de/
  67. One Pixel Army: http://www.onepixelarmy.com/
  68. Piepmatzel: http://piepmatzel.de/
  69. Portfolio Base: http://www.portfoliobase.com/
  70. Proestilo: http://www.proestilo.com/galeria/
  71. Screenalicious: http://www.screenalicious.com/
  72. Screenfluent: http://screenfluent.com/
  73. Screenspire: http://www.screenspire.com/
  74. Showcase GR: http://www.showcase.gr/
  75. Style Crunch: http://www.stylecrunch.com/
  76. Stylegala: http://www.stylegala.com/
  77. Styletheweb: http://www.styletheweb.com/
  78. Submit CSS: http://www.submitcss.com/
  79. The Best Designs: http://www.thebestdesigns.com/
  80. The Horizontal Way: http://www.thehorizontalway.com/
  81. Unmatched Style: http://www.unmatchedstyle.com/
  82. W3C Compliance: http://www.w3c-compliance.com/
  83. W3C Sites: http://www.w3csites.com/
  84. Web Creme: http://www.webcreme.com/
  85. Web Standards Awards: http://www.webstandardsawards.com/
  86. Webtest: http://webtest.sk/
  87. With Style: http://withstyle.biz/?galeries
  88. Woke Up Design: http://wakeupdesign.jindraholy.info/
  89. Zen Garden: http://www.csszengarden.com/

Galerías de Logotipos

6 enlaces

  1. Beauty Logos: http://www.beautylogos.net/
  2. Logolounge: http://www.logolounge.com/
  3. LogoPond: http://logopond.com/
  4. Logo Sauce: http://www.logosauce.com/
  5. Logo Surf: http://buzzshout.com/logos.php
  6. Logotwo: http://www.logotwo.com/

#1 Ronda de Inspiración: Sidebars

A todos nos viene bien un poco de inspiración, con este artículo queda inaugurada una nueva “sección”, las Rondas de Inspiración.
Semanalmente iré publicando una selección de sitios web, en ocasiones como esta centrándome en un elemento concreto de los mismos, en otras tomando los sitios como conjuntos.

Espero que os guste y, si os apetece colaborar, enviadme sitios mediante el formulario de contacto

Sidebars clásicos:

Con más o menos adornos son los sidebars de toda la vida, con enlaces a las secciones o como soporte para las últimas entradas, por ejemplo, pero siempre reconocibles a simple vista.

#1. 4C’s Ltd.: http://www.4csplumbing.co.uk

Sidebar 1 # 4C's Ltd.

#2. Igoo: http://www.igoo.co.uk

Sidebar 2 # Igoo

#3. Borja.org: http://www.borja.org

Sidebar 3 # Borja.org

Sidebars Basadas en Objetos de la vida real

Trozos de papel, etiquetas… Dan un toque humano y, personalmente, me gustan mucho siempre que se apliquen al proyecto adecuado.

#4. Satsu: http://www.satsu.co.uk

Sidebar 4 # Satsu

#5. A. J. Miles: http://www.ajmiles.net

Sidebar 5 # A J Miles

ColorWhore: Un directorio de colores

No sé vosotros pero yo, a veces, cuando ando perdida buscando un color no soy capaz de sacarle partido a las típicas ruedas o selectores de colores. Yo necesito una idea y trastear con barras deslizadoras o valores puede ser una ardua tarea.
Cuando estoy atascada con la paleta de color me gusta ver galerias de paletas o colores (como daily color scheme) y hoy, via del.icio.us he encontrado Color Whore.

Color Whore es un directorio de colores que podrás navegar mediante categorías y al que podrás añadir colores tu mismo (como buen directorio). Sin duda otro enfoque a las herramientas de color online. Uno que, si consigue generar algo de interés, puede convertirse en un recurso de valor.

Color Whore - a directory of nice colors

50 favicons para recordar

Ya hace algún tiempo hablamos de cómo crear nuestro propio favicon y añadirlo a nuestro sitio, no obstante, nos dejamos en el tintero una parte muy importante: la inspiración.

El favicon es un recurso poco explotado pero muy interesante, no obstante, es complicado crear un favicon con gancho debido sobre todo al tamaño (16×16). En Smashing Magazine han recopilado una lista de favicons que puede servirnos de inspiración a la hora de crear (o mejorar) el de nuestro sitio web.

Yo me pongo manos a la obra ahora mismo ¿y vosotros a qué esperais?

Smashing Magazine: Inspire Yourself: 50 Remarkable Favicons

Daily Color Scheme: Cada día una nueva paleta

Daily Color Scheme Logo

Daily Color Scheme es un sitio web interesante, cada día nos ofrece una paleta de color nueva. Se trata de combinaciones de color elegantes, profesionales y modernas que podremos descargar en múltiples formatos (.ACT, .AI, .CS, .CSS, .HTML y .ZIP) para utilizarlas de forma cómoda.

Además, para no perdernos ni un sólo día podemos suscribirnos por correo electrónico o feed RSS.

Daily Color Scheme: http://beta.dailycolorscheme.com

Lo8os: Comunidad para diseñadores de logotipos

Logotipo Lo8os Lo8os es una extensa galería de logotipos y una comunidad para diseñadores. Su finalidad es la de compartir ideas, consejos y experiencia entre los diseñadores.

Con sólo registrarnos podremos empezar a subir nuestras creaciones y a recibir comentarios del resto de los usuarios.
La navegación por la galería está abierta a cualquiera y es sencillo encontrar lo que buscamos gracias a una inteligente clasificación por categorías basadas en el tipo de diseño.

Un recurso interesante para aprender y mejorar nuestras habilidades gráficas. Eso si, recordad que no son logotipos libres de uso.

Lo8os: http://www.lo8os.com

Via Wwwhat’s new?

LogoPond: un showcase de logotipos

Logotipo Logopond

LogoPond
es otra de estas galerías de diseños (si, otra más, si) su diferencia es que se dedica a exponer logotipos.

LogoPond: http://logopond.com/

Gallery 2 Demo Sites

Gallery 2 Logo

No me canso de decirlo, las galerías de sitios están de moda, a pesar de que ya son muchas y muy repetitivas la mayoría, esta de hoy me está siendo especialmente útil.

Gallery 2 Demo Sites
, como su propio nombre indica, es una galería de páginas reales que usan Gallery 2 para manejar sus imágenes. Se pueden ver todo tipo de implementaciones y diseños, algunos realmente espectaculares.

A titulo personal me está ayudando a superar ciertos reparos con las galerías que no sé que me pasa con ellas pero nunca consigo figurarme como organizarlas y presentarlas adecuadamente.

Gallery 2 Demo Sites:

http://gallery.menalto.com/gallery/demosites/