A pesar del reciente interés mostrado en adoptar el tag de vídeo en HTML5, existe todavía un problema mayor: no hay un estándar de vídeo codec para utilizarlo. Los dos principales a elegir son el h264 que es software propietario y además patentado, y el otro es Theora que es libre y opensource. En un reciente comentario en un artículo de LWN.net acerca de la situación problemática, Trelane publicó un intercambio de correo electrónico que sostuvo con MPEG-LA, el cual de lejos asienta a Theora como la opción sensata y obvia.

Como muchos de ustedes ya deben conocer, hay una guerra de codecs para el tag de vídeo HTML5. La disputa está entre el codec propietario h264 y Ogg Theora, que como ya lo mencioné, es libre y de código abierto. Theora tiene el beneficio porque es LIBRE y ABIERTO, mientras que h264 tiene la ventaja de tener un mejor soporte de hardware.

La gran desventaja con la h264 es que se necesita pagar una gran cantidad de dinero por una licencia para que pueda ser distribuida y así permitir a los usuarios su utilización. Se necesita una licencia para codificar, distribuir en inclusive decodificar – lo cual muestra lo obvio de la problemática para los proyectos “open source.” Apple y Google ya han pagado por la licencia, y por ende, ambos Safari y Chrome tienen soporte de h264; sin embargo, la licencia no es extensible, de tal manera que las distribuciones de Linux no pueden incluir a Google Chrome. Chromium, la variante “open source” de Chrome, no tiene ese soporte. Ambos Mozilla y Opera se niegan a pagar por esa licencia.

Gracias a Trelane, tenemos ahora las aseveraciones directamente de MPEG-LA con respecto a las posibilidades de extensibilidad ( o mejor dicho, la carencia) de h264. Él contactó a MPEG-LA y les preguntó si los desarrolladores y productos libres y “open source” necesitan pagar por las licencias también, ya que no se pudo encontrar dicha información en las preguntas frecuentes (FAQ). Y las respuestas fueron claras y contundentes.

En respuesta a su pregunta específica, bajo la licencia las regalías son pagadas en todos los productos MPEG-4 Visual/AVC de esa característica, y las licencias no hacen ninguna distinción por los productos ofrecidos gratuitamente (ya sea “open source” o de otra índole),

explica Allen Harkness, director de licenciamiento Global de MPEG-LA,

Pero, hago notar que las licencias hace referencia a este problema al incluir un mínimo por debajo por el cual las regalías no son “pagables” con la finalidad de promover su adopción y minimizar el impacto en usuarios de menor volumen.

En otras palabras, h264 simplemente no resulta una opción adecuada para sofware libre y “open source.” No es compatible con “Free”, y los costos de licencia son prohibitivos para la mayoría de proyectos Libres y “open source.” Esto significa que si la web se estandariza bajo este codec, estaríamos cayendo en la misma trampa que ya se vivió con Flash, GIF, e incluso Internet Explorer 6.

I de acuerdo a Christopher Blizzard.

[…] Estos formatos fuertemente patentados ganan las mismas ventajas que los formatos libres – una gran cantidad de herramientas gratuitas e inmensas cantidades de soporte ad-hoc de la misma gente del software libre – pero sin dejar de lado la habilidad de aplicar y obtener beneficios económicos en regiones del planeta donde las patentes son aplicables,

Blizzard nos advierte,

De hecho es una brillante estrategia, a pesar de que el resultado es que los verdaderos costos de las patentes están ocultas a la vista de la mayoría de las personas.

Por lo tanto la adopción de dicho codec, resultaría ser totalmente inconveniente para muchos proyectos libres y por ende se estaría dividiendo otra vez la preferencia de navegadores, dado el hecho de que Google ya está utilizando este codec en Google Chrome y además de ponerlo en “funcionamiento“ al habilitar la opción de reproducción de vídeos en Youtube bajo HTML5, utilizando precisamente h264. Mientras que por el contrario Firefox, Opera y hasta el mismo Chromium no permiten el codec mencionado, haciendo inútil dicha característica de Youtube con HTML5. En verdad esto es irónico, puesto que se busca estandarizar la web, pero con este comportamiento se está tratando de repetir la misma historia pero con otros actores. Esperemos que por una web saludable se logre tomar la decisión correcta (Theora).

