Herramientas, Iconos

Kingstyles: Crea botones online, pero con resultados estéticos

Publicado por Claudia en septiembre 20, 2009

Kingstyles es un práctico generador de botones, íconos y banners estilo web 2.0. Puedes elegir el tamaño, los colores y agregar decenas de formas (o shapes), gradientes y fuentes.

El resultado es simple, estético, muy cercano a los botones que puedes crear en Photoshop. Algunos ejemplos:

botones-web1

botones-web2

Sorprendente que puedas hacer eso con un generador, ¿no?

Vía | Appuseful

CSS, Herramientas

CSS-sprit.es: Un generador de CSS sprites

Publicado por Claudia en septiembre 16, 2009

css-sprit-esLos CSS sprites son una técnica para reducir el número de peticiones HTTP y disminuir el tiempo de carga de nuestro sitio, que consiste en “agrupar varias imágenes en una sola de mayor tamaño, para luego volver a separarlas en imágenes individuales mediante CSS” (me gusta la simpleza con que lo explica Román Cortés).

No son una técnica nueva ni poco usada -especialmente en los sitios con alto tráfico-, pero su implementación requiere un manejo más bien avanzado de CSS. CSS-sprit.es, sin embargo, lo hace más fácil: subimos el grupo de imágenes, y automáticamente entrega como output (en formato PNG o GIF con transparencia o JPG sin transparencia) una gran imagen que contiene todas las anteriores, junto a los correspondientes códigos CSS y HTML con la posición de cada imagen “pequeña”.

css-sprites

Es compatible con la mayoría de los navegadores, y también es útil para crear imágenes con efecto roll-over en sepia o escala de grises.

Visto en Makeuseof

Herramientas

Online Logo Maker: otro generador de logos

Publicado por Claudia en septiembre 4, 2009

Online-Logo-Maker
No soy muy adepta a los generadores de logos porque considero que son muy limitados y pueden restarle originalidad a tu logo; no obstante, pueden ayudarte a ahorrar tiempo y sacarte de más de un apuro.

Online Logo Maker es otro generador de logos, pero que crea resultados lo más perecidos a un logo profesional, ya sea para un blog personal o de negocios.

El software está basado en flash, y te deja añadir símbolos, imágenes desde tu computador y sombras al texto, permitiéndote descargar el logo en formato png con transparencia.

Vía | Ziipa

Tags: ,
Herramientas

Going Up!: Un completo sistema de estadísticas para tu sitio web

Publicado por Claudia en agosto 11, 2009

Si hablamos de estadísticas, probablemente primero pensemos en Analytics o Statcounter. Sistemas de estadísticas, hay muchos: GoingUp! es uno más de ellos.

Goingup

GoingUp! es un poderoso sistema de estadísticas web con una amigable inferfaz AJAX que tiene el “plus” de integrar una serie de herramientas SEO gratuitas con la finalidad de mejorar el tráfico hacia tu sitio. Ahí es cuando se torna interesante.

Añadiendo el código de seguimiento a tu sitio, obtienes estadísticas completas de tus visitantes: país de procedencia, palabras clave a través de las cuales llegan (referring keywords), navegador que utilizan, y cómo se mueven a través de tu sitio (mediante un heat map), alcance de objetivos (goals), y monitoreo de tus enlaces entrantes. Hasta ahí, nada muy nuevo.

Quizás, lo que hace de GoingUp! un servicio interesante y recomendable, son las herramientas SEO que ofrece en el mismo paquete, y a las cuales obtienes acceso sin necesidad de registarte. Entre ellas:

  • SiteAnalizer: Te entrega un comprehensivo reporte del posicionamiento de tu sitio: diagnóstico SEO (título, descripción, uso de keywords y encabezados y presencia de favicon), validación HTML y CSS según los estándares W3C, datos de tu dominio, backlinks en buscadores y redes sociales, ranking (pagerank, Alexa, autoridad en Technorati).
  • SEO Optimizer: Una herramienta que te permite saber qué tan bien está optimizado tu sitio para determinadas keywords o frases, y que te da sugerencias para mejorar en posicionamiento en Google, Yahoo y Bing.

Lo más curioso, es que ofrece un sistema de puntos canjeables por premios y dinero, por solo hecho de utilizar el código de seguimiento PHP. No sé si funcionará pero sí sé que aunque para muchos no logre sustituir a Google Analytics, sí es una buena alternativa para tener en cuenta a la hora de medir los progresos de tu web o blog.

Herramientas, Microblogging

Utiliza Twitter para recibir feedback de tus lectores

Publicado por Claudia en julio 29, 2009

Considero que el feedback es necesario en todo sitio web, y más aun si hablamos de “web social”. Solicitar feedback implica una actitud más activa y receptiva que dejar un formulario de contacto para cuando alguien tenga que decirte algo; es la diferencia entre la necesidad del lector y la necesidad del blogger (o de ambos).

Buscando algún servicio que me permitiera recibir sugerencias acerca de mi blog, llegué hasta uno de los últimos videos de Chris Pirillo en Youtube, donde comenta de una aplicación basada en Twitter llamada “TwiFeedBack“.

TwiFeedback

TwiFeedback no es más que un widget que instalas en tu blog, y que aprovecha el poder de Twitter para crear una mini-comunidad que opina, que da ideas sobre cómo implementar mejoras, que reporta algún problema, que hace preguntas o que sencillamente te quiere felicitar por tu trabajo.

Cada vez que alguien haga un comentario desde el widget, se publicará automáticamente un tweet con tu nombre de usuario y un hashtag a elección, que puede ser #feedback, #sugerencia o algún otro. Por ejemplo: “@claudiacs #sugerencia Sería genial que le hagas algunos retoques al diseño de tu blog, o que postess sobre x tema“. Quienes estén de acuerdo, podrán votar desde el widget, o bien hacer una sugerencia aparte.

Puedes usar tu cuenta Twitter para probar TwiFeedback directamente desde la pestaña “Feedback” de su sitio web. Por ahora, el widget -que me parece grande y poco personalizable- puede ser añadido a la sidebar, o quizá a alguna página individual de cualquier blog que soporte javascript. No obstante, están trabajando para poner a disponibilidad de todos las tabs flotantes, que emulan a los badges de Feedback de GetSatisfaction que probablemente has visto en muchos blogs en inglés. A esperar un poco más.

Tags: ,