Shamanet

Dale un respiro a tus diseños.

noreply@blogger.com (Shamanet) — Wed, 10 Jun 2009 18:54:00 +0000

Una de las cosas más importantes que se tienen que tomar en cuenta al momento de diseñar una interfaz para la web, es el espacio en blanco, ese espacio que no significa nada y a la vez significa todo. Ya que es el encargado de guiar al usuario hacia las secciones que nos interesa llevarlos y es el encargado también, de segmentar los bloques que componen nuestro sitio web.

Pero cuanto debe ser ese espacio, cuando es demasiado, lo cual provoca que el usuario se distraiga y cuando es poco, lo cual provoca un serio fastidio a los ojos de nuestros visitantes, convirtiendo nuestro sitio web en algo completamente estresante.

Para darnos una idea de que tanto espacio se debería utilizar, les recomiendo utilizar el 960 Grid System el cual contiene un témplate listo para utilizarse en Photoshop, Inkscape, Fireworks, entre otros.

La rejilla del 960 Grid System se encuentra dividida en columnas de 40px y es esa la cantidad de píxeles que útilmente se utiliza para dar fluidez a los diseños de las páginas web.

Además de que te hará la vida un poco más sencilla al momento de codificar tu diseño y dejarlo listo para ser mostrado en un navegador. Ya que funciona como un framework con clases predefinidas a las que solo tienes que llamar, para así posicionar los segmentos de tu sitio web donde corresponde.

Así que ya lo saben, para dar fluidez a sus diseños utilicen entre 35px a 40px para dividir los segmentos principales de su sitio web, es decir para separar un articulo de otro, para dar margen al contenido, para separar el contenido de las secciones laterales, en fin creo que ya se entendió a que me refiero.

También es buena recomendación que mantengan una misma medida sobre todos los espacios en blanco de su sitio web o al menos en los principales, a lo que me refiero es que los espacios en blanco deben de lucir consistentes en la medida de lo posible, ya que de otra forma parecerá que todas las secciones de nuestro sitio web fueron colocadas al azar dando una apariencia poco profesional a nuestro diseño.

En el siguiente post me encargare de mostrarles algunos ejemplos que me encuentre en la web dentro de los cuales se puedan ver la cantidad de píxeles que utilizan en sus espacios en blanco y lo placentero que resultan tales diseños al verlos desplegados en el monitor de nuestras computadoras. Nos leemos luego, saludos.

Aquí vamos otra vez…

noreply@blogger.com (Shamanet) — Tue, 09 Jun 2009 21:36:00 +0000

Comienzo nuevamente a escribir para este mi blog personal, después de dejarlo abandonado durante algún tiempo, debido a que me encontraba ocupado trabajando en algunos proyectos un tanto offline. Pero empezamos nuevamente y espero que en esta ocasión sea con el pie derecho.

Les comento un poco sobre cual será la línea que tomara este blog. Actualmente me encuentro muy involucrado en lo que a diseño web se refiere, principalmente al diseño de interfaces utilices, claras y concisas que proporciones al usuario una experiencia fluida al momento de visitar una página web.

Si embargo e estado poco actualizado en lo que a las nuevas tendencias de diseño que se están marcando en Internet se refiere. Así que aprovechare este espacio para irles contando sobre mi experiencia y sobre lo que e aprendido en el desarrollo de interfaces web, podrá parecer una cosa sencilla, pero como todo en esta vida, esta labor también tiene una multitud de detalles a tener en cuenta.

Así pues si tú también te encuentras interesado en el desarrollo de interfaces web, no pierdas de vista este blog, puede serte de gran utilidad o al menos puedes utilizarlo para compartir opiniones e ideas sobre este tema en particular.

Por el momento, esta es la línea que tomara este blog. Que pase en futuro, realmente no lo se, quizás el día de mañana se enfoque más a la fotografía, a la foto manipulación o a la música, el tiempo dirá.

Bienvenido a la nueva etapa de este blog, gracias por compartir un poco de tu tiempo leyendo lo que en el se escribe. Saludos.

