Web 2.0

¿Cuán Web 2.0 eres?

Publicado por Claudia en diciembre 30, 2008

Gracias a Alt1040 y TechCrunch, llegué a este entretenido test en Quizible, que pretende indagar acerca de nuestros conocimientos respecto a distintas aplicaciones y servicios Web 2.0. En total, son 34 logos que podemos jugar a identificar, completando el casillero correspondiente con el nombre que creemos que le va. Si nos registramos, podremos guardar en nuestra cuenta los resultados de los distintos tests que tomemos en el sitio, pero no es necesario el registro para tomar el test.

Yo, humildemente, puedo decir que pude reconocer sólo 17 de 34.

¿Y tú, cuántos puedes reconocer?

Enlace al test | How Web 2.0 are you?

Tags: ,
Free Blogger Templates

Template Black splat para Blogger

Publicado por Claudia en diciembre 29, 2008

DEMO | DOWNLOAD

Plantilla diseñada originalmente para WordPress por SamK, lanzada bajo licencia GPL y convertida a Blogger por mí.
Características: 3 Columnas, barra lateral derecha, buscador interno, menú personalizable.
Features: 3 columns, right sidebar, searchform, customizable menu.

Instrucciones – Instructions

1. Anda a Diseño/Edición de HTML y sube la plantilla. Guarda. / Go to Layout/Edit HTML and upload the xml file. Save.

2. Cambia el título y la descripción buscando este código./ Find these lines to change the title of your template.

<h1><a expr:href='data:blog.homepageUrl'>Black splat</a></h1>
<h3>Just another Blogger blog</h3>

3. Busca este código para editarlo. Puedes añadir un banner aquí./ Search this code if you wish to customize it. You can add a banner here.

<div id='topright'>Customize this in layout / Edit HTML. You can fit a 468x60 banner here, if you wish. Lorem ipsum dolor sit amet, consectetuer <a href='#'>link</a>. Lorem ipsum mauris semper, consectetuer <a href='#'>another link</a>.</div><!-- Closes topright -->

4. Personaliza el menú buscando este código./ Cuztomize your menu bar by searching this code.

<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li class='rssmenu'><a href='/feeds/posts/default'>rss</a></li>
</ul>

5. Cambia el formato de la hora al día de hoy (Jueves, Diciembre 25, 2008)./ Change the timestamp format to the date today (Thursday, December 25, 2008).

Tags: , ,
Web 2.0

ShareTabs: Una forma de compartir tus links como miniaturas

Publicado por Claudia en diciembre 29, 2008

ShareTabs es una aplicación que al igual que Krunchd, permite compartir varios sitios a la vez en una sola url corta, del tipo http://sharetabs.com/20h. Sin embargo, la gran ventaja de ShareTabs es que además nos muestra una vista previa de cada sitio, a modo de thumb, y una pestaña que nos lleva a cada uno de ellos.

Para usarlo, basta con introducir las urls que queremos compartir (una por línea) y darle a Tabify ‘em! Automáticamente, el sistema generará una url (si no hemos sugerido ya una) que nos llevará a nuestras miniaturas.

Enlace: ShareTabs | Fuente: wwwhat’s new

Tags: , ,
Scripts

Cuenta regresiva en javascript

Publicado por Claudia en diciembre 24, 2008

Hace unos días Amanda de BloggerBuster publicó en BloggingTips una plantilla llamada “Christmas Night“, con un script que me llamó mucho la atención, y que no incluía en el fichero comprimido para descargar. Eso me llevó a analizar la plantilla para poder utilizar el script.

El script, de JavaScript Kit, es un countdown (cuenta regresiva) que se muestra en forma de texto, y que podemos modificar para hacerlo más funcional y utilizarlo en cualquier fecha: Navidad, año nuevo, cumpleaños, etc.

Para utilizarlo, sólo es necesario copiar el texto en un nuevo widget (o gadget) de HTML javascript y listo. Podemos añadir un título a nuestro widget, o simplemente dejar el área en blanco.

Espero que sea útil!

Script original (en inglés)

Se vería algo así:

2 days left until Christmas (Dec 25)!

<script type="text/javascript">
 
