Creating a Standard Data Layer for the Tag Management Industry – via @googleanalytics


It’s been an exciting few months for Google Tag Manager. As referenced in our previous post this morning, Google Tag Manager is now serving twice the amount of traffic it was in April 2013 and we have been steadily adding features. Recently, at Google I/O, we announced that  Google Tag Manager will also work with mobile applications.

Source http://analytics.blogspot.com.ar/

 
This week, a consortium of companies, including IBM, Accenture and more, along with the W3C, announced they are collaborating to create a standard Data Layer.
 
The data layer is a core component of Google Tag Manager and a common way for all businesses to implement tag management tools. It’s a standard way to format data within a web page.  Think of the data layer as a central way for analytics and marketing tools to communicate and share data on a web page.
 

 
It’s typically used in two ways: 1. to store data and provide a clear separation between the data and presentation layer of the page and 2. to store data when some type of user activity occurs.  The information in the data layer can then be consumed by different web technologies, like analytics tools or marketing tools, through a tag management platform.
 
Through the W3C community group we’re supporting the effort to standardize the format and syntax of the data layer. This will make it a lot easier for businesses to add data to HTML  and access it with different tools. An industry-wide standard will create a common way that websites and tag management tools can interact – thus making it easier on site owners.
 
Standards can not exist in a vacuum. They need adoption. Please take some time to learn about this effort and the specification. You can learn more about the work at the W3C Customer Experience Digital Data Standard Community Group site where you can also review the first draft of the Specification. If you’re interested in participating please join the group and help us test and refine the spec.
 
Posted by Brian Kuhn, Lukas Bergstrom & Justin Cutroni, Google Tag Manager Team

Estándares web | por Blas Hernández


http://www.manualdeestilo.com

 

Desde el inicio de internet hasta nuestros días la web ha sufrido una evolución constante y frenética que dificulta el proceso de maquetación debido a la gran cantidad de formatos y tecnologías existentes, que presentan incompatibilidades de reproducción en determinados soportes y navegadores web.

World Wide Web Consortium

Actualmente, para evitar este problema existe el Consorcio World Wide Web (W3C) en el que se trabaja en la creación de estándares web que unifiquen la dirección del desarrollo web para conseguir un acceso universal al contenido.

 

 


Cuáles son los estándares actuales más utilizados ? (…) Leer más “Estándares web | por Blas Hernández”

8 cosas que deberíamos comprobar antes de lanzar un sitio web


http://bitelia.com

Cuando desarrollamos sitios web ponemos gran empeño en generar un bonito diseño y nos preocupamos por generar una estructura de navegación fácil de entender y utilizar para los usuarios, pero muchas veces descuidamos algunos detalles importantes, sobre todo a la hora de poner nuestro sitio web en línea.

Personalmente, siempre tengo a la mano estos detalles en un checklist y me preocupo de aplicarlos a cada proyecto. Tomará algunos minutos extra llevar a cabo todas las comprobaciones necesarias, pero al final todo valdrá la pena.

1. Validar el código HTML

Validar el código HTML de nuestro sitio web es una tarea muy simple que nos ayudará a evitar dolores de cabeza. Tener código HTML válido es sinónimo de que tendremos un sitio de calidad, que se ve correctamente en cualquier navegador moderno y que será mucho más atractivo para los buscadores a la hora de indexar.

W3C pone a nuestra disposición el Markup Validation Service, una excelente herramienta para llevar a cabo esta simple tarea. También existen extensiones para los distintos navegadores para automatizar el proceso de validación.

2. Realizar pruebas en múltiples navegadores

Luego de validar el código de nuestro sitio podemos comprobar que efectivamente luce genial y funciona correctamente desde cualquier navegador, de no ser así, tenemos la oportunidad de realizar los ajustes necesarios.

Aunque por lo general solemos tener la última versión de los navegadores más importantes instalados en nuestras máquinas, es casi imposible tener todas las versiones de todos los navegadores para ejecutar esta comprobación. Por fortuna existen herramientas comoBrowsershots para hacernos el trabajo mucho más fácil.

3. Comprobar navegación móvil

Cada vez es más común navegar por la red utilizando teléfonos móviles y tablets, lo que se traduce en dispositivos con resoluciones distintas y pantallas de diferentes tamaños que al final resultan en miles de maneras distintas de visualizar una página web.

En la actualidad es muy frecuente encontrar sitios con versiones especialmente diseñadas para su visualización desde dispositivos móviles. Para conocer si el nuestro se adapta a las exigencias del mundo móvil podemos utilizar W3C mobileOK Checker. Leer más “8 cosas que deberíamos comprobar antes de lanzar un sitio web”

Giveaway: PSD to HTML Conversion Service from P2H.com

Their expansive resources of over 300 full-time employees, coupled with guaranteed effective communication and customer care, ensure the highest quality for each project.
P2H Features

P2H’s work includes:

* The highest level of W3C-standards-compliant markup
* Table-less layouts
* XHTML 1.0 Strict DOCTYPE
* SEO-friendly
* Semantic HTML/CSS that follows best practices
* Optimized shorthand CSS
* Separation of presentational (CSS), structural (HTML), and functional (JS) layers
* Emphasis on page load speed
* Cross-browser compatible with IE, Firefox, Chrome, Safari and other browsers
* It takes only 1 working day to do the conversion of the 1st page, and 3-6 hours for each additional page