Rastro de meteorito en Google earth.

noreply@blogger.com (Shamanet) — Mon, 24 Nov 2008 19:49:00 +0000

Navegando por la comunidad de Google earth me encontré con esta curiosidad, se trata de una archivo KMZ, el cual puedes visualizar en Google earth o desde tu navegador en Google maps, en el se marcan los cenotes de Yucatán, cavidades en la superficie de la tierra muy populares entre los turistas de la Riviera Maya, ya que su belleza es innegable, como vemos en esta fotografía.

Lo sorprendente viene al alejarnos un poco y observar, en la península de Yucatán, el patrón que la suma de todos los cenotes dibuja, se trata ni más ni menos que del cráter de Chicxulub, dejado en ese lugar por el meteorito que se estrellara en la tierra hace 65 millones de años y que según una teoría ampliamente aceptada por la comunidad científica, fuera el causante de la extinción de los dinosaurios.

Fuente: Comunidad Google Earth.

Obra inédita (en español) de Shakespeare.

noreply@blogger.com (Shamanet) — Mon, 24 Nov 2008 18:33:00 +0000

Si tomamos en cuenta que William Shakespeare murió en 1616, que es considerado el escritor más importante del habla inglesa y su gran influencia en nuestra cultura; es casi lógico imaginar que su obra a sido ya traducida a todos los idiomas existentes o mínimo a los idiomas más hablados, entre los que se encuentra, por supuesto, el español.

Lastimosamente no es así, la obra “Los dos nobles parientes” escrita por Shakespeare en colaboración con John Fletcher en 1613, a sido traducida hasta fechas recientes, aunque contando con el trabajo de dos reconocidos traductores entre los que destaca el español ganador del Premio Nacional a la Mejor Traducción en 1998, Ángel Luis Pujante, por su trabajo en la “La Tempestad”, otra obra de Shakespeare.

Felicidades por esta labor y espero pronto tener en mis manos una copia de esta obra, ya traducida a nuestro idioma.

Fuente: Universidad de Murcia.

Son Gokū al servicio de la comunidad.

noreply@blogger.com (Shamanet) — Mon, 24 Nov 2008 17:46:00 +0000

A continuación les dejo una rareza que encontré sobre Dragon Ball, publicado originalmente en 1988, donde vemos a Son Gokū enseñando a unos niños sobre el peligro de tratar incorrectamente con el fuego. Dentro de la animación podemos ver a otros personajes, ya clásicos dentro de la serie como Yamcha, Bulma, Krilin y el maestro Röshi. Aunque el video se encuentra totalmente hablado en japonés las imágenes son muy descriptivas y se comprende el mensaje claramente.

Me pregunto que tan peligroso puede ser fumar un cigarrillo en la cama, cuando varios de los pesonajes de la serie pueden destruir el planeta entero solo con sus manos; en definitiva este video es una joya, no dejes de checarlo.

Fuente: YouTube.

Tutorial: Texto dorado en photoshop.

noreply@blogger.com (Shamanet) — Thu, 06 Nov 2008 19:35:00 +0000

A continuación publico una de las formas que existen para conseguir texto dorado en photoshop y dependiendo de tu proyecto, te puede ser útil. Personalmente, me resultan siempre interesantes esta clase de tutoriales, más que nada para inspirarme. Disfrútalo.

1er paso: Abrir un nuevo documento.

Primero vamos a Archivo seleccionamos Nuevo y creamos un documento de 600px por 225px, esta medida la seleccione para que se vea claramente el degradado de fondo. La resolución la mantenemos a 72 pixeles por pulgada y el modo de color a 8 bits RGB.⇒

2do paso: Creando el degradado.

Parte del éxito de este efecto radica en el color de fondo que seleccionemos para el texto. Entre más obscuro sea este, más contraste creara con el texto y el efecto será más vistoso, aunque existen otras técnicas para crear texto dorado sobre fondos claros, por ahora solo nos ocuparemos de este efecto sobre fondos obscuros.

