Círculo de Maquetadores » XHTML

Demo con las nuevas características de HTML5

Eduardo Sainz — Mon, 31 May 2010 23:18:55 +0000

Completa demo con alguna de las nuevas posibilidades que ofrece HTML5: Canvas, nuevos formularios, las nuevas opciones de accesibilidad, los nuevos selectores de CSS y javascript. Todo en una demo en forma de presentación. Se visualiza correctamente con las ultimas versiones de Chrome, Firefox, Safari e Internet Explorer con Google Chrome Frame, aunque también funciona con Opera, algunas partes de la demo no funcionan correctamente.

Técnicas para aumentar la velocidad de una web

Jorge López — Sun, 25 Apr 2010 13:59:04 +0000

Según los estudios realizados por Yahoo! el 20% del tiempo de carga de un sitio web corresponde al servidor y el 80% restante es responsabilidad del cliente. Teniendo en cuenta este dato, es necesario reflexionar y cambiar nuestro modo de trabajo para intentar reducir lo máximo posible el peso de los archivos que generamos y de esta manera aumentar la velocidad de nuestra web.

En este artículo repasaremos tecnología por tecnología, algunas de los mejores trucos y metodologías para reducir al máximo posible el peso de nuestros archivos.

Citando textos:
vs. vs.

Jorge López — Fri, 18 Dec 2009 19:32:36 +0000

Cuando marcamos el contenido de nuestras páginas, muchas veces tenemos que hacer referencia a textos que pueden ser tanto ajenos como propios. En ambos casos, haremos uso de las citas.

La mayoría de las veces, se tiende a encerrar el texto de la cita en un párrafo y separarlo con comillas del resto del texto. Esto tiene la desventaja de que los buscadores no interpretarán correctamente nuestro contenido. Sin embargo, HTML nos ofrece varias etiquetas con las que podemos enriquecer semánticamente a nuestro código. ¿Que etiquetas son y cuándo haremos uso de cada una de ellas?

HTML y Flash, una visión actualizada

Jorge López — Fri, 20 Nov 2009 17:50:29 +0000

Mucho se ha discutido sobre la conveniencia de la utilización de elementos de una tecnología propietaria como es flash dentro de HTML. Hace tiempo que existen agrios debates entre los defensores y detractares de Flash, avivados desde el ya célebre artículo de Jakob Nielsen Flash: 99% Bad, del año 2000. Pero desde el año 2002 y la versión MX, esta tecnología ha introducido mejoras en varios aspectos conflictivos que en su momento se le criticaron. Por eso me hago la pregunta, ¿con la tecnología actual, es conveniente utilizar el formato flash en nuestras webs?, ¿Todos cambios introducidos han sido suficientes?, ¿Cómo se utiliza actualmente flash?

En este artículo veremos los avances de esta tecnología en varios puntos escabrosos y un pequeño estudio sobre su uso en las webs españolas más importantes:

70 Tutoriales CSS3 y HTML5 (CSS3 & HTML5 Tutorials)

Álvaro Brito — Fri, 25 Sep 2009 22:31:00 +0000

CSS 3 y HTML 5 son capaces de revolucionar la forma en la que se diseñan los sitios Web. Ambos incluyen nuevas características y tantas funciones que es imposible no empezar a ver como funcionan. La inclusión de soporte nativo para cosas como las esquinas redondeadas y diseño de columnas múltiples son sólo la punta del iceberg.

A continuación se presentan los recursos de 70 tutoriales y artículos para empezar con CSS3 y HTML5. Un listado que nos trae CSS Gallery Muchas de las técnicas analizadas son soportados en cierta medida en algunos algunos navegadores modernos (Safari y Firefox con el apoyo más amplio), para que puedas empezar de inmediato.

Ver 70 Tutoriales CSS3 y HTML5

Microformatos ¿Qué es esto?

Álvaro Brito — Thu, 10 Sep 2009 11:39:25 +0000