Fuente: OSNews

HTML5 es la quinta revisión de HTML (Hyper Text Markup Language). HTML5 está en desarrollo ya por algún tiempo y parecía lejano el día de cuando comencemos a utilizarlo, ahora ya estamos llegando al momento de cuando esto se convierta una práctica común entre los desarrolladores aunque muchos predicen que recién el 2022 se hará un uso masivo de ello, pero a pesar de ello ya existen navegadores con soporte completo del HTML5.

Los webmasters ven esto como un gran paso hacia el desarrollo de aplicaciones ricas en multimedia y con mejores prestaciones. HTML5 cambiará la manera que trabajamos con el HTML ya que se convertirá en un estándar de codificación y no únicamente un markup para HTML4 sino un nuevo lenguaje HTML5 que hará más sencillo su uso para todos incluyendo navegadores y desarrolladores; ya existen muchos ejemplos hechas en Javascript y algunas APIs que ya utilizan el estándar a venir “HTML5.”

HTML5 especifica dos variantes de sintaxis para HTML: un clásico HTML (text/html), la variante conocida como HTML5 y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML (XHTML) (application/xhtml+xml) y es la primera vez que HTML y XHTML se han desarrollado en paralelo, cuyo desarrollo está siendo regulado por el consorcio W3C.

La mayoría de los sitios están basadas en HTML y utilizan HTML 4, pero esto irá cambiando en los próximos meses y años, hasta ahora el código HTML apenas ha evolucionado de la versión HTML 2.0 únicamente corrigiendo algunos problemas hasta la versión HTML 4, junto a algunas nuevas características; HTML 5 se basa en el HTML 4 pero por su propia cuenta será completamente diferente y cambiará la manera que su navegador muestre los sitios web en el monitor de su PC. HTML 5 tendrá mayor inclinación al uso de JavaScript, y si tiene Javascript deshabilitado las páginas se mostrarán incorrectamente.

Nuevos elementos

HTML5 incluye un conjunto de nuevos elementos y atributos principalmente originados por las formas típicas de uso de los sitios web modernos. Algunos elementos son técnicamente similares a las etiquetas <div> y <span>, pero tienen un significado semántico, por ejemplo <nav> es un bloque de navegación del sitio web y <footer> la parte inferior de la página. Hay otros elementos nuevos que proporcionan nuevas funcionalidades a través de una interfaz estandarizada, como los elementos <audio> y <video> que además están disponibles en Javascript. Por otra parte se mejoró bastante el elemento <canvas>

Algunos elementos de HTML 4.01 han quedado obsoletos tales como <font> y <center>, ya que las hojas de estilo son totalmente suficientes para ello. Y se enfatiza bastante en la importancia del scripting DOM para el comportamiento de la web.

Diferencias con HTML 4 y XHTML

Nuevos elementos: article, dialog

Nuevos atributos: media, ping, autofocus, inputmode, min, max, pattern.

Elementos eliminados: acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u

Atributos eliminados:

• rev y charset en <link> y <a>
• target en <link>
• nohref en <area>
• profile en <head>
• version en <html>
• name en <map>
• scheme en <meta>
• archiv, classid, codetype, declare y standby en <object>
• valuetype en <param>
• charset en <script>
• summary en <header>
• axis y abrr en <td> y <th>

Borrador actual de especificaciones de HTML 5.

Estructura

Veamos cómo sería la estructura HTML 5 de un sitio web, en este ejemplo de una página de 2 columnas.

La siguiente imagen muestra la actual manera de hacerla con HTML 4

Y la siguiente figura muestra de cómo se haría lo mismo con HTML 5

