El servicio de microblogging por excelencia twitter está tomando cada día más relevancia y ya no es algo tan simple como parecía en un primer momento, los usuarios le dan cada vez más vueltas y lo usan para toda clase de cosas, como por ejemplo informarse. Puede que te interese incrustar lo que dices en twitter en tu blog o sitios web, para lo que cuentas con varias opciones diferentes.

Noupe hace un recopilatorio con 20 recursos diferentes centrados en twitter con tres pilares fundamentales: scripts y plugins para incrustar tu twitter donde quieras, varias extensiones para wordpress que permiten hacer lo mismo y finalmente varios iconos y botones de twitter para darle algo de diseño a la parte donde muestres los mensajes de twitter o simplemente para poner un enlace hacia tu cuenta en el servicio.

Por cierto, para los que les haga ilusión leerme, mi cuenta dentro de twitter es /eliasN (cuento cosas muy interesantes, no creáis que no).

Enlace: 20 Twitter Status Design Tutorials, Icons & WP Plugins

Hace unos días escribía sobre el proceso seguido por Veerle`s para diseñar un theme wordpress. Hoy la cosa también va de procesos de diseño, pero en esta ocasión para un logotipo y es que personalmente me resultan muy prácticos este tipo de textos. Puedes saber como crear determinado efecto en photoshop o conocer interesantes fuentes para crear un logo, pero el proceso para diseñar se aprende con práctica y no hay reglas escritas, por eso está bien ver cuales son los pasos que siguen profesionales en la materia.

Uno de los integrantes de la empresa de diseño web Obox desing explica en su blog personal cual fue el proceso que siguió para obtener el nuevo logotipo de la empresa. Seguro que sacas alguna enseñanza de lo que nos cuenta, yo ya me apunté alguna cosa.

Enlace: Designing a new logo

Enlace: Dynamic Templates v2.02

• Sex.com : Vendido por $14 millones en el 2006
• Found.com: $9.999.950 vendido en el 2008
• Porn.com: no se sabe muy bien, se barajan dos cifras, $9.000.000 y $9.500.000. Se vendió en algún momento del 2007
• Business.com: $7.500.000 en el 99
• Diamonds.com: Vendido por $7.500.000
• Beer.com: $7.000.000
• AsSeenOnTV.com: $5.100.000 en enero del 2000
• Korea.com: $5.000.000
• Casino.com: $5.500.000. Se vendió a una empresa privada en el 2003
• YP.com: $3.850.000 y lo compró yellowpages.com

Enlace: A List of Some of The Top Domain Name Sales Ever – Most Expensive Domains

Existen toda clase de ellos para conseguir casi cualquier cosa, en el caso que nos ocupa hablo de fractalius, uno especialmente pensado para darle a nuestras imágenes un “aspecto fractal”. Podremos obtener cosas como esta:

Enlace: Fractalius | Vía: Isopixel

La usabilidad de un sitio web, o traducido a la lengua de Cervantes facilitarle la vida al usuario lo máximo posible a la hora de navegar por un sitio web, es cada día más importante dentro del medio. Cada vez son más las webs que forman la www y se convierte en imprescindible aplicar todo lo que sea necesario para que nuestro sitio destaque sobre los demás.

Si no eres experto en el tema de hacer diseños usables, que mejor forma de empezar que con unos simples tips de muy fácil aplicación, a saber:

• Incluye siempre un lema que describa clara y concisamente al sitio y que esté en una posición privilegiada (el header por ejemplo)
• Ofrece a tus visitantes un cajón de búsqueda de contenido
• No abuses de elementos gráficos
• Añade un mapa del sitio, tanto para visitantes como para buscadores
• No rompas el flujo de trabajo del usuario. Dale opciones siempre
• La estructura tiene que ser fácilmente “escaneable”. Los usuarios no leen, escanean los sitios en busca de determinados elementos, como las negritas.
• Cuidado con elementos como botones. Si parece un botón, que sea un botón.
• Da información clara y no te olvides del feedback
• Usa JavaScript con mesura
• Si puedes evita el uso de captchas

Enlace: 10 Usability Tips for Web Designers

Muchos se habrán dado cuenta que al seleccionar un texto de una página web este siempre se destaca en un mismo color, que varía dependiendo de en que navegador estemos cargando la web, pero normalmente es un azul claro.

Como casi todo, esto también se puede personalizar mediante el uso de CSS, pudiendo configurar que color será el que aparecerá cuando alguien seleccione un texto. Podemos querer hacerlo por diferentes razones, o simplemente por qué nos apetece y queda mejor con el diseño.

Alama nos explica como hacerlo, solo tenemos que añadir unas cuantas lineas a nuestra hoja de estilos. La única pega, como era de esperar, es que Internet Explorer no soporta estas órdenes así qué hará lo que quiera y seguirá mostrando las selecciones con su color por defecto.

Enlace: Cambiar el color del texto seleccionado en el navegador con CSS

Una vez que ya tengas más o menos claro como funcionan los themes en wordpress entran en juego los factores del puro diseño. Esto es más complejo de aprender si no tienes conocimientos en estructura de información primero y en diseño después. La solución también está en la red, hay mucho material relacionado con el diseño, desde la teoría del color hasta uso adecuado de fuentes tipográficas o la importancia de multitud de otros puntos.

Si te encuentras en ese proceso de aprendizaje veerle’s (toda una institución en el diseño de themes wordpress) publicaba un artículo donde explica cual fue el proceso de diseño que siguió para obtener Abstract, una plantilla para WooThemes que podemos adquirir por 70 dólares.

Enlace: Abstract, my WooThemes design

Escudriñando el blog del bueno de nikko me topo con este tutorial publicado en nettuts que nos puede venir a la perfección para mostrar determinada información dentro de un sitio web. El efecto que se consigue es un carrusel de imágenes acompañadas de bocadillos que muestra información y una navegación superior.

Y se consigue gracias a la potente combinación entre jQuery y XML, de este último archivo es de donde se saca el contenido por lo que será muy fácil actualizar la información en cualquier momento. Aquí podemos ver la demo en funcionamiento, nikko explica como implementarlo rápidamente y si queremos aclaraciones más detalladas en el artículo original las dan.

Enlace: Create an Amazon Books Widget with jQuery and XML | Vía: Xyberneticos

Vamos con un clásico dentro de los recursos para diseño, menús CSS ya montados y listos para descargar. En este caso nos los proporcionan desde el sitio styledmenus, donde recopilan un número de ellos bastante aceptable que suponemos irá en aumento con el tiempo.

Cada menú cuenta con una página individual donde se muestra una demo en funcionamiento, descripción, los navegadores en los que ha sido probado y el enlace para descargar el código e imágenes si es que las necesita.

Enlace: Styled Css Menus | Vía: PuntoGeek