Superstickies – Cómo crear notas en la web

Y mientras toda la blogosfera anuncia que ya está disponible Google Street en muchas ciudades de España, yo sigo comentando sitios menos conocidos con más o menos gracia.

Aquí­ os dejo SuperStickies, una página en la que, después de incluir el texto y elegir el color, podréis salvar la imagen al estilo post-it.

Ideal para hacer diseños originales en la web, algo del estilo:
Una de las muchas aplicaciones que pueden encontrarse en wigflip, todas del mismo estilo: personalizar banners, crear botones, etc.

Por supuesto nada que con un poco de habilidad con Photoshop no resuelva, aunque seguro que incluso yo tardo menos con este tipo de webs.

Las imágenes generadas también pueden subirse directamente a Flickr o Imageshack.

Viajeteca – Guí­a de viajes en forma de Wiki

Aunque le falta mucho que mejorar en diseño, viajeteca puede llegar a ser un buen proyecto si sus lectores colaboran incluyendo todo el contenido necesario.

Se trata de una enorme guí­a de viajes en la que se pueden leer recomendaciones generales de los diferentes paí­ses del planeta: horarios, comidas, tensión eléctrica, costumbres…

No incluye información sobre ciudades, lo que podrí­a aumentar el interés para los turistas, aunque sí­ pueden encontrarse rápidamente las informaciones generales que pueden empezar a despertar curiosidad por un paí­s determinado.

En fin, un proyecto que, con mucho camino por recorrer, se presenta en nuestro idioma en busca de lectores 2.0.

BeyourMusic – Música sin CopyRight

Desde una pequeña ciudad de Toledo me escribe Juan para presentarme este nuevo proyecto dedicado al mundo de la música libre.

Se trata de BeYourMusic, un buen diseño que permitirá a los autores y grupos musicales divulgar sus trabajos sin preocuparse de discográficas ni sgaes.

[…] destinada a promocionar a artistas cuyos trabajos no pueden ver la luz por discordancias con discográficas o bien por que son reacios a trabajar con sgae, es decir, la pagina sólo esta abierta a música libre bajo licencias creative commons.

El registro es para artistas o sellos que deseen colgar sus obras, una vez hecho esto deciden que hacer con ellas, elegir descarga gratuita, solo escucha o venderlas, aquí­ ellos eligen libremente el precio de estas, los beneficios se reparten al 50% […]

Como veis no sólo es un lugar para abrir puertas a anónimos del mundo de la música, también es una web en la que podéis escuchar temas gratis y descubrir nuevos ritmos no tan comerciales como los de otras opciones semejantes.

ColorBe – Paletas de colores profesionales

ColorBe es una ayuda excelente para los que trabajan diseñando y nadando entre miles de colores cada dí­a.

Aquí­ podéis registrar vuestras paletas de colores preferidas, aplicarlas en vuestros perfiles sociales online y compartirlas con otros usuarios, al mismo tiempo que consultáis las combinaciones más visitadas clasificadas por etiquetas.

Una forma de añadir al sexo masculino ese gen que muchas veces nos falta a la hora de combinar tonos.

multicolr – Busca imágenes con los colores que desees

Aquí­ tenemos un nuevo buscador de imágenes por colores.

Multicolr permite seleccionar uno o más colores (hasta diez) en el menú lateral, obteniendo resultados de fotos que contengan, de una u otra forma, los tonos solicitados.

Ideal para buscar imágenes que hagan juego con vuestros diseños y utilizarlas en caso de que la licencia de la misma lo permita, claro.

fuente: mix.pe

feng-gui – Análisis de las zonas más llamativas de una imagen

Si queréis descubrir cuáles son las partes de vuestra web que más llaman la atención, podéis hacer dos cosas:

1) Dejar a Google Analytics trabajar unos dí­as para que os muestre la distribución de clicks en la página indicada.

2) Usar Feng-Gui para que un programa analice automáticamente la atención de cualquier imagen provocada en el ojo humano.

