No hace mucho en GeeksRoom, Gustavo escribió un post con una lista de sitios que te explican y además te ofrecen recursos para trabajar con HTML5.

Sin mucho más que decir y para ustedes mucho material muy bueno para leer, aquí les paso la lista de estos 10 sitios sobre HTML5:

• WTF is HTML5

  Una Infografía del HTML5

• Dive Into HTML5

  Una explicación muy sencilla de las funciones del HTML5.

• HTML5Doctor

  Pregunta en foros sobre el HTML5.

• HTML5Rocks

  Tutoriales para entender HTML5.

• HTML5games

  Juega en HTML5.

• HTML5 Readiness

  Mira las características soportadas de HTML5 y CSS3 que tienen los navegadores.

• HTML5 Element Reference Table

   < La table periódica en HTML5.

• HTML5 Test

  testea 300 propiedades del HTML5 en los navegadores.

• HTML5 Gallery

  Especial para desarrolladores web.

• YouTube HTML5 Beta

  Los vídeos de YouTube en HTML5.

Hoy les alcanzamos un tip que quizas les venga de mil maravillas a todos, en esta época de Social Media y donde lo mas importante es compartir conocimientos.

Desde el blog de un amigo de la casa Luis Carlos Parrado Sanchez @lcparrado les acercamos una manera distinta de agregar el botón de “COMPARTIR” sin usar los tipicos plugins.

Aquí como hacerlo:

Para añadir botones al final de nuestros posts que enlacen a diferentes redes sociales sin ningún tipo de plugin, hay que tocar un poco los archivos single.php, index.php y style.css de nuestro Theme de WordPress. En este caso voy a explicar como poner los botones de Facebook. Meneame, Twitter, Delicious y Goole Buzz

Lo primero es descarga de este link los iconos correspondientes a cada res social
Luego colocamos el siguiente código en el estilo css, en este caso style.css:

.socials {font-size:11px;font-weight:none;margin-bottom:10px;background-color:#ffffff;border: 1px solid #dddddd;padding:5px 5px 5px 30px;width:593px;margin-left:10px}
.socials a {margin-right:10px;color:#999999;}
.btn_twitter {background:url(images/twitter.png) left no-repeat; padding-left:18px;}
.btn_facebook {padding-left:20px;}
.btn_delicious {background:url(images/delicious.png) left no-repeat; padding-left:20px;}
.btn_meneame {background:url(images/meneame.png) left no-repeat; padding-left:20px;}
.btn_buzz {background:url(images/buzz.png) left no-repeat; padding-left:20px;}

En el archivo index y style pega el siguiente código donde quieras mostrar los botones:

<div style=”margin-top:0px;”>
<a class=”btn_twitter” href=”http://twitter.com/home?status=<?php the_title() ?><?php the_permalink(); ?> en <?php bloginfo(’name’); ?>”>Comp&aacute;rtelo en Twitter</a>
<a name=”fb_share” type=”icon_link” href=”http://www.facebook.com/sharer.php”>Facebook</a><script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share” type=”text/javascript”></script>
<a href=”http://www.meneame.net/submit.php?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?><?php bloginfo(’name’); ?>” title=” Enviar a Men&eacute;ame” target=”_blank”> Enviar a Men&eacute;ame </a>

Y por ultimo guardamos nuestros archivos y los subimos al servidor.

Acá dejo el código de cada botón para los que no les interesa el diseño que yo implementé.

<a href=”http://twitter.com/home?status=<?php the_title() ?><?php the_permalink(); ?> en <?php bloginfo(’name’); ?>”>Comp&aacute;rtelo en Twitter</a>

Twitter:

<a href=”http://twitter.com/home?status=<?php the_title() ?><?php the_permalink(); ?> en <?php bloginfo(’name’); ?>”>Comp&aacute;rtelo en Twitter</a>

Facebook:
El codigo lo pueden hacer desde este link

Meneame:

<a href=”http://www.meneame.net/submit.php?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?><?php bloginfo(’name’); ?>” title=” Enviar a Men&eacute;ame” target=”_blank”> Enviar a Men&eacute;ame </a>

Delicious:

<a href=”http://del.icio.us/post?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>” title=”Guardar en del.icio.us” target=”_blank”> Guardar en del.icio.us </a>

Google Buzz:

<a href=”http://www.google.com/reader/link?url=<?php the_permalink() ?>” title=”Enviar a Buzz” target=”_blank”>Enviar a Buzz</a>

Fuente: Lcparrado blog

Excelente libro gratuito en PDF escrito por Gyutae Park, en el cuál nos explica en forma muy clara, 500 extrategias de marketing por Internet, que supuestamente te ayudarán a incrementar la exposición de tu blog o sitio web.

El mismo se llama The Winning Way y está compuesto por 118 páginas, en las cuáles se encontrarán algunos trucos conocidos y otros no tanto, que según el autor funcionan si se aplican tal cuál lo explica.

Entre los temas encontraremos trucos para el SEO del blog, ideas para construir un sistema de enlaces que atraiga a muchos visitantes, extrategias utilizando redes sociales, monetizar el tráfico y generar dinero del mismo y otros que si bien no son tan importantes, en conjunto nos pueden ayudar a mejorar nuestro blog y nuestras finanzas.

Para descargarlo solo deben de suscribirse con su nombre y email.  Recibirán un mensaje con el enlace para la descarga del libro, el cuál supuestamente tiene un valor de 93 dólares, pero que lo pueden descargar en forma gratuita.  Vale la pena aclarar que el mismo se encuentra escrito en inglés.

Vía: Winning the Web

htmlPlayground es una herramienta en línea muy útil, que ayuda a aprender HTML y CSS mediante ejemplos que podemos ir transformando en tiempo real y así, de esa manera nos permite ver como trabaja cada etiqueta, cada atributo y cada propiedad utilizados para el desarrollo de sitios webs.

También sirve para cualquier nivel de desarrolladores de sitios web, ya que es una herramienta que puede servir de referencia rápida y de la cuál podemos copiar código y además modificarlo para ver el resultado antes de implementarlo en un proyecto.

Elegimos que tipo de referencia queremos ver: Etiquetas XHTML, Atributos XHTML o Propiedades CSS.

Elegimos el item y a la derecha aparece una descripción del mismo, un ejemplo, el cuál se puede editar y cambiar para ver el resultado que produce ese cambio y como último tenemos un cuadro que nos muesta una preview de como se vería en un navegador.

El ejemplo del código viene en colores: etiquetas=verde, atributos=rojo y el texto en negro.

Excelente heramienta para aprender y también como referencia para desarrolladores.

Hace un par de días atrás, Isa , Ceci y Juan, lanzaron un nuevo proyecto de ayuda para bloggers.  Se trata de un foro que fué creado para ayudar a bloggers nuevos y para los que tienen experiencia conozcan otros bloggers y así compartir sus conocimientos.  El mismo se llama Conexión Blogger.

De los tres organizadores, conozco más a Juan y quién lo conoce a el, sabe muy bien que si comenzó un proyecto, el mismo será exitoso.   A Ceci la he leído en más de una oportunidad y me gusta su manera de bloggear, al igual que la de Isa.

El foro consta con diferentes secciones, la mayoría pertinentes a los blogs y una en las que podemos hablar de cualquier cosa y que por ser creado por tres argentinos, no podía llamarse otra cosa que Café :-)

Cuenta con las clásicas secciones de presentación personal y del blog, ayuda en cuanto a recursos, SEO, diseño y hasta una sección de búsqueda y ofrecimiento de trabajo.

Desde aquí quiero felicitarlos por la iniciativa y desearles lo mejor con este proyecto, que estoy seguro, será exitoso y ayudará a muchos bloggers.

Enlace: Conexión Blogger

Recién acabo de suscribirme a un challenge llamado 31 Days to Building a Better Blog, que comenzará el 1 de Abril y es organizado por Darren Rowse, el autor del famoso blog anglosajón de ayuda para los bloguers, llamado ProBlogger.

El mismo tiene una duración de 31 días y está abierto a cualquiera persona que quiera participar.  

Este ¨curso¨ digamos que apunta a principiantes, pero incluye tareas no solo para este tipo de personas con conocimientos básicos sobre el tema blogs, también apuntadas a niveles medios y avanzados.

Quizás, como bien dice Darren, muchas de las cosas que bloggers que tenemos algunos años en esto, ya lo sabemos, pero muchas veces no lo aplicamos o quedan en el olvido.   Por eso es que me suscribí.

Todos los días, a partir del primero de Abril y por 31 días, enviará un email con un artículo, más la tarea a realizar.  No es algo que debemos cumplir sí o sí, pero si somos concientes y verdaderamente queremo que nuestro blog sea mejor de que es actualmente, creo que debemos de esforzarnos para tratar de cumplirlas.

No es necesario que se registren, ya que pueden recibir los artículos a través de las RSS de Problogger, pero los que se suscriban, recibirán algunos comentarios más.

Problogger, sin lugar a dudas, es uno de los mejores blogs respecto a la enseñanza del blogging y en cada uno de sus aspectos, ya sea SEO, plataformas, políticas a seguir, forma de escribir, etc.

La única contra de todo esto, para algunos de ustedes, es que todo esto se encuentra en inglés.  Aunque a esta altura eso ya no debería de ser un barrera, pues con solo recibir los artículos por RSS, si es que no se sienten capaces de realizar las tareas, se pueden traducir perfectamente en algún servicio gratuito, que si bien no serán traducidos a la perfección, al menos les dará una idea y podrán aprender nuevas técnicas para aplicar en su blog y así mejorarlo.

No es algo que sucede todos los días, es más, solo lo ha hecho en dos oportunidades, en el 2005 y en el 2007, o sea cada dos años, por lo que si tienen la oportunidad y ganas, es recomendable que lo hagan.

Enlace: 31 Days to Building a Better Blog

Esa compilación contiene 50 tutorials, los cuáles se dividen en los siguientes temas:

• WordPress Basic
• Theme Tutorials
• Plugins
• The Backend
• Miscelaneous

Por supuesto que como desarrollador de themes, me interesa por sobre manera los tutorials al respecto y recorriendo así por arrriba, encontré algunos trucos que me van a servir para crear mejores themes y comenzar a desarrollar themes Premium.

Igualmente, dejandode lado mi interés por los themes de WordPress, también vi algunos de los tutorials de los otros temas y en conjunto son una fuente invalorable de información para todo aquel que quiera ser un experto en el tema WordPress, ya que aprendiendo de estos tutorials, que no es una cosa dificil, tendrán el conocimiento necesario como para adaptar WordPress a cualquier situación y quizás con ese conocimiento, lograr generar un ingreso de dinero desarrollando sitios con esta plataforma.

Enlace: Top 50 WordPress Tutorials

Los libros que les comento son el producto del trabajo de la gente de LibrosWeb, los cuáles fueron escribiendo estos libros, que prácticamente contienen todo el material con el cuál trabajan sus autores en forma diaria.

Todos los libros se encuentran bajo una licencia Creative Commons y los mismos son los siguientes:

1) Simfony, la guía definitiva. Este poderoso framework, nos permite desarrollar aplicaciones web a través de PHP.