Un Microformato es una forma simple de agregar significado semántico a un contenido. Están ideados para ser usadas en páginas web que usen HTML o XHTML, de manera que la información pueda ser indexada, guardada, referenciada o reusada.

Más técnicamente, son elementos de lenguaje de marcado, usando XHTML usando nombres de clase específicos. Cualquiera puede hacer uso de ellos y explotar sus características.

Las especificaciones actuales de microformatos permiten la representación de eventos, información de contacto, relaciones sociales, direcciones, ubicaciones (coordenadas gps), etc.

Usando HTML5 (coding HTML 5)

Álvaro Brito — Wed, 05 Aug 2009 12:41:47 +0000

CSS3 y HTML5 están ya llegando poco a poco, y con ellos toda una nueva batalla por conseguir el mejor marcado. Estas nuevas tecnologías facilitarán también la integración de plantillas o maquetas a los desarrolladores. Por el contrario, tenemos que obtener una nueva ideología y modificar nuestros hábitos de codificación para mantener la Web Accesible.

Poco a poco nos tenemos que familiarizar con estas nuevas tecnologías (css3 y html5), ya que serán las que utilizaremos en un futuro no muy lejano. Todo esto va en continuo progreso así que nos conviene ir entrando en contacto.

Códecs para HTML5, Ogg vs H.264

Eduardo Sainz — Sat, 11 Jul 2009 16:28:47 +0000

Una de las novedades más importantes de HTML5 es la reproducción de audio y video sin necesidad de plugins externos. La intención es adoptar una forma común para mostrar el contenido multimedia, sin obligar al usuario a instalar un software adicional.

Esta característica ha abierto un nuevo debate, ya que las compañías no se ponen de acuerdo en el códec que se utilizará para soportar estas nuevas etiquetas de <audio> y <video>.

Las novedades de HTML 5 (Parte 2)

Álvaro Brito — Tue, 07 Jul 2009 15:32:52 +0000

Después de la primera entrega de este repaso a HTML5 (parte 1), llegamos a la parte dinámica del estándar, lo que se añade al DOM y a Javascript para conseguir aplicaciones web avanzadas. Por un lado tenemos diversas APIs, es decir, conjuntos de funciones y herramientas que implementan un propósito concreto. Por el otro lado tenemos varias funciones y atributos que sirven a propósitos más generales y que no se pueden enmarcar en una API concreta.

Nuevas APIs

No está claro que todas las APIs siguientes se vayan a incluir en el estándar HTML5 propiamente, de hecho seguro que alguna de ellas se separará creando un estándar propio dedicado. De cualquier forma, estas son las nuevas APIs que nacen o se desarrollan en HTML5:

Las novedades de HTML 5 (Parte 1)

Álvaro Brito — Mon, 06 Jul 2009 22:08:53 +0000

HTML5 está llamada a ser el reemplazo del actual (X)HTML. Precisamente en un momento en el que la web está lo suficientemente madura, este estándar aprende de los errores cometidos e intenta solucionar la mayoría de problemas con los que un desarrollador web se encuentra. Como muchas de sus novedades son interesantes y afectan directamente a la futura web, vamos a comentar en varios artículos los cambios más importantes, empezando por este artículo donde comentaremos los nuevos elementos.

Antes de seguir habría que aclarar que HTML5 sigue en borrador y lo seguirá estando durante algunos años más. El enfoque general ha cambiado bastante respecto a versiones anteriores de HTML, añadiendo semántica y accesibilidad implícitas, especificando cada detalle y borrando cualquier ambigüedad. También se tiene en cuenta que muchas páginas web actuales son dinámicas, pareciéndose más a aplicaciones que a documentos. Algo básico es que HTML5 está definido en base al DOM (la representación interna de una web con la que trabaja un navegador), dejando de lado la representación “real”, definiendo a la vez un estándar HTML y XHTML.