Como se nota, la última manera resultará siendo más limpia puesto que HTMl 5 efectivamente hace más sencillo estructurar una página web utilizando los nuevos elementos. Una vez que la mayoría de los navegadores soporten HTML 5 la web será más rica y más veloz.

Navegadores compatibles con HTML 5

Con el creciente interés en HTML 5 muchos navegadores se están perfilando a ese aspecto, actualmente Webkit (Safari, Google Chrome, Shiira, iCab4, …) es totalmente compatible con el HTML5, Mozilla Firefox 3.5 soporta pero no es 100% compatible mientras que como siempre Microsoft Internet Explorer todavía no reconoce el HTML 5 aunque comentan que para su versión 9 ya lo hará.

Elementos HTML 5

Tag	Descripción
<comment>	Define un comentario
<!DOCTYPE>	Define el tipo de documento
<a>	Define un enlace
<abbr>	Define una abreviatura
<address>	Define un elemento de dirección
<area>	Define un área dentro de una imagen
<article>	Define un artículo
<aside>	Define el contenido de al lado (sidebar)
<audio>	Define contenido de sonido
<b>	Define texto en negrita
<base>	Define una URL base para todos los enlaces en una página
<bdo>	Define la dirección del texto a mostrar
<blockquote>	Define un bloque de cita
<body>	Define el elemento BODY
<br>	Define un salto de línea
<button>	Define un botón
<canvas>	Define un área para manipular(generar) gráficos
<caption>	Define una etiqueta para una tabla
<cite>	Define una citación
<code>	Define un texto de código
<col>	Define los atributos para las columnas de una tabla
<colgroup>	Define grupos de columnas de la tabla
<command>	Define un botón de comandos
<datagrid>	Define datos en una lista-árbol
<datalist>	Define una lista desplegable
<datatemplate>	Define una plantilla de datos
<dd>	Define una descripción de definiciones
<del>	Define un texto eliminado
<details>	Define los detalles de un elemento
<dialog>	Define una diálogo(conversación)
<div>	Define una sección en un documento
<dfn>	Define un término de definición
<dl>	Define una lista de definiciones
<dt>	Define un término de definiciones
<em>	Define texto enfatizado
<embed>	Define contenido externo interactivo o un plugin
<eventsource>	Define un destino para los eventos enviados por un servidor
<fieldset>	Define un campo establecido
<figure>	Define un grupo de contenido de medios, y sus etiquetas
<footer>	Define un pie para la sección o página
<form>	Define un formulario
<h1> a <h6>	Define encabezados 1 a 6
<head>	Define información acerca del documento
<header>	Define un encabezado para la sección o página
<hr>	Define una linea horizontal
<html>	Define el documento HTML
<i>	Define texto en cursiva
<iframe>	Define una sub ventana (frame)
<img>	Define una imagen
<input>	Define un campo de entrada
<ins>	Define texto insertado
<kbd>	Define texto de teclado
<label>	Define una etiqueta para un control de un formulario
<legend>	Define un título en un <fieldset>
<li>	Define un ítem de lista
<link>	Define una referencia a un recurso
<mark>	Define un texto marcado
<map>	Define un mapa para una imagen
<menu>	Define una lista menú
<meta>	Define información relevante
<meter>	Define las medidas dentro de un rango predefinido
<nav>	Define enlaces de navegación
<nest>	Define un punto de anidación en una plantilla de datos <datatemplate>
<noscript>	Define una sección sin scripts
<object>	Define un objeto a embeber
<ol>	Define una lista ordenada
<optgroup>	Define un grupo de opciones
<option>	Define una opción en una lista desplegable
<output>	Define algunos tipos de salida
<p>	Define un párrafo
<param>	Define un parámetro para un objeto
<pre>	Define texto preformateado
<progress>	Define el progreso de un tarea de cualquier tipo
<q>	Define una cita corta
<rule>	Define las reglas para actualizar una plantilla
<samp>	Define código de ejemplo
<script>	Define un script
<section>	Define una sección
<select>	Define una lista de selección
<small>	Define texto pequeño
<source>	Define orígenes de medios
<span>	Define una sección en un documento
<strong>	Define texto en negrita
<style>	Define una definición de estilos
<sub>	Define texto subscript (posicionado más abajo)
<sup>	Define texto superscript (posicionado más arriba)
<table>	Define una tabla
<tbody>	Define el cuerpo de la tabla
<td>	Define una celda de tabla
<textarea>	Define un área de texto (memo)
<tfoot>	Define el pie de una tabla
<th>	Define el encabezado de una tabla
<thead>	Define el encabezado de una tabla
<time>	Define la fecha/hora
<title>	Define el título del documento
<tr>	Define una fila de una tabla
<ul>	Define una lista desordenada
<var>	Define una variable
<video>	Define un vídeo