Esta segunda opción es la que quiero comentaros ahora. Ideal para analizar banners publicitarios, regiones de una web o cualquier imagen que tenga como misión captar la atención.

Feng-Gui usa un sistema de inteligencia artificial para simular el cerebro humano en lo que a atención visual se refiere. Marca con colores las zonas de la imagen subida que llaman más la atención al ojo humano, permitiendo al dueño de la imagen tomar decisiones sobre distribución de contenido o precio de banners publicitarios, por ejemplo.

Sin duda una buena herramienta para mejorar y optimizar el aspecto de nuestros diseños.

fuente: killerstartup

20 sitios para aprender CSS

El diseño web es mucho más complicado de lo que parece, y una de las formas correctas de hacerlo es usando Hojas de estilos o CSS. No es nada fácil poderse manejar con ellas, pero tenemos suerte de que existan multitud de sitios donde podremos encontrar buenos tutoriales, ayudas o incluso trozos de código que podremos usar en nuestro sitio. A continuación os listamos 20 de estos sitios.

  1. A list Apart. Un buen sitio que contiene multitud de artí­culos sobre CSS, así­ como tutoriales. Es uno de los sitios más longevos, ya que sus artí­culos datan desde 1999. Se centran mucho en el cumplimiento de los estándares.
  2. CSS Help Pile. Esta web está estructurada como si de un directorio se tratara. Está perfectamente organizado, ordenando los tutoriales por niveles, desde principiantes hasta expertos. Un buen sitio donde buscar ayuda.
  3. CSS Basic. Se trata de un perfecto libro de un uso básico de CSS dividido en 18 capí­tulos. Se puede leer tanto en la propia web como descargar el pdf para tenerlo siempre a mano y disponible. Altamente recomendable.
  4. Holly CSS Zeldman. Colección de guí­as, tutoriales e incluso libros, todo perfectamente ordenado. Existen diferentes categorí­as especializadas, como una muy interesante sobre web 2.0.
  5. Eric Meyer: CSS. Eric Meyer es un aclamado diseñador web que comparte en esta página todos sus conocimientos sobre las hojas de estilo. Siempre es bueno aprender de los grandes.
  6. 456 Berea Street ”“ CSS category. Multitud de artí­culos, sobre unos 300, hablando de todo lo hablable referente a las CSS, desde lo más sencillo hasta lo más complicado.
  7. /* Position Is Everything */. En esta web podremos ver los bugs o errores más comunes que podemos encontrar en cualquier sitio relacionados con diseño y css. Nos informará de cual es el error, como solucionarlo e incluso nos proporcionará algunos ejemplos.
  8. HTML Dog CSS Tutorials. Un lugar donde encontrar diferentes manuales y tutoriales de buenas prácticas a la hora de usar CSS y XHTML para que no solo nos quede todo bonito, si no que además cumpla los estándares más estrictos. 
  9. Learn CSS Positioning in Ten Steps. En tan solo 10 pasos podremos conocer los fundamentos más básicos a la hora de comenzar a usar CSS. Un buen sitio donde empezar si no tienes ni la más menor idea. Incluye ejemplos bastante ilustrativos.
  10. Andy Budd CSS/Web Standards Links. Andy Budd, un gurú en el mundo de las hojas de estilos, comparte algunas reseñas y enlaces a sitios donde podemos encontrar ayuda a la hora de afrontar un proyecto con esta tecnologí­a.
  11. W3CSchools CSS Tutorial. Página dividida en los diferentes elementos que podemos usar en CSS en la que tenemos varios ejemplos de cada uno de qué forma podemos usarlos.
  12. css Zen Garden. Usar CSS como un jardí­n de tranquilidad está a nuestro alcance gracias a esta web, donde nos muestra ejemplos de usar una misma plantilla HTML con diferentes CSS y ver como puede cambiar radicalmente el aspecto y la estética.
  13. CSS at MaxDesign. En esta página podrás encontrar diferentes tutoriales sobre diferentes conceptos, como Listmatic, para realizar listas de multitud de formas.
  14. CSSeasy.com. De una forma clara y sencilla nos proponen diferentes ejemplos que, tan sólo viendo el código fuente de cada uno, comprobaremos que no es tan difí­cil defenderse un poquito en este mundo del diseño web con CSS.
  15. CSS-Discuss. Comunidad donde se discutirá y compartirá conocimientos sobre CSS. Dispone de una estupenda wiki con multitud de ejemplos.
  16. Web Design from Scratch: CSS. De nuevo otra estupenda página donde empezar, ya que dispone de estupendos tutoriales para principiantes.
  17. CSS-Tricks. Blog donde de una forma periódica se irá colgando interesantes artí­culos sobre CSS, como tutoriales o noticias relacionadas con CSS.
  18. CSS en Delicious. Obviamente uno de los sitios donde no deberí­amos dejar de buscar es en Delicious, en el tag CSS, donde aparecerán muchas páginas guardadas por otros usuarios que contendrán mucha información y ayuda sobre este mundo.
  19. SitePoint CSS Reference. Aunque SitePoint es una página con más contenido, también encontramos una sección con referencias a CSS donde podremos encontrar mucha y útil información.
  20. CSSDog. Desde los más novatos hasta los más avanzados en todo lo relacionado con CSS podrán encontrar aquí­ lo que necesita. Una web muy amplia que nos puede servir de mucha ayuda.

