Twatif: Twitter en la vida real

En Twatif se encargan de mostrarnos que ocurriría si los seres humanos nos comportásemos en el mundo real como lo hacemos en Twitter. El vídeo que acompaña a estas líneas es el primero que han realizado. ¿Qué pasaría si sólo pudiésemos usar frases de 140 caracteres? ¡Geniales!

No te pierdas su segunda creación, "Following", en Twatif

CSSBlog.es: ¡CSS 100%!

Hace unas semanas descubrí CSSBlog, un blog en español en el que se pueden encontrar tutoriales, recursos y curiosidades sobre las Hojas de Estilo en Cascada CSS. Empezaron hace poquito, (el 2 de Enero de este mismo año, para ser exactos) y ya tienen cientos de lectores, lo cual no me extraña nada.

Una vez dentro, hay dos cosas que me llaman especialmente la atención. Por una parte me asombra su ritmo de actualización (algo que valoro mucho de un blog), con una media de 4 o 5 entradas al día, todas ellas con contenidos interesantes, sencillos y trabajados.

Por otra parte, me ha gustado la forma de estructurar las entradas dependiendo del nivel del lector en el lenguaje. De este modo, podemos encontrar tres categorías: CSS básico, CSS medio y CSS avanzado, para que de esta manera los contenidos se puedan adaptar a cualquiera.

El diseño del theme, original y a la vez genial, le da un último toque que lo convierte en un blog indiscutible en mi feed y en el de muchos, una fuente inatogable de información necesaria para todos, y sobretodo para aquellas personas que se encuentran metidas en el mundo de los blogs.

Recomendado para todos. Mucha suerte.

Enlace: CSSBlog: CSS 100%


Esto es un análisis patrocinado. Si deseas solicitar un análisis, puedes hacerlo desde aquí.

WTB Comic

Al anillo de bloggers What the blogs, que apareció en noviembre del año pasado, le faltaba algo. Tal y como dice David, en Pisito, "se trata en este caso de un webcomic semanal en el que contaremos mediante una tira cómica nuestra visión sobre ciertos temas, cargados de humor, actualidad e ironía". Se estrenan con la imagen que acompaña al post, una tira relacionada con algo muy odiado en la blogosfera: El Test de la muerte. ¡Mucha suerte!

Enlace: WTBComic 001: Test de la muerte

What the blogs: El nuevo anillo de bloggers

Gran proyecto el que han iniciado David Alayón y otros 20 bloggers en la blogosfera llamado What the blogs. Una mezcla entre una red de blogs, donde cada blog tiene una serie de editores y la red la forman varios blogs; y un anillo de blogs donde cada blogger es de su padre y de su madre y se unen para formar un proyecto mayor. El enfoque es el siguiente: apostar por la calidad de los contenidos y en ningún momento por la cantidad.

Otra detalle innovador del proyecto es que cada uno de los blogs es de carácter didáctico. No buscan difundir la actualidad sino el conocimiento y la experiencia por lo que aunque las temáticas de los blogs sean habituales, ninguno tiene este enfoque.

El proyecto empieza con cuatro blogs: Oh my bug (blog de programación), Citizen Macguffin (blog de cine), Music Mindware (blog de música), Bubble Talking (blog de conversación 2.0) y el blog central, What the blogs, donde no solamente se hablará sobre las novedades del anillo sino sobre la propia blogosfera siempre intentado aportar opinión, conocimiento y experiencia.

Una nueva aventura que creo, sinceramente, tendrá muchísima difusión por la blogosfera y se convertirá en uno de los más grandes anillos de blogs de la red. De momento, no pinta nada mal, personalmente me parece que les ha quedado muy guapo. Muchísima suerte a David y todos los otros colaboradores!

Enlace: What the Blogs; Nota de prensa

Blogumus: Nube de etiquetas animadas

Como habréis podido comprobar, he cambiado la clásica lista de categorías que antes habitaba en mi sidebar (o barra lateral) por una innovadora y animada nube de etiquetas que da vueltas cuando mueves el cursor sobre ella. La vi en Pisito y no pude remediar el deseo de tenerla. Se llama Blogumus e instalarla es muy fácil.

Lo primero que tienes que hacer es ir a menú diseño/edición html. Expandes plantillas de artilugios y pulsando control+f o a ojo buscas la siguiente línea de código (o parecida):

<b:section class='sidebar' id='sidebar' preferred='yes'>

Y ahora pegas lo siguiente justo debajo:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Listo. Ahora podrás modificarla a tu gusto. Puedes colocarla donde tu quieras desde 'Elementos de la página' y puedes cambiar la anchura, la altura, el color de fondo, la fuente, el color de la fuente buscando y cambiando estos valores dentro del código:

Ancho: 240
Altura: 300
Color de fondo: ffffff (blanco)
Color de fuente: 333333 (gris)
Tamaño de fuente: 12

Por último algo importante. Si las etiquetas tienen tildes, crea una nueva. Inexplicablemente no funcionan (miraré por qué). Suerte.

BlogDay 2008

¡Ya estoy aquí! Con muchas ganas de escribir y además, con buenas noticias: David me ha incluído en uno de sus cinco blogs recomendados para el BlogDay2008. Y como él y otros muchos, yo también me uno a seguir la tradición. ¿Cuáles son las reglas?

1. Se mencionan 5 nuevos blogs (o no tanto) que consideras interesantes.
2. Informas o adviertes a los autores seleccionados tu recomendación para el BlogDay.
3. Escribes una descripción corta de cada blog y los enlazas.
4. Publicas una entrada el 31 de agosto, el BlogDay, mencionando los 5 blogs que recomiendas.
5. Y agregas el tag BlogDay de Technorati: http://technorati.com/tag/blogday2008 y un enlace al sitio BlogDay.

Mis recomendaciones del 2008 son las siguientes:

1. Pisito en Madrid: No es una compensación. El blog de David es y será (espero) para mí el número uno en el mundo de los blogs. Él ritmo de actualización es muy alto a pesar de que todos sus post, de infinidad de temáticas (curiosidades, internet, música...) están muy trabajados. Un 10.

2. Freak's City: Gran blog el de Dani (y más personas, creo, aunque ocultas xD) en el que se escribe especialmente sobre series y otros muchos temas, incluyendo siempre opiniones con un toque de humor. Muy bueno.

3. Siga a ese taxi: Hace mucho que lo leo. Sin embargo, hace un tiempo dejó de actualizar aunque ha vuelto con muchas ganas. Si quieres estar enterado de todo lo que ocurre en el mundo del cine, el blog de Jesús es el lugar idóneo. ¿A qué estás esperando?

[También te recomiendo FrikiCine, de Neo]

4. Entre machacas y becarios: Con una increíble media de más de 5 post al día, este blog es una fuente inagotable de curiosidades, vídeos y series llevado por un gran número de bloggers muy divertidos.

5. VidaExtra: La mayor fuente de noticias de videojuegos de internet es VidaExtra, de WebLogs. No hay más comentarios. En dos palabras, ge-nial.

'Mapasmundi' para imprimir

Free Vector World Maps y Free Printable Maps son dos webs donde se puede encontrar una gran colección de 'mapasmundi', en blanco, o con fronteras políticas, para imprimir. Lo bueno de la primera es que los mapas están vectorizados lo que te permite controlar exactamente el tamaño del gráfico sin que haya “pixeleo”. Muy útiles para trabajos de geografía.

_________________________________________________

Enlace: Free Vector World Maps - Vía: Alt1040

Enlace: Free Printable Maps - Vía: Microsiervos

Arte con sombras

Recien llegado de un par de semanitas de vacaciones, en las que no he tocado un solo ordenador (había programado unos pocos posts), me encuentro con este blog en el que hacen una recopilación de algunas creaciones artísticas que forman sombras increíbles. Una forma de arte curiosísima e impresionante.

Los errores de los Simpsons

Os recomiendo echarle un vistazo a esta web, en la que han hecho una recopilación de errores de los Simpsons. Lo más curioso es que al ver los capítulos no te fijas absolutamente en ninguno, pero si te paras a observarlos, te das cuenta de que hay muchísimos. Hasta ahora tienen exactamente 143 fallos y la mayoría son errores de colores o desaparición de objetos. Aquí os dejo tres de ellos:

Curiosamente en esta última imagen hay dos fallos, y en la web solo se han dado cuenta de uno. Resulta que a parte de que Bart y Lisa están cambiados de sitio, a la persona que lleva la maleta marrón y el micrófono, le han cambiado el color del chaleco, y ha pasado de morado a azul.

Vía | Meneame

Logólogos

Logólogos es un blog donde descomponen logotipos conocidos en ingeniosas ecuaciones matemáticas, como por ejemplo estas dos de Wikipedia y Apple:

De momento no tienen muchos, pero seguro que poco a poco siguen creándolos iguales e incluso mejores. Aún así, hay otros muy buenos como el de Movistar, Agip o Electrolux. Simplemente, ¡geniales!

Vía | Microsiervos

Pisito en Madrid cumple dos años

Desde que tengo el blog nunca había dicho nada sobre David, el blogger de Pisito en Madrid. Para mi siempre ha sido el blog número 1, el que marca la diferencia, en el que me baso para todo, en el que me inspiro... y David siempre ha sido mi ayuda desde que me inicié en el mundo de la blogosfera. Por todo esto y por mucho más, quiero darle enormemente las felicidades porque hoy cumple dos años. ¡Enhorabuena!

