El Comercio Digital

Webmaster Libre

Desarrollo Web con Software Libre

Estás navegando por el archivo de la categoría Inspiración

One Page Love, galería de sitios de una sola página

One Page Love

Me está costando volver de las vacaciones, aunque las mías se terminaron hace ya algunas semanas. Es lo que tiene que siga haciendo buen tiempo y no anochezca demasiado pronto ¿verdad?.

Lo mejor para entrar en esta dinámica “invernal”, al menos para mí, es inspirarme un poco. Ver esas cosas maravillosas que otros son capaces de hacer y empezar a querer hacerlas yo también (algunos lo llaman envidia sana).

Para inspirarnos todos en este comienzo de septiembre traigo hoy One Page Love.

Se trata de una galería de preciosos diseños de sitios de una sola página, un formato cada vez más frecuente y realmente conveniente cuando queremos mostrar un mensaje conciso de la forma más clara y efectiva posible.

One Page Love: http://onepagelove.com/

Inspiración

2 Comentarios

Use jQuery, galería de sitios que emplean jQuery

use jquery

Hala, una más para la lista de galerías de sitios. Esta vez es una galería de sitios que usan jQuery, por lo menos es original.

En Use jQuery la idea es recopilar sitios que usan esta librería javascript y mostrarnos cómo lo hacen. Para ello se incluyen las líneas de código correspondientes al trabajo con jQuery para que podamos ver como programan otros, aprender de ellos, de sus errores y aciertos.

El sitio viene acompañado de un blog con tutoriales y experimentos.

Use jQuery: http://usejquery.com/
Blog: http://thisblog.usejquery.com/

Vía Xyberneticos

Inspiración, Javascript

1 Comentario

UI Patterns, librería de patrones de diseño de interfaces

ui-patterns

A la hora de diseñar interfaces de usuario, sean para web o para otro tipo de aplicaciones, suele ser recomendable recurrir a convenciones que resulten familiares al usuario para facilitarle la interacción.

UI Patterns es un sitio web donde podrás consultar diferentes patrones de diseño para solucionar situaciones comunes en desarrollo de interfaces web.

La web se divide en varias secciones, una nos muestra diferentes patrones de uso común, con una explicación del caso de uso y consejos para implementarlos. Estos patrones pueden ser valorados por los usuarios. Por otro lado también cuenta con galerías de capturas de pantalla de diferentes componentes de los interfaces, para que veas como han resuelto la situación en otros sitios y te inspires para diseñar tus propios sitios. Por último también podrás acceder a galerías de los usuarios.

A pesar de que existen miles de galerías de diseños, el enfoque de UI Patterns me parece especialmente interesante, muy útil sobre todo cuando no tenemos muy claro como afrontar un problema con un diseño.

Yo hace tiempo que hacía algo parecido, guardando capturas de pantalla de los aspectos que me resultaban más interesantes de algunos sitios web ¿hacéis algo similar? ¿os resultaría útil un servicio parecido a este pero en castellano?

UI Patterns: http://ui-patterns.com

Diseño Web, Inspiración, Usabilidad y Accesibilidad

3 Comentarios

Menús listos para usar en Styled Menus

Los menús de navegación son uno de esos elementos de un sitio web en los que solemos poner bastante atención. Ayudar al usuario a encontrar lo que busca es una de sus misiones fundamentales y suelen estar presentes en todas las páginas de nuestro sitio.

Styled Menus nos ofrece una gran cantidad de bonitos menús desarrollados con HTML y CSS, compatibles con todos los navegadores y validados.

Styled Menus screenshot

Sin duda nos resultarán de ayuda para nuestros futuros diseños o, incluso, como base para aprender a realizar nuestros propios e impresionantes menús.

Styled Menus: http://www.styledmenus.com/

Vía Intenta

CSS, Inspiración, Recursos

5 Comentarios

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

Inspiración

Comenta

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.

Enlaces, Inspiración

4 Comentarios

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/

Enlaces, Inspiración, Recursos

12 Comentarios

#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

Inspiración

5 Comentarios

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

Inspiración, Recursos

6 Comentarios

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

Inspiración, Recursos

2 Comentarios

Información:

Webmaster Libre es un blog de Alma Fernández Página alojada en Redcoruna