Feedcompare – Para comparar el número de suscripciones via FeedBurner de 4 sitios a la vez

Publicado por Nikko el dia 3 Jun 2008 - Guardado en Herramientas, Rss & Mail, Webmaster Leido 661 Veces

feedcompare.jpg

Feedcompare, es una curiosa herramienta online que nos permitirá comparar el tráfico de una web con respecto a otras. Algo similar a alexa, pero en lugar de comparar el tráfico web, compara las suscripciones mediante FeedBurner de cada sitio. Podremos comparar 4 sitios a la misma vez, y ver los resultados de los últimos 24 meses por medio de gráficos muy simples de entender. Simplemente escriba el nombre FeedBurner de los feeds, por ejemplo “webxyberneticos”, o la URL completa (ej: http://feeds.feedburner.com/webxyberneticos ) de los 4 feed a comparar. Si desean, además, disponemos de un enlace que nos permite compartir la gráfica, por si se nos ocurre hablar de las suscripciones de varios sitios en algún articulo.

Enlace Feedcompare

Via blogperfume

Prototip 2 – La mejor opción para crear ToolTips realmente asombrosos

Publicado por Nikko el dia 1 Jun 2008 - Guardado en Diseño Web, Javascript, Scripts Leido 1,741 Veces

prototip2.jpg

Seguramente recordaran un post sobre Prototip que comentamos hace meses atrás, un agradable script para generar ToolTips dinámicos, basada en Prototype javascript con resultados realmente hermosos. Pues bien, ahora llega el turno de Prototip 2, o mejor dicho su versión 2 con muchas mejoras, muchas más opciones, y muchísimos estilos realmente más bonitos que la vez anterior. Sin duda ahora lograras crear tus diversos ToolTips con esquinas redondeadas, añadirles cantidad de efectos, con botones de cierre, etc etc. La verdad, creo que Prototip 2 posee todo lo que puedas llegar a necesitar. No se ustedes, pero yo cuando piense en añadir tooltips a uno de mis proyectos, no buscare mas, Prototip 2 es mas que suficiente para todo lo que se me pueda llegar a ocurrir.

Enlace Prototip 2

Via webappers

Urlmetrix – Chequear la popularidad de cualquier blog en la red

Publicado por Nikko el dia 1 Jun 2008 - Guardado en Blog, Herramientas, Recursos Web Leido 1,688 Veces

urlmetrix.jpg

Urlmetrix, una práctica herramienta online que nos permite chequear la popularidad que posee en Internet un sitio web determinado. Lo genial de la herramienta es que nos brindadaza toda la información deseada a un click, y es realmente fácil de utilizar, tan simple como ingresar la URL del sitio en cuestión, y comenzar a descubrir el Pagerank que posee, su ranking Alexa, Yahoo index, Google index, Technorati Blog Reactions, la cantidad de veces que han guardado tus artículos en Delicious, etc. Todo lo que necesitas para conocer la popularidad de cualquier blog de la red.

Enlace Urlmetrix

Fuente wwwhatsnew

Bradicon – Convertir tus imágenes a Iconos

Publicado por Nikko el dia 31 May 2008 - Guardado en Diseño Web, Generadores, Herramientas, Iconos Leido 2,420 Veces

bradicon.jpg

Bradicon otra simple herramienta online que nos permitirá transformar cualquier imagen que tengamos en nuestro ordenador en un “favicon” o archivo “.ICO” de 48×48. Su uso es realmente simple y prácticamente no necesitaremos configurar nada, simplemente deberemos seleccionar la imagen de nuestro disco local, subirla, y automáticamente será generado nuestro .ICO. Bradicon esta en dos versiones una avanzada y otra simple ideal para conexiones lentas. Aunque aun no logro ver la diferencia, mas haya de lo estético.

Enlace Bradicon (v. Simple)

Via genbeta

CSS Decorative Gallery

Publicado por Nikko el dia 29 May 2008 - Guardado en CSS, Diseño Web, Galerias, Scripts Leido 4,939 Veces

cssdecorativega.jpg

CSS Decorative Gallery, un agradable tips que servirá básicamente para inspirar o enseñar como decorar completamente nuestras galerías de imágenes o darles un estilo completamente diferente (la idea es añadir pequeños objetos). El truco es realmente simple de seguir, y prácticamente se basa en el uso de algunas etiquetas y la superposición de algunas de las imágenes. Podrán ver unos 20 estilos diferentes aproximadamente, desde un simple icono, a resultados aun mas complejos, y cantidad de opciones mas. Sin duda, un articulo recomendado, mas aun, si estas pensando en crear tu porfolio o galería personal.
Ver Demos - Mas info y descargas CSS Decorative Gallery

Conceptos Basicos

CSS:
/* ---------- gallery styles start here ----------------------- */
.photo {
    margin: 30px;
    position: relative;
    width: 180px;
    height: 130px;
    float: left;
}
.photo img {
    background: #fff;
    border: solid 1px #ccc;
    padding: 4px;
}
.photo span {
    width: 20px;
    height: 18px;
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(images/digg-style.gif) no-repeat;
}

estructura

HTML:
<div class="photo">
    <a href="#"><span></span><img src="images/11.jpg" alt="image" /></a>
</div>

Ribbon Rules Generator – Generador online de Ribbon superiores

Publicado por Nikko el dia 29 May 2008 - Guardado en Diseño, Diseño Web, Generadores, Recursos Web Leido 652 Veces

ribbonrules.jpg

Seguramente habrás notado otra de las nuevas tendencias 2.0 que se pueden ver en diversos blog populares, básicamente unas franjas de colores en la parte superior de nuestro blog. La verdad que es un detalle realmente simple, pero admito que siempre logra captar mi atención, lo que sin duda es muy bueno, para resaltar contenido en nuestro encabezado. Y por otro lado, quedan realmente muy bonitos, pero claro, esto ya es cuestión de gustos personales. Ribbon Rules Generador, es una nueva herramienta o generador online de Ribbon “superiores” que llega desde dynamicdrive, con el prácticamente será realmente simple crear estas cintas de colores, inclusive podremos generarlas de dos formas. Una solo ingresando un color base, y dejando que Ribbon Rules Generador nos genere una cinta respetando una cierta gama, o bien ingresando de forma manual cada uno de los tonos que deseamos para nuestra franja de colores. Una vez generado nuestro Ribbon, descargamos la imagen generada, y copiamos el código CSS que pegaremos posteriormente en la hoja de estilo de nuestro blog.
Enlace Ribbon Rules Generador

CSS:
body{
background: white url(ribbon.gif) top left repeat-x;
padding-top: 10px;
}