diarioTHC, recursos para webmasters, bloggers y diseñadores » Web 2.0

BonBon Buttons: dulces botones en CSS3

Javier Asín — Thu, 02 Sep 2010 20:23:12 +0000

Usando las nuevas características y propiedades de CSS3 se pueden conseguir unos resultados muy buenos, como es el caso de estos botones realizados completamente en CSS3.

BonBon Buttons es la prueba de lo que la web 2.0 puede ofrecer, en cuanto a diseño y producto final. A través de una sencilla imagen en formato png y aplicando efectos de ruido y brillo con estilo 3D se pueden conseguir estos diseños con CSS3.

Además gracias a un método en HTML5 por el que se añaden atributos para añadir símbolos Unicode y que se ha utilizado en el diseño de estos fantásticos iconos.

Puedes disfrutar de este fantástico set de iconos a través de la página del proyecto, en lab.simurai.com

Mejorando Twitter

David Táboas — Wed, 04 Mar 2009 15:50:29 +0000

En Six Revisions comentan unas cuántas ideas que si se aplicasen harían qe Twitter mejorase. Hay algunas bastante buenas, y pueden dar bastante juego si se implementan o se crean “addons” externos adicionales.

En su página podéis ver las 10 características con las que Twitter mejoraría, pero yo os dejo aquí la lista de las ideas, que no tienen mucho desperdicio, eso sí, si utilizamos la interfaz web

1. Permitir la agrupación de amigos y seguidores. (Crear grupos concretamente)

2. Autocompletado en los Twitts. Una buena idea para no tener que teclear en nombre de usuario de nuestro interlocutor miles de veces.

3. Enlaces de texto en Twitter. Que los enlaces gasten nuestro corto espacio no hace mucha gracia, y se pudieran enlazar frases con url daría como resultado una mejor utilización de Twitter.

4. Tweets Anidados. Permitir anidar las respuestas en Twitter sería una manera eficiente de organizar todas las actaulizaciones.

5. Permitir envío de Tweets a un grupo de personas. Utilizar el @usuario para un grupo de personas sería fantástico para hablar con grupos comunes de usuarios.

6. Mostrar datos de usuarios al pasar el ratón. Una forma de conocer a otros usuarios o saber más sobre la gente a la que seguimos.

7. Usar la barra lateral mejor para mostrar información.

8. Añadir página de “Menciones” en vez de “Replies”. Muchas veces recibes más menciones que “replies” por eso esta idea es bastante buena.

9. “Hightlight” de usuarios específicos. Resaltar los twitts de un usuario puede servir para que no se te pase por alto ninguna de sus actualizaciones.

10. Añadir un auto-constructuor de enlaces cortos. Lo que ya utilizamos con tinyurl, por ejemplo, pero integrado en la página de Twitter.

Herramientas y tutoriales de Twitter para diseñadores y desarolladores

David Táboas — Mon, 02 Mar 2009 20:13:24 +0000

Twitter es una herramienta que puede dar mucho de sí, tanto por su API, como por las posibilidades que da como herramienta de comunicación. Esta segunda opción está clara, ya que en Twitter podéis encontrar a gente muy interesante y establecer una conversación.

Pero si somos diseñadores y/o desarrolladores seguro que nos interesará conocer algunas herramientas para poder crear aplicaciones o mostrar las actualizaciones de nuestro Twitter en un blog. Aquí os dejo algunos de los enlaces que recopilan en Smashing Magazine:

Enlaces para desarrolladores

Introducción a la API de Twitter

Construyendo tu sitio alrededor de Twitter

Tutoriales de Twitter y AJAX

Plugin de jQuery para Twitter
PHP y AJAX usando la API de Twitter

Sidebars y Widgets