Nota: Los campos en negrita son lo nuevo del HTML5

Atributos

Atributo	Valor	Descripción
class	nombre de clase	Especifica un nombre de clase para un elemento (utilizado en una hoja de estilo CSS)
contenteditable	true, false	Especifica si un usuario puede o no editar el contenido
contextmenu	menu_id	Especifica el menú contextual para un elemento
dir	ltr, rtr	Especifíca la dirección del texto en un elemento
draggable	true, false, auto	Especifica si un usuario puede o no mover un elemento
id	id	Especifica un único nombre de identificación para un elemento
irrelevant	true, false	Especifica si un elemento es irrelevante, si lo es, dicho elemento no se muestra
lang	código de idioma	Especifica un idioma para el contenido de un elemento
ref	URL, id	Especifica una referencia a otro documento / otra parte de un documento (usado únicamente si se estableció el atributo template)
registrationmark	marca de registro	Especifica una marca de registro para un elemento
style	definición de estilo	Especifica un estilo en línea para un elemento
tabindex	número	Especifica el orden de tabulación de un elemento
template	URL, id	Especifica una referencia a otro documento / otra parte de un documento que deba ser aplicada a un elemento
title	texto	Especifica información extra acerca de un elemento

Nota: Sólo es una lista actual de la lista estándar de atributos. Los campos en negrita son exclusivos de HTML5.

…

Después de una corta espera (larga para nosotros que lo esperábamos con ansias), ya salió XWindowsDock 2.0 beta desarrollada por Lichonos Vladimir; el mejor clónico del Dock de MacOSX, aunque con algunas características no incluidas por el momento, pero la versión lanzada hoy está simplemente genial.

Algunas de sus características:

1. Nuevo motor basada en las últimas tecnologías, que permite ejecutar el dock de manera más rápida.
2. Reflejo de pantalla (muestra como un espejo) en tiempo real.
3. Nuevo sistema de pieles, permite crear Skins (pieles) de manera mucho más rápida.
4. Mantén presionada el separador y mueve el mouse para cambiar el tamaño ó usando además la tecla Shift puedes cambiar la ubicación en la pantalla (izquierda, abajo, derecha ó arriba)
5. Clic en el icono para ejecutar la aplicación o activarla e incluso presionar junto con la tecla Ctrl para ejecutar una copia de la aplicación.
6. Utiliza drag&drop (arrastrar y soltar) tanto como puedas. Suelte iconos (.png, .ico …) en cualquiera de los iconos de cualquier ítem en el dock para modificar su apariencia. También es posible arrastrar y soltar cualquier archivo para poder ejecutarla, copiarla o abrirla con la aplicación deseada.
7. El docklet de papelera de reciclaje permite ver si está vacía o llena asimismo poderla vacíar.
8. Los docklets para ObjectDock son soportadas en esta versión, además incluye su propia API.

Si deseas contribuir a su desarrollo qué mejor que donando algo de dinerillo en esta dirección https://load.payoneer.com/LoadToPage.aspx y escriba como dirección destino deavyinc@gmail.com
Pero si no tienes dinero que donar puedes hacer clic en los anuncios que muestra el sitio oficial.