Si todavía no conoces su blog, pecado (xD) te aconsejo enormemente echarle un vistazo. Lo tiene todo: arte, ciencia, cine, curiosidades, humor, trucos, tutoriales... y absolutamente todos sus post están curradísimos, algo que valoro mucho. En fin, que después de todo lo que ha hecho por mi, que menos que dedicarle un post. ¡Muchísimas gracias, y felicidades crack!

VerOnline.es: Por fin un sustituto de PeliculasOnline

Desde que Stage6 desapareció, y por lo tanto todas las webs que la indexaban también hicieron lo mismo, ya tenía ganas de alguna página que me ofreciera películas online, tal y como lo hacía por ejemplo PeliculasOnline. Hace unos días ha aparecido VerOnline.es, un blog que nos ofrece películas y series para ver directamente en el navegador, que están alojadas en servicios de vídeo como Vreel, Veoh o Megavideo.

De momento no tiene muchos vídeos, pero estoy seguro de que irán creciendo poco a poco y nos permitirán ver películas y series de todos los tipos e idiomas. Aquí os dejo el texto de su primer post en el que nos explican lo que pretenden conseguir con esta nueva e interesante iniciativa:

Bienvenidos a VerOnline.es una nueva web donde nos dedicaremos al mundo de las peliculas online, series online, videos online, etc… todo para poder ver peliculas, capitulos de series, documentales, y cualquier tipo de video sin tener que descargar nada, solo viendolo directamente en el navegador…

Creo que en ver online nos espera algo grande… asi que simplemente daros la bienvenida a todos…

Mucha suerte a VerOnline.es y... ¡muchas gracias!

¡George Bush en CSS!

Después de su impresionante creación de Homer Simpson, Román Cortes nos vuelve a sorprender de nuevo, creando a George Bush en CSS. Os dejo aquí la imagen conseguida, aunque si queréis comprobar que de verdad está en este lenguaje, podéis hacerlo desde su post original.

Al igual que el Homer en CSS, está comprobada su correcta visualización desde IE 5.5+, Opera 9, Safari 3 y Firefox 2+ para Windows, y necesita la fuente Verdana. ¡De nuevo, impresionante el trabajo de Román Cortés!

Your Face: Envía tu foto y consigue una caricatura

Acabo de encontrar un curioso y original blog llamado Your Face, en el cual puedes enviarles una fotografía de tu cara y la transformarán en una caricatura con alguna característica muy creativa. Se creará un post con el dibujo de tu rostro y quedará ahí para la posteridad. Yo ya he mandado la mía... a ver si hay suerte y salgo en la toalla de Your Face! xD

El creador de todo esto se llama Damien Weighill, un pintor inglés de 26 años que, a parte de este, tiene varios blogs también muy artísticos y originales. ¡Que crack!

La vida de un blogger

1. Inauguras un blog sin un objetivo determinado. Curiosidad: ¿cómo funcionará, qué se sentirá? Puras ganas de comunicar.

2. Escribes sobre todo un poco. Descubrimiento ilusionado de una nueva dimensión.

3. Le coges el gusto. Defines mejor el tema de tu blog, incorporas la conciencia de ser leído.

4. Añades la proyección de tu blog: estadísticas, RSS, directorios. Un poco de publicidad Ad Sense para subvencionar el blog.

5. Posteas periódicamente. El blog como obligación y ambición.

6. Fruto de la persistencia llegas a hacerte un nombre, a tener tu público, a aparecer en los rankings.

7. Pero el reconocimiento a veces te ahoga. Sientes que eres esclavo de tu blog: has puesto una nueva obligación cotidiana a tu ya ocupada y estresada vida.

8. Tentación de dejar la blogosfera. O te planteas postear menos para recuperar la libertad inicial, la ilusión del principio.

9. Huida hacia adelante: ¿Y si creo otro blog?

_________

Vía | despuesdegoogle

Estadísticas: Abril 2008

Para ser el segundo mes con el blog, no se si las estadísticas son buenas, malas o regulares. De lo que estoy seguro es de que estoy encantadísimo con ellas, y os doy enormemente las gracias a todas las personas que me leen a menudo o que simplemente me visitan de vez en cuando. Las estadísticas de abril han sido: 3028 visitas y 1525 usuarios únicos, lo que hacen una media de 101 visitas y 51 usuarios únicos al día.

Además, en cuanto a los feeds, ahora mismo hay 10 suscriptores y tengo una media de 8 al día. Así que nada más, espero seguir creciendo muchísimo en visitas, usuarios únicos, comentarios, feeds y posts, y de nuevo, ¡muchísimas gracias a todos los visitantes de 99coma9!

SleeveFace: Cambiando el rostro

SleeveFace es un blog en el cual realizan originales fotomontajes en la realidad, poniendo delante de las caras, portadas de discos musicales. ¡Quedan genial! Estas son algunas de las que más me gustan:

Os dejo aquí también un video que han creado en el que se ven muchísimos más fotomontajes y en el cual explican los pasos para realizarlos. ¡Mola muchísimo!

The Art of the Title: Los mejores títulos de crédito

The Art of the Title es un blog dedicado a exponer los principios de famosas películas y series de televisión en los que se muestran los títulos de crédito. La calidad de los videos es buenísima, estando en alta definición. Aquí tenéis como ejemplo la cabezera de Dexter:

He cojido esta cabezera porque entre todas las series es una de las que más me gustan por su originalidad. Es curiosísima, es... ¡genial! También tenéis muchas más, como por ejemplo la de Casino Royale o la de 300. ¡A disfrutarlas!

Manéjate con Blogger

No soy un experto en blogs, ni en html, ni en php, ni en nada por el estilo, pero me voy a permitir el lujo de explicar por medio de este post algunas funciones para blogger bastante útiles. Por ejemplo, muchos os preguntaréis como he hecho para que pinchando en la flecha azul de la parte inferior del blog, volvamos totalmente arriba. Es muy sencillo, para ello solo tenemos que poner cualquier imagen (podéis coger esta misma que tengo yo) y asociarle un enlace a la siguiente dirección:

http://laurldetublog.com/#

También puede que os preguntéis como he puesto el icono de 99coma9 a la izquierda de la web en la barra de navegación y en favoritos. Para ponerlo (recordad que tiene que ser de 16x16 píxeles), os vais a la personalización del blog, pincháis en diseño, y a continuación en edición html. Expandis artilugios y buscáis en la plantilla, pulsando control+f, el código <b:skin><![CDATA[/* y justo antes ponéis lo siguiente:

<link href='Laurldelicono' rel='shortcut icon'/>

Bien, ahora explicaré una de las cosas que más importantes me parecen en blogger, poner los comentarios debajo de cada entrada. El proceso es algo mas largo y complicado, pero no es nada imposible, y recordad siempre guardar la plantilla antes de modificarla. Bien, nos vamos a personalización del blog, diseño, edición html. Expandimos artilugios, y buscamos ]]></b:skin>. Justo antes colocamos el siguiente código:

#comenta-outter { margin: 50px 0; } #comenta-inner { display: block; height: 650px; width: 500px; margin:0; border:none; background-color: #ddd; }

A continuación bajamos en la plantilla y buscamos este código:

<b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4> <dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt class='comment-author' expr:id='"comment-" + data:comment.id'> <a expr:name='"comment-" + data:comment.id'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'> <data:comment.author/> </a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'> <data:comment.body/> </span> <b:else/> <p><data:comment.body/></p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='"#comment-" + data:comment.id' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> <p class='comment-footer'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:postCommentMsg/> </a> </p> </b:if>

Lo eliminamos y lo sustituimos por este:

<b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <center> <div id='comenta-outter'> <div id='comenta-inner'> <iframe align='middle' expr:src='data:post.addCommentUrl' frameborder='0' marginheight='0' marginwidth='0' scrolling='auto' style='width:100%;height:100%;'/> </div> </div> </center> </b:if>

A continuación buscamos este otro:

<span class='post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 1'> 1 <data:top.commentLabel/> <b:else/> <data:post.numComments/> <data:top.commentLabelPlural/> </b:if> </a> </b:if> </b:if> </span>

Y lo sustituimos por este:

<span class='post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.url + "#comments"' > <b:if cond='data:post.numComments == 1'> 1 <data:top.commentLabel/> <b:else/> <data:post.numComments/> <data:top.commentLabelPlural/> </b:if> </a> </b:if> </b:if> </span>

Guardas la plantilla y listo. Ahora si queremos personalizar el formulario, nos vamos al primer código que metimos en la plantilla y lo editamos a nuestro gusto:

Height: Es el alto que tendrá el formulario.

Width: Es el ancho del formulario Recomiendo ponerle el mismo ancho que tengan nuestras entradas, para evitar que se vea cortado.

Border:none; Borde del formulario.

Background-color: #ddd; El color de fondo del formulario. Podemos incluso añadir una imagen de fondo al formulario, cambiando background-color: #ddd; por: background: url(Dirección_url_de_la_imagen);

Por último explicaré como quitar la barra blogger, cosa que yo no he hecho, porque me parece mucho mas cómodo tenerla para crear entradas o personalizar el blog de una manera rápida. Para eliminarla, buscad en edición html: </head> y justo antes colocad el siguiente código:

<style type="text/css"> #navbar-iframe { height:0px; visibility:hidden; display:none; } </style>

Espero que os haya servido y ya sabéis, si tenéis alguna duda, no dudéis en enviadme un correo a pabliko360@gmail.com.