Fuente: Six Revisions.

iconbulk – Iconos, temas y fondos para PC y Mac

Aquí­ tenéis una web en la que podréis compartir los iconos y fondos de pantalla que habéis diseñado para ganar nombre y divulgar vuestro trabajo.

En caso de tener el gen del diseño desnutrido siempre podéis navegar entre el material publicado por otros usuarios bajando los archivos que creáis que se adaptarán perfectamente a vuestro estilo.

Todos los temas, fondos e iconos podrán ser instalados en vuestro ordenador (PC o MAC) siguiendo los consejos que IconBulk muestran en sus FAQs.

fuente: simplespark

Forest – Compra y venta de temas para wordpress, joomla, drupal…

Sin duda el trabajo de diseño de una web es algo que está muy mal pagado hoy en dí­a.

Muchos no reconocen, o no quieren reconocer, las horas que hay detrás de un buen diseño, lo que acaba generando largas discusiones con los clientes, discusiones que no tienen mucha solución.

Si os encontráis con un caso así­, con un cliente que no quiere pagar más de 50 dóalres por un tema diferente de wordpress, os recomiendo que le habéis de Theme Forest, una web en la que se encuentran buenos diseños para varios CMS por un precio bastante asequible.

Por supuesto también es recomendado para diseñadores que quieran ganar poco por su trabajo. Forest es un sitio interesante para comparar y vender temas de los CMS más populares del momento.

Gracias Ricardo por el enlace.

nextornot – MTV en busca de los jóvenes más sexys

Nextornot es la propuesta de la famosa MTV para captar la atención de los jóvenes que quieren mostrar al mundo lo sexy que son.

En esta página podéis navegar entre los perfiles de los chicos y chicas que se han registrado. El tiempo que estéis visitando cada perfil será guardado para que se defina quién es el afortunado usuario que más minutos ha captado la atención del público.

Los ganadores aparecerán en la página principal y serán mostrados en el programa de televisión oficial (poca broma).

Por supuesto los usuarios pueden ponerse en contacto unos con otros, como en un clásico sitio web de citas.

El diseño es algo cargado, nunca se sabe lo que va a aparecer en la página siguiente, aunque parece que eso no importa mucho a los que buscan sus minutos de fama.

Por el alexa rank calculo que deben tener aproximadamente unas 10.000 visitas únicas diarias.

fuente: listio