HTML 5

  • Open Standard Media (OSM) Player

    ·

    Uno de los poyos que siempre me he encontrado a la hora de poner un reproductor de vídeo en la web es que en la mayoría de casos sólo aceptaba vídeos flash (.flv). La cosa es que con el HTML 5 y con jQuery se han montado un reproductor llamado Open Standard Media que tiene […] Read More →

  • font dragr: prueba tus fuentes sólo arrastrándolas

    ·

    Aunque hago un parón en cuanto a publicar de HTML 5, he encontrado esta herramienta, web o como queramos llamarlo que tiene su gracia, sobretodo si te dedicas a maquetar o eres diseñador. El sitio se llama font dragr y básicamente es una página en la que arrastrando un fichero de tipo de letra -truetype […] Read More →

  • HTML 5: formularios, el elemento 2.0 (parte 2)

    ·

    Hace unos días explicaba principalmente el elemento input de los formularios en HTML 5 y hoy toca el resto de elementos. Y es que no es moco de pavo todo lo que hay. fieldset Este elemento se utiliza para agrupar varios elementos de un formulario… si un formulario tiene varios «bloques» o contenidos distintos, se […] Read More →

  • HTML 5: formularios, el elemento 2.0 (parte 1)

    ·

    Si hay un elemento que ha evolucionado enormemente con respecto a las versiones anteriores sin duda es el de los formularios. Y es que en estos últimos 10 años de ha construido lo que se llama web 2.0 (también conocido como yo ya había visto eBay en el 98 y era una web 1.0, así […] Read More →

  • CSS Reset para HTML 5

    ·

    Llevo varios días intentando encontrar un CSS Reset pero para HTML 5. Hasta ahora usaba el de Yahoo! YUI, pero incluso la versión 3 no da soporte a las nuevas etiquetas. Por eso me he decidido a revisar un poco los elementos que hay hasta ahora e intentar ofrecer una primera versión del CSS Reset […] Read More →

  • HTML 5: las tablas… ¿de multiplicar?

    ·

    Y aquí un día más para seguir hablando de HTML 5. Por cierto he creado una sección especial en la que he recopilado todas las entradas sobre ello. En esta ocasión toca hablar de las tablas, y es que, aunque las tablas han sido un elemento que parecía que iba a desaparecer, no es así […] Read More →

  • HTML 5: imagen grande, ande o no ande

    ·

    Ahora que ya tenemos la mayor parte del HTML formateado, toca hacer revisión del resto de elementos más detallados. Y, al igual que pasó con los enlaces, con las imágenes voy a dedicar un capítulo entero para ello ya que aunque la configuración no es tan compleja, se lo merece. Las imágenes se representan con […] Read More →

  • HTML 5: dándole color a lo que escribimos

    ·

    Si por algo se inventó el HTML en su día fue para hacer «markup» de los textos, lo que, en el fondo, significa que se inventó para hacer que los textos de la red de redes tuvieran una forma de darles color, formato y, sobretodo, vinculación. Pero como ya he hablado de la vinculación de […] Read More →

  • Usa el tipo de letra que quieras en tu sitio

    ·

    Estos días hablando con mi diseñadora favorita, Ana, hemos cruzado algunas cosas sobre la posibilidad de «incrustar tu fuente» en los sitios web. Ella últimamente hace diseños para algunos hoteles, y estos siempre quieren cosas especiales. Al final de hablar sobre ello, comenzamos a ver el tema del @font-face del CSS3. Pero, claro está, nos […] Read More →

  • HTML 5: enlaces que cobran vida

    ·

    Si hay un elemento que hace que Internet sea lo que es son los hipervínculos, los enlaces o, en definitiva en elemento anchor. Y es que la importancia de los enlaces en la red de redes no es trivial, ya que es lo que hace que Internet se distinga de la mayor biblioteca del mundo: […] Read More →

  • HTML 5: los bloques de contenido textual

    ·

    Hace unos días os comentaba los bloques genéricos que contienen la estructura de las páginas en HTML 5, y ahora toca los bloques que contienen texto, y su forma de organizarse… Parece que no, pero aunque muchos elementos de organización de textos son muy parecidos, no se han de utilizar para las mismas cosas… y […] Read More →

  • HTML 5: cómo estructurar, ahora, una página

    ·

    Hace unos días os explicaba algunos de los cambios genéricos en el HTML 5, y después cómo ha de ser la cabecera del sitio. Pero si una cosa ha cambiado mucho en cuando al diseño de las distintas páginas del sitio es la introducción de lo que se puede llamar «los tags de la estructura […] Read More →

  • HTML 5: cómo es la cabecera de una página

    ·

    Hoy comienzo un repaso de las nuevas etiquetas del HTML 5, aunque también hablaré, claro está de las etiquetas que ya existen, y si han cambiado o no con respecto a las versiones anteriores. Y como no me quiero enrollar mucho, porque no es lo que toca, voy a empezar con algunos de estos tags… […] Read More →

  • HTML 5: atributos globales

    ·

    Antes de empezar a hablar de las etiquetas en el HTML 5, hay que tener presente una serie de elementos globales que sirven para la gran mayoría de etiquetas y que hay que tener en cuenta a la hora de comenzar a desarrollar, sobre todo por la gran posibilidades de acción que nos permiten. Estos […] Read More →

  • Primeros datos SEO del nuevo Tumanitas

    ·

    Hace ya unos días que hemos lanzado la nueva versión de TuManitas y la verdad es que los datos que puedo extraer de tan pocos días son bastante espectaculares. Voy a intentar poner un resumen de la mayor cantidad de gráficas y datos que tenemos… Para empezar os dejo la gráfica de Rendimiento del sitio […] Read More →

  • HTML 5: algunas novedades antes de empezar

    ·

    Sin duda HTML 5 es el futuro presente, y un claro ejemplo ha sido el lanzamiento de este mismo blog en HTML desde Octubre de 2009 y algo comercial como es TuManitas en Abril de 2010. Para empezar he de decir que uno de los detalles que más me ha gustado es que los tags […] Read More →

  • TuManitas, ¿primera web comercial en HTML 5?

    ·

    Sí, el gran proyecto en el que he estado trabajando estos últimos 4 meses es TuManitas. Ya os comenté hace tiempo que me incorporé al proyecto como CTO, y desde principios de año que «unos arreglillos» se convirtieron en el desarrollo del producto completamente nuevo. Los cambios no han sido sólo estéticos (algo bastante evidente) […] Read More →

  • Las nuevas etiquetas del HTML5

    ·

    Y este, por ahora, será el último artículo que escriba en referencia al HTML5. Hasta ahora he hablado de cómo hacer que funcione en Explorer 8, y de las novedades en cuanto a los enlaces internos y externos. Ahora lo que toca es enseñar algunos de estos nuevos «tags» que considero que tiene cierto sentido […] Read More →

  • Los enlaces en HTML5 y el SEO

    ·

    El otro día os comentaba cómo hacer que Internet Explorer 8 detecte el HTML5 y ahora os traigo un poco de información y lucidez sobre el peso de los enlaces en HTML5 y las relaciones entre contenidos, lo que algunos llaman el «linkbuilding» y el «linkjuice». Existe un elemento que desde hace un tiempo se […] Read More →

  • JavierCasares.com en HTML5

    ·

    Por fin lo he hecho… ha costado, no voy a negarlo, tenía mis dudas sobre si sabría hacerlo más o menos bien, pero como ha sido la primera vez, creo que no ha salido mal del todo… Acabo de lanzar mi template en HTML5. Por lo poco que he podido ver, una de dos, el […] Read More →