For additional details about the P2H features and the prize you could win, check out p2h.com order page.


October 6th, 2010 by Jacob Gube
http://sixrevisions.com/contests/giveaway-psd-to-html-conversion-service-from-p2h-com/

Giveaway: PSD to HTML Conversion Service from P2H.com

This one’s going to be a treat for you web designers out there: P2H, the first and premier PSD to HTML conversion service provider, has decided to provide up to 3 pages of their Hi-End Package markup, valued at $450, to a lucky Six Revisions winner. Read on to see how you can win this spectacular service.

What is P2H?

Founded in early 2005, P2H.com (also known as PSD2HTML.com) was the first service of its kind to provide taking a web designer’s Photoshop file (PSD) and converting it into standards-based, high-quality HTML/CSS template. Since then, they have established over 40,000 clients and is recognized as the most experienced and trustworthy company in the Design and HTML marketplace.

order now

Their expansive resources of over 300 full-time employees, coupled with guaranteed effective communication and customer care, ensure the highest quality for each project.

P2H Features

P2H’s work includes:

  • The highest level of W3C-standards-compliant markup
  • Table-less layouts
  • XHTML 1.0 Strict DOCTYPE
  • SEO-friendly
  • Semantic HTML/CSS that follows best practices
  • Optimized shorthand CSS
  • Separation of presentational (CSS), structural (HTML), and functional (JS) layers
  • Emphasis on page load speed
  • Cross-browser compatible with IE, Firefox, Chrome, Safari and other browsers
  • It takes only 1 working day to do the conversion of the 1st page, and 3-6 hours for each additional page

For additional details about the P2H features and the prize you could win, check out p2h.com order page. Leer más “Giveaway: PSD to HTML Conversion Service from P2H.com”

Getting Started with HTML5: What’s new?

HTML5 is not in its final version yet but more and more sites have started using it. HTML5 attempts to meet the requirements of the new Web and to make it easier to publish Web 2.0 content. When HTML4 was in the works, Web 2.0 wasn’t even dreamed of, so you can’t expect HTML4 to be Web 2.0-friendly.

Now with HTML5, this is expected to change. Though, by the time HTML5 is in its final version, we may have witnessed Web 3.0, 4.0, or more, so it will again be outdated but for now HTML5 is more or less an adequate answer to the needs of web developers today.

HTML5 isn’t very different from HTML4 but still there are some important differences to know and keep in mind. Here are some of the differences of general interest to a wider audience:
Simplified Syntax

One of the most notable differences between HTML4 and HTML5 is that now the syntax is simplified – web developers will certainly love this! The syntax in HTML5 is compatible with HTML4, but still there are many improvements. The doctype declaration is much shorter and is just . Transitional and loose variations of the doctypes are not supported anymore – you need to stick to XHTML syntax or HTML in strict mode.


HTML5 is not in its final version yet but more and more sites have started using it. HTML5 attempts to meet the requirements of the new Web and to make it easier to publish Web 2.0 content. When HTML4 was in the works, Web 2.0 wasn’t even dreamed of, so you can’t expect HTML4 to be Web 2.0-friendly.

Now with HTML5, this is expected to change. Though, by the time HTML5 is in its final version, we may have witnessed Web 3.0, 4.0, or more, so it will again be outdated but for now HTML5 is more or less an adequate answer to the needs of web developers today.

HTML5 isn’t very different from HTML4 but still there are some important differences to know and keep in mind. Here are some of the differences of general interest to a wider audience:

Simplified Syntax

One of the most notable differences between HTML4 and HTML5 is that now the syntax is simplified – web developers will certainly love this! The syntax in HTML5 is compatible with HTML4, but still there are many improvements. The doctype declaration is much shorter and is just . Transitional and loose variations of the doctypes are not supported anymore – you need to stick to XHTML syntax or HTML in strict mode. Leer más “Getting Started with HTML5: What’s new?”

Crash course: HTML 5 video

So you want to add HTML 5 video to your site? Here’s how.
By Serdar Yegulalp

Computerworld – If you want to watch Internet-delivered video on your PC, the vast majority of Web sites have settled on a single, consistent way to do that. That’s the good news. The bad news is that this single, consistent delivery system is Adobe Flash, with all its security and stability issues.

But now a new way to deliver video through a browser is coming to the fore, one intended to be native to the browser itself: HTML 5’s tag. In this article I’ll look at how the tag can be used with the new generation of browsers. I’ll also examine how parts of this equation — the browsers and, to some degree, the video formats themselves — are also still very much in flux.


So you want to add HTML 5 video to your site? Here’s how.

By Serdar Yegulalp

Computerworld – If you want to watch Internet-delivered video on your PC, the vast majority of Web sites have settled on a single, consistent way to do that. That’s the good news. The bad news is that this single, consistent delivery system is Adobe Flash, with all its security and stability issues.

But now a new way to deliver video through a browser is coming to the fore, one intended to be native to the browser itself: HTML 5’s <VIDEO> tag. In this article I’ll look at how the <VIDEO> tag can be used with the new generation of browsers. I’ll also examine how parts of this equation — the browsers and, to some degree, the video formats themselves — are also still very much in flux. Leer más “Crash course: HTML 5 video”