Webmaster Libre » Inspiración

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

Alma Fernández — Thu, 03 Sep 2009 18:44:48 +0000

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/

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

One Page Love, galería de sitios de una sola página was first posted on Septiembre 3, 2009 at 8:44 pm.

Use jQuery, galería de sitios que emplean jQuery

Alma Fernández — Mon, 20 Apr 2009 16:24:10 +0000

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

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Use jQuery, galería de sitios que emplean jQuery was first posted on Abril 20, 2009 at 6:24 pm.

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

Alma Fernández — Mon, 13 Apr 2009 14:51:31 +0000

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

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

UI Patterns, librería de patrones de diseño de interfaces was first posted on Abril 13, 2009 at 3:51 pm.

Menús listos para usar en Styled Menus

Alma Fernández — Mon, 15 Dec 2008 18:11:09 +0000

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.

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

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Menús listos para usar en Styled Menus was first posted on Diciembre 15, 2008 at 7:11 pm.

Bellos diseños web sin apenas imágenes

Alma Fernández — Mon, 12 Nov 2007 20:10:04 +0000

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.

Beautiful sites with no (or very few) images

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Bellos diseños web sin apenas imágenes was first posted on Noviembre 12, 2007 at 9:10 pm.

30 sitios de una sola página

Alma Fernández — Thu, 29 Mar 2007 16:21:37 +0000

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.

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

30 sitios de una sola página was first posted on Marzo 29, 2007 at 5:21 pm.

95 enlaces para inspirarte

Alma Fernández — Thu, 15 Mar 2007 06:46:22 +0000

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

bdrcast: http://www.brdcast.net/
Beautifully: http://www.beautifully-webdesign.net/
Best Web Gallery: http://bestwebgallery.com/
CeeSeS: http://www.ceeses.com/
Cool Site Collection: http://www.coolsitecollection.com/
Creative Pakistan: http://www.creative-pakistan.com/
CSS – Website: http://www.css-website.com/
CSS 11: http://css11.com/
CSS Allstar: http://www.cssallstar.com/
CSS Based: http://www.cssbased.com/
CSS Beauty: http://www.cssbeauty.com/
CSS Blast: http://cssblast.ru/
CSS Bloom: http://cssbloom.com/
CSS Brain: http://cssbrain.hu/
CSS Clip: http://www.cssclip.com/
CSS Collection: http://www.csscollection.com/
CSS Container: http://csscontainer.com/
CSS Cool: http://www.csscool.cn/
CSS Demo: http://css-demo.com/
CSS Design Yorkshire: http://www.css-design-yorkshire.com/
CSS Drive: http://www.cssdrive.com/
CSS Elite: http://www.csselite.com/
CSS Empire: http://www.cssempire.com/
CSS Flavor: http://www.cssflavor.com/
CSS Galaxy: http://www.cssgalaxy.com/
CSS Galeri: http://www.cssgaleri.com/
CSS Galerie: http://cssgalerie.net/
CSS Galleries: http://www.css-galleries.com/
CSS Globe: http://cssglobe.com/portfolios.asp
CSS Hazard: http://csshazard.com/
CSS Heaven: http://www.cssheaven.com/
CSS Import: http://www.cssimport.com/
CSS Impress: http://www.cssimpress.com/
CSS Inspirace: http://inspirace.dobrestranky.com/
CSS Love: http://csslove.net/
CSS Mania: http://cssmania.com/
CSS Mess: http://cssmess.com/
CSS Princess: http://cssprincess.com/
CSS Remix: http://www.cssremix.com/
CSS Smooth Operator: http://csssmoothoperator.com/
CSS Thesis: http://thesis.veracon.net/
CSS Tux: http://www.csstux.com/
CSS Vault: http://cssvault.com/
CSSgallery.ro: http://www.cssgallery.ro/
Dark Eye: http://www.dark-i.com/
Defrost: http://www.defrost.ca/galleria.php
Design in Europe: http://www.designineurope.eu/
Design Shack: http://www.designshack.co.uk/
Design Snack: http://www.designsnack.com/
Designbeauty: http://designbeauty.wordpress.com/
Devhome: http://www.devhome.de/
E-motional design: http://www.e-motionaldesign.com/
Easy Share: http://www.easyshare.com.cn/
Edustyle: http://www.edustyle.net/
Frog Family Standards: http://www.804case.com/
Full Single: http://www.fullsingle.com/
Happycodr: http://www.happycodr.com/
Inspiration King: http://www.inspirationking.com/
Light on Dark: http://www.lightondark.com/
Liquid Designs: http://www.cssliquid.com/
Lovely Blogs: http://www.lovelyblogs.com/
Moderni Web: http://www.moderniweb.cz/
Most Inspired: http://www.mostinspired.com/
my3W: http://www.my3w.org/
Netcocktail: http://netcocktail.com/
Netzfruehling: http://www.netzfruehling.de/
One Pixel Army: http://www.onepixelarmy.com/
Piepmatzel: http://piepmatzel.de/
Portfolio Base: http://www.portfoliobase.com/
Proestilo: http://www.proestilo.com/galeria/
Screenalicious: http://www.screenalicious.com/
Screenfluent: http://screenfluent.com/
Screenspire: http://www.screenspire.com/
Showcase GR: http://www.showcase.gr/
Style Crunch: http://www.stylecrunch.com/
Stylegala: http://www.stylegala.com/
Styletheweb: http://www.styletheweb.com/
Submit CSS: http://www.submitcss.com/
The Best Designs: http://www.thebestdesigns.com/
The Horizontal Way: http://www.thehorizontalway.com/
Unmatched Style: http://www.unmatchedstyle.com/
W3C Compliance: http://www.w3c-compliance.com/
W3C Sites: http://www.w3csites.com/
Web Creme: http://www.webcreme.com/
Web Standards Awards: http://www.webstandardsawards.com/
Webtest: http://webtest.sk/
With Style: http://withstyle.biz/?galeries
Woke Up Design: http://wakeupdesign.jindraholy.info/
Zen Garden: http://www.csszengarden.com/

Galerías de Logotipos

6 enlaces

Beauty Logos: http://www.beautylogos.net/
Logolounge: http://www.logolounge.com/
LogoPond: http://logopond.com/
Logo Sauce: http://www.logosauce.com/
Logo Surf: http://buzzshout.com/logos.php
Logotwo: http://www.logotwo.com/

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

95 enlaces para inspirarte was first posted on Marzo 15, 2007 at 7:46 am.

#1 Ronda de Inspiración: Sidebars

Alma Fernández — Sun, 04 Mar 2007 20:20:33 +0000

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

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

#3. Borja.org: http://www.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

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

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

#1 Ronda de Inspiración: Sidebars was first posted on Marzo 4, 2007 at 9:20 pm.

ColorWhore: Un directorio de colores

Alma Fernández — Sun, 25 Feb 2007 18:49:30 +0000

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

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

ColorWhore: Un directorio de colores was first posted on Febrero 25, 2007 at 7:49 pm.

50 favicons para recordar

Alma Fernández — Wed, 31 Jan 2007 16:46:25 +0000

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

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

50 favicons para recordar was first posted on Enero 31, 2007 at 5:46 pm.