El servicio de hosting 000webhost me fallaba y muchas veces estaba offline, por tal razón decidí regresar al anterior, pero me di cuenta que el hosting que usaba antes, xtreemhost, me ofrecía sólo 50MB en base de datos MySQL, y ya estaba ocupando 3MB con lo poco que había escrito.

Así que decidí buscar otra alternativa y me encontré con blogger.com que permite utilizar tu propio dominio o subdominio, y aquí les mostraré cómo hice todo ese proceso y ojalá les sirva a ustedes que también quieren su hosting de blog gratuito.

Lo primero que hice, fue exportar las entradas y comentarios que ya tenía en mi blog basado en wordpress.

 

Para lo cual se accede a la administración de WordPress y dentro de herramientas buscamos la opción Exportar tal como lo ven la imagen de arriba.

Descargamos el documento XML con todos las entradas. Hecho esto se procede a acceder a nuestra cuenta en blogger.com.

Ya en blogger.com hacemos clic en Configuración de la cuenta que deseas utilizar con tu propio dominio.

Luego elegimos Publicación, y ahí encontraremos otro enlace llamado Cambiar por Dominio Personalizado, enseguida elegimos Cambiar a opciones avanzadas.

Ahí podemos agregar nuestro dominio o subdominio que deseamos utilizar.

El efecto es rápido si utilizamos un subdominio usando CNAME en nuestro DNS. (ej. blog.tudominio.com)

Pero si deseas utilizar tu dominio has de modificar los registro A y CNAME, de tu DNS.

• Crea un registro CNAME que debe ser un subdominio, en el caso del dominio usamos www como subdominio, al cual se asocia con el servicio de alojamiento de google ghs.google.com

• Ahora, el registro A es para que nuestra dirección sin prefijo www (ej. tudominio.com) permita a google redireccionar a nuestro dominio usando la triple w, pues de lo contrario se verá una página de error.

Hay 4 registros que se creará, para el dominio sin usar el ‘www’

• 216.239.32.21
• 216.239.34.21
• 216.239.36.21
• 216.239.38.21

Nota: algunos servidores DNS no te ofrecen la administración de los diferentes tipos de registros DNS tales como A, MX, CNAME etc.

Me ha pasado, y he tenido que cambiarme puesto que limitan su utilidad, además existen servidores DNS gratuitos tales como CO.CC o UNI.CC que permiten el uso de esos registros, exceptuando éste último pero que ofrece hacerlo automáticamente por ti; entonces ¿para qué pagar por un dominio que no te permite eso?

Es posible que Google te pida validar tu dominio, ya que me lo pidió al crear mi servicio de correo con google apps, pero al parecer no es necesario. Sin embargo, si eso ocurriera, siguiendo los pasos en http://google.com/a serán suficientes.

Ahora nos toca importar las entradas de nuestro anterior blog que utilizaba wordpress, pero blogger no acepta ese documento XML para ello hemos de convertirlo al formato que acepta blogger usando una herramienta online http://wordpress2blogger.appspot.com/

Una vez convertida ya podemos importar esas entradas y comentarios a nuestro nuevo blog.

Entramos en Configuración elegimos la pestañan Básico y dentro de la sección Herramientas de Blog podemos encontrar la opción de importar.

Ya lo siguiente que resta es modificar el aspecto de nuestro blog, en especial evitar esos temas predeterminados ofrecidos por blogger.com que son feísimos, pero para lo cual blogger nos permite utilizar plantillas personalizadas felizmente.

A veces nos resulta fastidioso estar escribiendo dentro del editor integrado de Wordpress, pero felizmente para nosotros los bloggers existen herramientas de edición tales como Windows Live Writer y el mismísimo Microsoft Word 2007/2010.

Este es un tutorial para poder utilizar el Word 2007 para escribir en este blog, la misma que usted está leyendo.