Para crear el degradado primero seleccionamos los colores que formaran parte de la composición (#685e4b, #000000), ahora seleccionamos la Herramienta degradado, presionado la tecla G de nuestro teclado, si la herramienta se encuentra oculta presionamos Alt + G y damos clic sobre la herramienta seleccionada, en este caso el bote de pintura.

Una vez en el editor de degradados, colocamos los colores que seleccionamos anteriormente siguiendo las siguientes proporciones: #685e4b al 0% y #000000 al 100%; quedando como muestra la siguiente imagen.

3er paso: Creando el texto. Para crear este efecto es necesario utilizar dos capas. La primera capa contendrá el texto con la mayoría de los estilos en ella, la segunda capa contendrá el brillo que se necesita para que el efecto funcione.

Primera capa.

Usando la herramienta de texto horizontal, seleccionamos una fuente con serifas, las cuales resaltan perfecto en color dorado. Para lograr el aspecto dorado utilice los siguientes estilos: sombra paralela, sombra interior, resplandor exterior, resplandor interior, satinado, superposición de colores y trazo; puedes revisar a detalle la configuración de cada estilo en la siguiente galería.

Segunda capa.

Para crear el brillo que dará el aspecto final a nuestro texto es necesario seleccionar la primera capa (el texto) y copiar esta selección en una capa nueva. Para conseguirlo, navega por la ventana donde se muestran las capas y presiona Ctrl + clic sobre la miniatura de la capa que contiene el texto.

Una vez que tengas la selección lista, crea una nueva capa. Para conseguir el brillo que deseamos, tenemos que utilizar de nueva cuenta la Herramienta de degradado, seleccionamos el color blanco para ambos extremos y modificamos el nivel de opacidad. Por ultimo seleccionamos el Degradado lineal y coloreamos nuestro texto desde la parte superior, como se muestra en la siguiente imagen.

Me gustaría escuchar tus opiniones y sugerencias respecto a este tutorial, no leemos luego.

10 fotografías de majestuosos baobabs.

noreply@blogger.com (Shamanet) — Fri, 31 Oct 2008 22:02:00 +0000

Los baobabs son arboles que crecen principalmente en la isla de Madagascar y otros países al interior de África, los que mas me sorprende de estos magníficos arboles es su gran tamaño, ya que el troco de un baobab puede llegar a medir hasta cuarenta metros de diámetro.

Su longevidad es otro aspecto característico de estos arboles ya que se habla de ejemplares de hasta cuatro mil años de edad, lo nativos de Madagascar conocen a esos impresionantes arboles como “madres del bosque”. E encontrado algunas fotografías que muestran su grandeza y de paso nos ilustran sobre los paisajes que se viven en aquella lejana isla de África. Así pues disfruta de la siguiente galería.⇒

Créditos.

No te olvides de visitar el demás trabajo de los autores de la galería anterior, algunos son aficionados y otros profesionales de la fotografía, pero lo que no se puede negar es que las tomas de las galería anterior son bastante buenas.

Allée des baobabs: danielguip (Francia).
(0228) Baobab imaginari: Joanot.
Baobab: Daniel Montesinos.
Baobab: Taishi Maehara (Japón).
Baobab Alley Sunset, Madagascar: laetitia.navarro.
Baobabs at Night: pdxsafariguy.
Baobabs - Madagascar: Ahaano.
Baobab: Isabel Lopez (Francia).
Baobab: infinitychiller (Alemania).
Baobab: Martha (Noruega).
Baobab: samsamwales.

Fuente: Flirck y deviantArt.

Brunelleschi/Da Vinci: El origen de la perspectiva.

noreply@blogger.com (Shamanet) — Fri, 31 Oct 2008 21:09:00 +0000

La perspectiva, es la capacidad del artista para trazar volúmenes, es decir trazar objetos tridimensionales en una superficie de solo dos dimensiones; como lo es un lienzo, un muro o una hoja de papel. Con la invención de la fotografía, la reproducción de volúmenes tridimensionales en espacios bidimensionales fue más que evidente; sin embargo, ya podíamos ver el uso de esta técnica (perspectiva) desde el siglo XV, varios siglos antes de la aparición de la fotografía, como hoy la conocemos.

Si observamos las pinturas de antes del siglo XV, ninguna maneja objetos tridimensionales de una forma fluida y natural para el ojo humano. Podemos tomar como ejemplo la obra de Duccio di Buoninsegna, importante pintor italiano del siglo XIII, revisa el manejo que da a la perspectiva, al observar su obra sientes que algo no encaja del todo bien.

Filippo Brunelleschi y sus estudios sobre la perspectiva.

Tuvo que ser hasta el siglo XV que esta tendencia cambio, gracias a Filippo Brunelleschi y sus estudios sobre la perspectiva, en los cuales trataba de demostrar que se podía engañar al cerebro con la idea de una falsa profundidad, al trazar correctamente objetos tridimensionales sobre un plano.⇒

Desafortunadamente esta primer pintura de un objeto tridimensional correctamente trazado, se a extraviado con el pasar del tiempo; sin embargo, aun podemos ver el edificio que inspiro a Filippo Brunelleschi a realizar aquella pintura, se trata del Baptisterio de San Juan en Florencia, Italia.

Leonardo Da Vinci y la cámara oscura.

Otra aportación importante al desarrollo de la perspectiva dentro de la pintura y el dibujo, fue sin lugar a dudas la cámara oscura, la cual fue utilizada por primera vez, con fines artísticos por Leonardo Da Vinci.

La cámara oscura es el principio fundamental de la fotografía; sin embargo, también tuvo su importancia en el desarrollo de la pintura y el dibujo, ya que permitía reflejar sobre un plano la imagen que el artista deseaba reproducir, permitiendo al artista dibujar las líneas correspondientes sobre dicho reflejo, obteniendo imágenes con una perspectiva perfectamente trazada. A continuación un ejemplo de la importancia que tiene la perspectiva al momento de componer una imagen; creado por Sandro Botticelli:

Gracias al trabajo y los descubrimientos de estos importantes personajes, toda una generación de artistas logro inspirarse a crear arte revolucionarío; que hasta el día de hoy nos sigue sorprendiendo, durante el periodo conocido como el Renacimiento, al cual pertenece la imagen anterior.

Geo-Ingeniería, la alternativa desesperada.

noreply@blogger.com (Shamanet) — Fri, 31 Oct 2008 20:36:00 +0000

La capacidad que tenemos los seres humanos para modificar nuestro entorno y proporcionarnos comodidad nos a llevado a un mal momento y ahora el planeta entero sufre las consecuencias, es momento que hagamos algo y algunas ideas ya se han dejado escuchar.

La denominada geo-ingeniería, es nuestro último recurso para intentar nivelar esta situación. Al mencionar último recurso, me refiero a que deberíamos seguir tomando medidas inmediatas y evitar que el problema continúe creciendo.

Realmente la forma de colaborar para devolver el equilibrio a nuestro planeta no implica mucho esfuerzo, la regla es sencilla, simplemente trata de consumir menos energía de la que actualmente consumes y apoya las nuevas tecnologías que buscan proporcionarnos las mismas comodidades, con las que contamos actualmente, pero con un menor impacto ambiental. Solo después de que las reglas anteriores; bien aplicadas, no solucionen el problema, es cuando debemos comenzara pensar en una solución de geo-ingeniería y cumplir así nuestra responsabilidad como especie, sobrevivir.⇒

Azufre en el cielo, contra el calentamiento global.

El azufre quizás lo asociemos al infierno, a los volcanes, al calor extremo. Irónicamente, quizá sea al azufre el que nos ayude a bajar la temperatura del planeta. Observando la naturaleza, cuando un volcán hace erupción lanza al ambiente enormes cantidades de azufre, los cuales cubren grandes áreas de la atmosfera, reflejando los rayos solares fuera del planeta. A continuación las áreas cercanas a la erupción sufren una bajada de varios grados en la temperatura.

La idea fue propuesta en 2006, por el premio nobel de química en 1995, Paul J. Crutzen, el propone disparar partículas de azufre directamente o elevar globos cargados del elemento a la atmosfera, esto causaría en un periodo de seis meses aproximadamente, una bajada en la temperatura del planeta. Las partículas de azufre permanecerían en las capas altas de la atmosfera por lo menos durante dos años.

Así como la propuesta anterior, existen varias opciones (siembra de nubes, sombrilla espacial, etc.) algunas suenan mas viables otras no tanto, en verdad espero que nunca sea necesaria alguna de estas ideas.

Antropoceno, advertencia de lo que podría ser.

noreply@blogger.com (Shamanet) — Fri, 31 Oct 2008 20:18:00 +0000

¿Los seres humanos habremos alterado nuestro medio ambiente lo suficiente como para decir que hemos creado otra epoca geológica?, el premio nobel de química, Paul J. Crutzen así lo cree, y no creo que su intención sea introducir un nuevo termino al vocabulario geológico, mas bien lo veo como una advertencia de la capacidad que tenemos los seres humanos para alterar nuestro planeta, el cual hasta ahora nos comienza a mostrar los resultados de nuestras acciones.

El catalogar una nueva epoca geológica no nos corresponde a nosotros, ya le corresponderá a la próxima civilización que habite nuestro planeta y que observe el legado que nosotros dejamos en el, ellos catalogaran si fuimos lo suficientemente “importantes”, como para afectar negativamente a futuras generaciones.⇒

Mejor comenzar desde este momento a realizar un cambio importante en nuestro modo de observar la vida y en el modo en el que nos relacionamos con nuestro medio ambiente, es importante que nos percatemos que somos parte de un todo y que las acciones que cada uno de nosotros realiza, afectan directa o indirectamente a otros habitantes de este planeta.

Evitemos que nuestra civilización sea vista en el futuro, como la que marco un antes y un después en el deterioro del planeta y la forma en que se vive en el, comencemos a modificar nuestro estilo de vida a favor del planeta que nos a permitido vivir tranquilamente por tantos años y el cual hasta ahora comienza a reprocharnos.

Electrónica para rockear: Digitalism en vivo.

noreply@blogger.com (Shamanet) — Thu, 16 Oct 2008 16:59:00 +0000

Digitalism es un dueto de músicos alemanes que desde el 2004 nos han deleitado con la publicación de varios sencillos, hasta el lanzamiento en 2007 de su primer LP Idealism, donde recopilan tales sencillos además de otras propuestas muy interesantes.

A continuación les dejo una de sus presentaciones grabada en vivo por Fabchannel.com, desde Ámsterdam donde se puede ver su gran calidad como músicos y su destreza para subir el animo a la audiencia.

Lo dicho, electrónica para rockear.

Fuente: Fabchannel.com.

Matrix.

noreply@blogger.com (Shamanet) — Wed, 15 Oct 2008 17:51:00 +0000

"¿Quieres saber cuál es la verdadera Matrix?, el dinero."

Leído por ahí.

cita ext.

Acerca de este blog.

noreply@blogger.com (Shamanet) — Tue, 14 Oct 2008 14:00:00 +0000

Shamanet es un blog personal escrito por Eduardo Cerón, desde México, México. En este espacio escribo principalmente sobre temas que me apasionan como lo son la fotografía, el diseño, la ilustración y por supuesto la música. Además escribo sobre cosas interesantes que me encuentro en mí día a día navegando por la internet, las cuales te podrían ser útiles o simplemente entretenerte.

Derechos de autor.

Aunque la verdad no siento una gran fascinación por los derechos de autor sumamente restringidos, también es verdad que no simpatizo al 100% con los derechos de autor exageradamente abiertos que dan mucha facilidad al plagio, especifica y únicamente en lo que a contenidos se refiere. La razón es muy sencilla y quizás te haya sucedido en más de una ocasión, al buscar algo por internet y encontrar que más de una página web, de la lista de resultados del buscador, contiene exactamente la misma información. Que fastidio.

Por lo tanto eres libre de utilizar la información publicada bajo la categoría contenido original, siempre y cuando publiques un enlace a la fuente original y me cites como autor. No se vale el copiar y pegar en tu sitio web.

Si tienes dudas sobre como manejar el contenido original de este blog fuera de el, puedes echar un vistazo a esta entrada o cualquier otra donde utilice información que yo no he escrito. Como podrás leer, solo publico una introducción al artículo, seguido quizás de algún comentario personal y finalmente cito la fuente original. De esta forma mis lectores reciben la información que encontré interesante y además son invitados a revisar la fuente original para más detalles. Hagamos de internet un mejor lugar para todos.

Contacto.

Tienes algún comentario que hacerme, tienes alguna idea para mejora el blog, te gustaría participar enviando algo interesante que publicar o simplemente quieres saludar. No guardes silencio solo tienes que enviarme un correo electrónico a shamanet @rocketmail.com y con gusto te daré alguna respuesta. Siempre y cuando este dentro de mis posibilidades.

Visita guiada.

Ahora que sabes un poco más sobre quien se encuentra del otro lado de tu computadora redactando y publicando lo que se lee en este blog, es momento que comiences a navegar por las distintas entradas que se publican.

Puedes comenzar leyendo la guía de usuario, aunque un blog no tiene mucha dificultad en utilizarse nunca esta de más publicar algo de documentación para los nuevos usuarios de internet y en específico de este blog.

Créditos.

Porque siempre hay alguien trabajando detrás de todo lo que consumimos, aquí tienes la lista de los involucrados en la publicación de este blog. Si su trabajo es de tu agrado no dejes de ponerte en contacto, quizás puedas sumarlos a tu próximo proyecto.

Alojamiento web: Blogger™, Skydrive™.
Contenido: Eduardo Cerón.
Galería de imágenes: Christophe Beyls.
Menú: Aleksandar Vacić.
XHTML, CSS y diseño: Eduardo Cerón.

Que pases un buen momento navegando por este blog.

Guía de usuario.

noreply@blogger.com (Shamanet) — Mon, 13 Oct 2008 20:40:00 +0000

Puedes acceder directamente a la sección que te interesa, utilizando el siguiente índice.

Sección principal.
1. Título.
2. Contenido.
  1. Texto.
  2. Imágenes.
  3. Galerías.
  4. Videos.
  5. Recuadros.
    1. Calificación.
    2. Nota.
    3. Índice.
    4. Cita interna.
    5. Cita externa.
    6. Código.
    7. Entradas relacionadas.
3. Pie de la entrada.
4. Comentarios.
  1. Pie de los comentarios.
5. Navegador de entradas.
Sección inferior.
1. Enlaces de seguimiento.
2. Derechos de autor.
Menú.
1. Buscador Interno.

índice.

Aunque navegar por un blog no es de las situaciones más complicadas que te puedes encontrar por internet, nunca esta de más publicar algo de documentación. La presente información va principalmente dirigida a los usuarios que recién comienzan a explorar la internet.

Sección principal. Esta sección comienza con el titulo de la página enmarcado en un rectángulo rojo, el logotipo del blog es un enlace permanente a la página de inicio, de modo que puedes acceder a esta desde cualquier entrada publicada en el blog. Seguido justamente después del titulo de la página se encuentra la primer área publicitaria del blog, donde se publican enlaces de interés hacia distintos patrocinadores, los cuales están relacionados al tema tratado en la entrada que te encuentres leyendo. La siguiente área en aparecer, es la utilizada para publicar las entradas del blog esta área se caracteriza por su fondo blanco, cada una de las entradas tiene una apariencia similar, de modo que te resultara muy fácil familiarizarte con ellas. Para finalizar esta sección se encuentra una segunda área publicitaria, donde se publican enlaces de interés hacia distintos patrocinadores, los cuales están relacionados al tema tratado en la entrada que te encuentres leyendo.

Título.

El título de cada entrada es fácilmente distinguible por su tipografía grande y en color rojo. Cada titulo de cada entrada es un enlace permanente, esta característica resulta especialmente útil para acceder al resto de la información publicada en ella o para leer los comentarios que los usuarios han realizado.

Contenido. El contenido de cada entrada esta formado de cinco elementos, según corresponda: texto, recuadros, galerías, videos e imágenes.

Texto.

Es el componente principal de cada entrada y con el se describe el mensaje que se quiere comunicar. La tipografía utilizada en el texto del contenido del blog se define como Verdana a 12px, se selecciono una tipografía amplia y simple para facilitar su lectura en pantalla, sin embargo esta puede ampliarse aun más utilizando el "zoom" (Ctrl + Más) de su navegador web.

Imágenes.

Acompañan las entradas según corresponda, ofreciendo un respaldo a la información que se transmite con el texto. No existe un tamaño especifico para las imágenes que se publican en el blog, aunque por lo general el tamaño de estas no supera los 495px de ancho. A continuación el ejemplo de una imagen, por lo regular se publican alineadas a la izquierda o al centro del texto:

Galerías.

Al igual que las imágenes ofrecen un respaldo a la información que se transmite con el texto, proporcionando la posibilidad de acceder a muestras más detalladas de la imagen, al hacer clic sobre cada elemento de la galería. También es posible navegar entre cada una de las imágenes de la galería utilizando los controles de navegación correspondientes. A continuación el ejemplo de una galería, por lo regular se publican alineadas a la izquierda o al centro del texto, poner atención a los iconos en la esquina de cada imagen:

Videos.

Acompañan las entradas según corresponda, ofreciendo un respaldo a la información que se transmite con el texto. Los controles de cada uno de los videos varían ligeramente dependiendo del proveedor del video (YouTube, Vimeo, Metacafe, etc.). Sin embargo son siempre muy intuitivos. A continuación el ejemplo de un video, por lo regular se publican alineados al centro del texto:

Recuadros. Acompañan las entradas según corresponda, ofreciendo un respaldo a la información que se transmite con el texto principal, buscando proporcionar una lectura más amena, sobre todo en las entradas muy saturadas de información. Dependiendo de la funcionalidad que cumplan cambia su apariencia y localización dentro del esquema de la entrada. Pudiendo ser uno o más de los siguientes: calificación, nota, índice, cita interna, cita externa, código y entradas relacionadas.

Calificación.

El recuadro de calificación resume e informa mi opinión sobre el tema descrito en la entrada. Se compone de un número, el cual marca del 1 al 10 la calificación que considero apropiada, además de un pequeño texto que resalta los aspectos que consiguieron que diera dicha calificación.

Las calificaciones que publico dentro de este blog reflejan únicamente mi opinión personal sobre el tema tratado y nunca deberán tomarse fuera de ese contexto. A continuación el ejemplo de un recuadro de calificación, por lo regular se publica alineado a la izquierda del texto:

9.5

La soberbia actuación de Samuel L. Jackson convierte la película en un clásico.

calif.

Nota.

Las notas se publican dentro de cada entrada, según corresponda, ofreciendo al lector orientación adicional sobre el tema tratado. En estos recuadros pueden destacarse desde puntos relevantes hasta advertencias, los cuales ayudan a comprender mejor el tema descrito en la entrada. A continuación el ejemplo de un recuadro de nota, por lo regular se publica alineado a la izquierda del texto:

Las notas ayudan a comprender mejor los puntos más importantes del tema publicado en la entrada.

nota.

Índice.

Enlista las secciones en las que a sido dividida una entrada cuando esta se encuentra muy saturada de información. Los índices pueden componerse de uno o más niveles, dependiendo de la complejidad del tema descrito en la entrada, además de poder enlazar una o más entradas. A continuación el ejemplo de un recuadro de índice, por lo regular se publica alineado a la izquierda del texto:

Puedes navegar por índices de uno o más niveles. Los enlaces mostrados a continuación son solo ejemplos, presionarlos no tiene ninguna utilidad.

índice.

Cita interna.

Resalta una frase interesante publicada dentro del blog. Dentro del recuadro de dicha frase se proporciona el autor y fuente de la misma. A continuación el ejemplo de un recuadro de cita interna, por lo regular se publica alineado a la izquierda del texto:

"Nunca esta de más publicar algo de documentación"

Eduardo Cerón
Shamanet blog - Guía de usuario.

cita int.

Cita externa.

Resalta una frase interesante publicada fuera de este blog. Dentro del recuadro de dicha frase se proporciona el autor y fuente de la misma. A continuación el ejemplo de un recuadro de cita externa, por lo regular se publica alineado al centro del texto:

"Life is just what happens to you, while your busy making other plans."

John Lennon
Beautiful Boy (Darling Boy) - Inglés.

cita ext.

Código.

Los recuadros de código pueden separarse en varias categorías dependiendo del que se trate, para tu comodidad cada recuadro viene claramente identificado con el tipo de código que se publica en el. Además buscando facilitar la lectura del mismo, el texto publicado en estos recuadros se torna mas obscuro al deslizar el mouse sobre el. A continuación el ejemplo de un recuadro de código, por lo regular se publica alineado al centro del texto:

<!-- Esto es código HTML -->
<body>
 <p><b>Hola mundo. Esto esta en negrita.</b></p>
</body>
<!-- Adios -->

html.

Entradas relacionadas.

El recuadro de entradas relacionadas contiene enlaces a entradas previamente publicadas en el blog, las cuales pueden resultar de tu interés ya que tratan temas similares a la entrada que te encuentras leyendo. A continuación el ejemplo de un recuadro de entradas relacionadas, por lo regular se publica alineado al centro del texto:

Puedes continuar leyendo entradas interesantes que se relacionan a lo que te interesa, seleccionando los enlaces que se muestren en un recuadro como este. Los enlaces mostrados a continuación son solo ejemplos, presionarlos no tiene ninguna utilidad.

más.

Pie de la entrada.

Es un recuadro que se encuentra en la parte inferior de cada una de las entradas, en el se publica el autor de la entrada, la fecha de publicación, la cantidad de comentarios y el enlace "leer todo", el cual muestra la totalidad de la información publicada en la entrada junto con todos los comentarios.

Comentarios. Al acceder a la totalidad de la información publicada en una entrada, se tiene también acceso a los comentarios que los usuarios han realizado, estos son publicados justo después del pie de la entrada. Cada comentario es publicado junto con el nombre de su autor y la fecha en que fue realizado.: Pie de los comentarios.

Es un recuadro que se encuentra en la parte inferior del listado de comentarios de cada entrada, en el se publica el enlace que lleva al formulario que permite publicar un comentario, además de un enlace que te lleva directamente a la parte superior de la página.

Navegador de entradas.

Permite navegar entre las entradas del blog ofreciendo tres opciones, ir a las entradas recientes, ir a las entradas anteriores o acceder directamente a la página de inicio del blog. Hay que mencionar que la disponibilidad de estas opciones depende de la sección en la que te encuentres navegando.

Sección inferior. La sección inferior muestra un recuadro dividido en cuatro áreas: enlaces de seguimiento y derechos de autor.

Enlaces de seguimiento.

Deseas saber que más hago en la internet y cuales son los sitios donde participo activamente. Solo tienes que revisar los enlaces de esta sección y dar clic en el que más te interese.

Derechos de autor.

Una pequeña nota al pie de cada página, la cual informa sobre quien publica y mantiene el blog que te encuentras leyendo. Entérate de cómo tratar la información publicada en este blog en otros sitios web y así no transgredir las normas de derecho de autor que aplican a esta obra.

Menú. El menú principal de hasta tres niveles divide el contenido del blog en distintas categorías, de modo que navegar por la información que te interesa resulta simple e intuitivo. Para acceder a alguna de las sub-categorías solo necesitas desplazar el mouse sobre la categoría de tu interés.