2) Introducción a Ajax. Este libro nos introduce en el mundo de Ajax.  Incluye Google Maps, Prototype, jQuery y decenas de ejemplos.

3) Introducción a Javascript. Este libro tiene la particularidad de ser ideal para personas sin experiencia en programación.

4) Introducción a CSS. Guía para principiantes que nos enseña a aplicar estilos a nuestro sitio web.

5) CSS Avanzado. Lectura recomendada si nos interesa seguir adquiriendo conocimientos sobre CSS.

6) Referencia de CSS 2.1: Este libro nos muestra las 115 propiedades de CSS 2.1, incluyendo docenas de ejemplos.

7) Introducción a XHTML. Guía para aprender a crear páginas web válidas y accesibles.

Descargué un par de ellos y leí algo, muy por arriba, aunque si lo suficiente como para decir que son libros muy buenos.

Este libro fué escrito por un latino llamado Guillermo Franco, un periodista con 23 años de experiencia, de los cuáles los últimos 8 se dedicó al periodismo digital y a Internet.

Se lo puede descargar desde el Centro Knight para el Periodismo en las Américas de la Universidad de Texas, en Austin.

Hasta ahora leí algunas pocas páginas, pero las suficientes para emitir una opinión, que no es otra que para todo aquel que quiera escribir bien para la web, este libro es de lectura obligatoria.

En el mismo se tratan temas como el comportamiento de los usuarios al leer en la red, el uso de la pirámide invertida y la explicación del por qué Internet reivindicó el uso de esta como la mejor estructura de presentar textos en la web.  También trata el tema de romper la uniformidad del texto, ya que según algunos estudios los bloques de texto ahuyentan a los lectores.

Un capítulo importante para los blogueros es el número 6 en donde se tratan formas de escribir en otras plataformas como blogs, microbloging y algunas pautas de redacción para Twitter.

Cada vez me sorprende más el hecho de que libros como este, que nos presentan temas de mucho valor educativo y especialmente para los que nos dedicamos a escribir en blogs, se puedan obtener de forma totalmente gratuita.

Por ahí leí que representantes de Google, comentaron en la conferencia de Marketing PubCon, desarrollada entre el 11 y 14 de Noviembre en Las Vegas, que esa guía es la que usan internamente para crear todos los sitios de Google.

Algunos temas que abarca esta guría son el título de la página, etiquetas meta, URL, generación de contenidos, enlaces de texto y otros más que comprenden este interesante mundo del SEO.

Para el que tiene un poco de experiencia en blogs, debería leerlo. Esta guía puede puede ser de gran ayuda para aquellos que recién comienzan con un blog.

En mi caso, la leí pero no aprendí nada nuevo que no haya aprendido en todo este tiempo que me he dedicado a los blogs.  Pero con esto no les quiero decir que soy un SEO experto, pues no es así, conozco algunas cosas y estoy aprendiendo otras, que me estan redituando beneficios, pero de ahí a ser una persona experta en SEO falta mucho trecho por andar.  Igualmente eso no quita que les voy a ir comentando sobre lo que aprendo y sobre casos prácticos que aplico en el blog.

Enlaces para descarga directa:

En español Guía de Google para Principiantes sobre Optimización en Motores de Búsqueda

En Inglés Making the Most of Your Content – A Publisher’s Guide to the Web