/*
Annual Occasions Count Down script- By JavaScript Kit
For this and over 400+ free scripts, visit http://www.javascriptkit.com
This notice must stay intact
*/
 
var today=new Date()
 
//Enter the occasion's MONTH (1-12) and DAY (1-31):
var theoccasion=new Date(today.getFullYear(), 12, 25)
 
//Customize text to show before and on occasion. Follow grammer below:
var beforeOccasionText="left until Christmas"
var onOccasiontext="Today is Christmas. Happy Holidays!"
 
var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec")
theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format
var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")" //show date of occasion
 
var one_day=1000*60*60*24
var calculatediff=""
 
calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
if (calculatediff<0){ //if bday already passed
var nextyeartoday=new Date()
nextyeartoday.setFullYear(today.getFullYear()+1)
calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
}
 
//Display message accordingly
var pluraldayornot=(calculatediff==1)? "day" : "days"
if (calculatediff>0)
	document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+" "+showdate+"!</b>")
else if (calculatediff==0)
	document.write("<b>"+onOccasiontext+" "+showdate+"!</b>")
 
</script>

Configuración básica del script

//Enter the occasion’s MONTH (1-12) and DAY (1-31):
var theoccasion=new Date(today.getFullYear(), 12, 25)

Determina la fecha de la cuenta regresiva, en números. En este caso, es 12,25 (Diciembre 25). Va siempre primero el mes, y luego el día.

//Customize text to show before and on occasion. Follow grammer below:
var beforeOccasionText=”left until Christmas”
var onOccasiontext=”Today is Christmas. Happy Holidays!”

Determina el texto que queremos que se muestre antes del día y en el mismo día, respectivamente.

var monthtext=new Array(“Jan”,”Feb”,”Mar”,”April”,”May”,”June”,”July”,”Aug”,”Sep”,”Oct”,”Nov”,”Dec”)

Los nombres de los meses. Podemos mostrarlos en forma abreviada o completa.

var pluraldayornot=(calculatediff==1)? “day” : “days”

Singular y plural del texto que va a acompañar al número. Ejemplo, “día” : “días”.

Script en español

Hice una traducción al español del script, de acuerdo a lo que permiten mis conocimientos en javascript. Pueden descargarlo desde aquí en formato *.txt.

Para adornar la cuenta regresiva, también podemos agregar un estilo en HTML. Así, podemos poner una imagen que acompañe al texto, o cambiar el color y el tamaño del texto.

Ejemplo:

Aquí utilicé un icono de Iconspedia de 64×64 píxeles, alineado a la izquierda, con un texto de 16px en verde #284d22 (ver colores HTML).

CÓDIGO (modificar a gusto):

<div style="color: #284d22; font-size: 16px; padding-left: 68px; min-height: 64px; background: url(http://i362.photobucket.com/albums/oo63/girlyblogger/candy-cane-64x64.png) top left no-repeat;">
 
El-script-va-aquí
 
</div>

Más countdowns (Flash)

  • GraphicsArcade: Cuentas regresivas para Navidad, año nuevo y otras fechas, además de fondos, cursores, relojes y otros recursos interesantes.
  • Create your countdown: Crea tu propio contador flash para cualquier fecha, cambiando la imagen de fondo y personalizando el texto.
  • Tags: , , ,
    Microblogging

    Crear un avatar navideño para Twitter con Twixenate

    Publicado por Claudia en diciembre 23, 2008

    Twixenate

    Twixenate es un simple editor online de imágenes online que le da un look navideño a tu avatar de Twitter. Para usarlo, debes:

    1. Ingresar tu nombre de usuario de Twitter.

    2. Editar la foto de tu perfil. Puedes elegir entre copos de nieve, gorros de navidad y algunos efectos como recortar, rotar, poner brillo, arreglar los colores o convertir a blanco y negro.

    3. Guardar los cambios. Puedes elegir que el nuevo avatar se cambie automáticamente ingresando tu contraseña de Twitter, o bien hacer click con el botón derecho del mouse sobre el avatar y seleccionar “Ver imagen” para subir el avatar desde Settings/Picture de tu cuenta (para los más desconfiados).

    También podemos revisar la galería de imágenes de usuarios que han usado el servicio.

    Enlace: Twixenate | Visto en: TwiTip

    Tags: , ,