Aprendiendo Web

Esta es la segunda parte de la serie en Microformatos, aquí veras algunos de sus usos.

Encontrando una dirección

Imagínate que un amigo mio quiere pasar a visitarme pero no recuerda cómo llegar a mi casa... gracias a sus conocimientos de microformatos tiene instalado el plugin Operator en su navegador favorito, Firefox...

Como uso microformatos en Aprendiendo Web, mi amigo tiene la oportunidad de encontrar mi casa usando google maps!

Continúa leyendo...

Hace tiempo que quería escribir acerca de los microformatos, al final decidí hacerlo en varios posts ya que es un tema súper amplio, este es el primero de la serie.

Aquí verás una introducción a los microformatos y un ejemplo de su uso.

¿Que son los Microformatos?

Los microformatos son una manera de agregar información extra a tus páginas, usando generalmente el atributo class.

La idea de usar una clase para dar información extra es bastantes simple, se trata de darle un atributo class (con un nombre estándar) a un elemento para describir la información que contiene.

La forma más fácil de entender esto es con un ejemplo:

Digamos que tengo este párrafo en mi blog:

Lo único que ese HTML le comunica a una computadora es que se trata de un párrafo con un enlace a aprendiendoweb.com, no hay forma de decirle que soy autor de AprendiendoWeb.com ¿o si?

Para eso están los microformatos...

Continúa leyendo...

Hace poco se anunció el blog de google para webmasters en español, hoy me entero que están preparando una serie de 6 videos sobre el uso de las herramientas para webmasters.

Estas herramientas son muy útiles, y si tienes una cuenta de Google como por ejemplo Gmail ya tienes una cuenta en Herramientas para Webmasters de Google.

Este es el primer video de la serie (4 minutos y 36 segundos):

Cómo acceder a las herramientas y los beneficios de verificar un sitio web.

Continúa leyendo...

Hace 5 minutos, Arturo me pasó este video sobre web semántica (en inglés, subtitulado al español).

Puedes darte una muy buena idea de lo que es la web semántica en este video de 6 minutos.

El video

Continúa leyendo...

Este post es para agradecer a chicaseo.com (un blog muy bueno sobre Search Engine Optimization) por hacerme llegar el libro MySQL para Windows y Linux

Lo gané hace pocos días en un concurso, la idea era nombrar un proyecto open source, yo escogí inkscape, un genial editor de gráficos vectoriales de código abierto.

¡Muchas gracias por el libro!

Continúa leyendo...

Hace poco Google agregó esta funcionalidad a Book Search, se trata de insertar un poco de JavaScript en la página en la que quieres mostrar el libro y listo.

Aquí puedes ver un ejemplo del mejor libro de HTML.

No te preocupes, sé que escuchar JavaScript puede ser un poco intimidante, pero en realidad no tienes que saberlo para hacer esto.

El código es el siguiente:

<script type="text/javascript" src="http://books.google.com/books/previewlib.js"></script>
<script type="text/javascript">GBS_insertEmbeddedViewer('ID-DEL-LIBRO',600,600);</script>

Sólo tienes que hacerle una pequeña modificación...

Continúa leyendo...

Ya lo había dicho antes, Head First HTML with CSS & XHTML es sin duda el mejor libro para aprender HTML, CSS y XHTML.

Ahora, gracias a Google Book Search podemos embeber un libro en cualquier página web, en el siguiente post explicaré cómo hacerlo, mientras tanto, denle una mirada a este libro.

Buen fin de semana!

Continúa leyendo...

He estado haciendo algunas traducciones del blog Creating Passionate Users de Kathy Sierra, hoy encuentro este video de una charla que dio Kathy en el World Camp San Francisco 2008.

Aquí está el video, también una explicación sobre por qué me gusta tanto ese blog y lo que me lleva a hacer estas traducciones.

El video (en inglés) dura 42 minutos, pero me gustaría que antes leas la explicación, prometo no hacerla demasiado larga.

¿Por qué es tan bueno el Blog de Kathy Sierra? ¿Y que tiene eso que ver con un blog de diseño web?

Continúa leyendo...

Conversando con Arturo sobre la salida de Adobe Creative Suite 4 (CS4) el 23 de septiembre, llego a este video de cnet (en inglés, 3 minutos de duración).

Aquí se demuestran alguna de las diferencias de CS4 vs CS3, la verdad es que dan ganas de usar este software.

En el artículo se detallan muy bien las características principales de esta suite, que dicho sea de paso, cuesta $2,499.

Continúa leyendo...

El elemento <head> contiene información general acerca del documento.

HTML tiene un elemento <meta> que siempre va dentro del <head> y sirve para poner meta información.

¿Que diablos es meta información?

Meta información es: información acerca de la información. (no te preocupes, suena raro, pero te aseguro que tiene sentido).

Imagina toda la información que tienes en tu página web, meta información es la información acerca de la página en si, autor, descripción, palabras clave, etc.

Algo así como información acerca de la información.

Continúa leyendo...