IMPORTANTE: Para comenzar debemos activar los protocolos de publicación XML-RPC desde la administración de nuestro blog basado en Wordpress, que se encontrará en la sección Opciones (Publicación Remota).

Lo siguiente será configurar el blog para que pueda comunicarse con Word2007.

Para ello nos vamos al menú principal de Word y elegimos Nuevo.

  

Luego nos aparecerá una ventana como la siguiente.

Elegimos Nueva entrada de blog, y como no hemos registrado aun ningún blog, nos aparecerá el siguiente diálogo.

En el cual nos pide registrar nuestra cuenta de blog que pensamos utilizar. Hacemos clic en Registrarla ahora.

En la nueva ventana nos da opciones para elegir el tipo de blog que vamos a utilizar.

En mi caso éstas son las opciones disponibles. Elijo Wordpress ya que esa es la que voy a utilizar. Hecho esto hago clic en siguiente.

Lo siguiente es llenar los campos con los datos de nuestro blog.

Noten que además de esos datos podemos especificar el lugar dónde vamos a subir nuestras imágenes (Opciones de imagen).

Dentro de las opciones de imagen, elegimos el primero (Mi proveedor de blog), que es la que utiliza Wordpress por defecto. Pero si cuentas con acceso FTP a ciertas carpetas dentro de tu servidor, o inclusive en otro servidor FTP, puedes elegir la otra opción Mi propio servidor para lo cual has de ingresar los datos del hosting de transferencia de archivos, donde has de especificar el HOST FTP y luego la carpeta que será la dirección HTTP correspondiente.

Hecho eso hacemos clic en Aceptar para continuar.

Nos aparecerá un mensaje de advertencia puesto que la manera que vamos a enviar la información al servicio de blog es mediante una transferencia HTTP con el método POST, que no son seguras ya que los datos se envían sin encriptar.

Continuamos si eso es lo que queremos.

Ahora ya contamos con nuestro editor Word para Wordpress. Podemos modificar los datos de nuestro blog si son necesarios, por ejemplo si hemos cambiado la contraseña o ubicación, etc. ; usando el botón Administrar cuentas.

Ahora sólo queda escribir nuestro blog, elegir la categoría y publicarlo utilizando el botón correspondiente.

 
 

Finalmente me queda decir que este método de publicación de entradas en nuestro blog no permite crear etiquetas ni organizar nuestras categorías entre otras cosas que podríamos necesitar, pero eso lo podemos realizar más tarde, desde el mismo gestor de entradas de Wordpress o utilizando la otra herramienta que mencioné al principio, el Windows Live Writer y que además es gratuito.

#humor ¿Falta de comentarios?

Avatar, la nueva película del director de Titanic, James Cameron, es una de las más exitosas de los últimos años, quedando como la segunda película más taquillera de la historia después de Titanic, desplazando al Señor de los anillos al tercer lugar. Y ha generado un sinnúmero de fans que ya quisiéramos tener nuestro propio avatar.

Algunos ya hicieron sus propias versiones utilizando Photoshop, pero como no todos sabemos utilizar dicha herramienta, y para beneplácito de muchos de nosotros McDonalds lanzó una herramienta online que permite crear nuestros propios avatar, está hecho utilizando Flash, y como si eso no fuera suficiente el avatar generado es animado.

Y aquí les presento a mi avatar.

Para crear vuestro propios avatar, visiten este link, está en Inglés, inicialmente lanzaron en Alemán, pero ya irán saliendo versiones para distintos idiomas, sin embargo es muy sencillo de utilizar.

Por cierto, también crearon un sitio para aprender el idioma Navi, que es el que se creo para esta película por un reconocido lingüista, Paul Frommer, por encargo de James Cameron, para ello podéis ir a la web www.LearnNavi.org, donde posiblemente puedas aprender el idioma. De momento hay alrededor de quinientas palabras, pero Frommer quiere seguir añadiendo términos poco a poco, y es que si quiere que el universo "friky" dedique tiempo a aprenderlo, necesitan más vocabulario y algo de gramática.