‘HTML5 for Digital Advertising 1.0 : Guidance for Ad Designers & Creative Technologists’ – @iab

IAB Ad Operations Council and Mobile Marketing Center of Excellence Release ‘HTML5 for Digital Advertising 1.0’ for Public Comment

The “HTML5 for Digital Advertising 1.0” document flags challenges in adopting HTML5, as well as solutions for overcoming those hurdles. It features time and cost-savings guidance, an HTML5 wiki resource for designers and developers, and also addresses:

  • HTML5 display ads (non-rich media)
  • File and ad unit size, code and asset compression
  • In-banner video advertising and animation
  • Efficient ad creative packaging
  • Ad server compatibility communication recommendations

“With multi-screen advertising growing at such a continued rate and increasing in demand daily, it’s mandatory that we (as an industry) demonstrate how marketers can strategically and effectively bring HTML5 ad development into the mainstream,” said John Percival, Senior Creative Technologist, PointRoll, and member of the IAB HTML5 Working Group. “As new screens emerge, and people change the way they view and interact with content, advertisers will need a standard ad solution that’s ubiquitous in the ever-changing environment.”

“Flash-formatted ads are packaged for delivery to Flash players, and the end-to-end integration is seamless in this proprietary environment. In comparison, when deploying HTML5 ads, some manual packaging is necessary to guarantee superior and complete delivery, as well as a uniform ad experience,” said Steve Sullivan, Vice President, Ad Technology, IAB. “The shift from visual design to code-based design will increase companies’ operational overhead, which could potentially be magnified if publishers and ad developers lack a common framework for HTML5 ad optimization.”

“HTML5’s ability for seamless transition across a multitude of digital screens is a tremendous boon for the interactive advertising community,” said Anna Bager, Vice President and General Manager, Mobile Marketing Center of Excellence, IAB. “This guidance offers marketers, creative designers, publishers and other stakeholders in the digital ad ecosystem the practical knowledge required for effective ad creation and distribution.”

Download HTML5 document…
Leer más “‘HTML5 for Digital Advertising 1.0 : Guidance for Ad Designers & Creative Technologists’ – @iab”

HTML5 Tips: Design a Dynamic Homepage with Animated Galleries

A few days ago we came across a really outstanding Wix website for the Los Angeles based vaudeville circus/theater, Le Tigre Tent.  One thing that really impressed us about their website was their use of an animated grid gallery in the homepage, which made the whole site look more alive, more fun and more in-your-face.

Design a Dynamic Homepage with Animated Gallerie

Le Tigre Tent

This is a feature not many Wix users are aware of, yet it is so easy to do. We wanted to show you how you can add a similar animated gallery to your website with a few simple steps. You can add this gallery to every page on your site, but on the homepage it creates a really powerful effect of wowing site visitors when they just enter the site.

For illustration purposes, we’re using the “Close Up HTML” template, but this works with all Wix HTML5 templates, of course!

Design a Dynamic Homepage with Animated Gallerie Leer más “HTML5 Tips: Design a Dynamic Homepage with Animated Galleries”

Showcase: Beautiful Jewelry Websites Created with Wix

Not all that sparkles is gold. It could be a really beautiful Wix website with images of gold, like these jewelry websites we have here today. The exquisite taste of the Wix users who created these sites is evident not only in the jewelry, but also in the web design itself. Beautiful photographs placed just right, wonderful use of typography and great product display are just some of the niceties these sites have to offer. These websites, created with the HTML5 website builder, do a terrific job in presenting jewelry pieces as prestige and desirable objects. This is not bling, this is class.


Evidence Jewelry


Shadia Saad Leer más “Showcase: Beautiful Jewelry Websites Created with Wix”

Usuarios de Windows 7 ya pueden probar Internet Explorer 10


Internet Explorer 10Siendo honestos, Internet Explorer no es un nombre grato para la mayoría de quienes tenemos alguna idea de tecnología. Pero, siendo justos, el navegador de Microsoft está haciendo méritos para que le demos una nueva oportunidad. La versión 10, que ya venía incluida en Windows 8, ha recibido buenos comentarios de parte de la prensa internacional y es -según un estudio de New Relix, una firma de estudio de rendimiento de software- el browser más rápido para cualquier versión de Windows.

Desde este martes, los usuarios de Windows 7 podrán descargarse una versión de prueba para echar un vistazo. Entre sus nuevas funcionalidades está la activación por defecto de la opción ‘do not track’, una mejor compatibilidad con estándares Web como HTML 5 y CSS3 y mejoras en el rendimiento y en la compatibilidad con pantallas táctiles, un formato no muy extendido en Windows 7, pero presente. Leer más “Usuarios de Windows 7 ya pueden probar Internet Explorer 10”

Showcase: Spectacular Dark Websites

Websites, like fashion, make personal statements. Choosing dark shades for a website design is a powerful statement about the purpose and the mood of the site. Contrary to popular associations, dark doesn’t mean gloomy or scary. Dark colors can create a mysterious atmosphere, a classy look or a minimalist cut that draws attention to the product or service. These beautiful HTML5 websites demonstrate that well. Have a look and see how these dark shades positively accentuate the topic of the website. With nothing against websites that have a bright color scheme – dark can be beautiful on its own right.

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

La Bubbly

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Showcase of Spectacular Dark Websites

Create your own beautiful HTML5 website today! >>

via http://feedproxy.google.com/~r/TheOfficialWixBlog/~3/8Ps4hfvTRDg/

10 Useful Infographics about HTML5 | via sixrevisions.com

10 Useful Infographics about HTML5

The Author

Jacob Gube is the Founder and Chief Editor of Six Revisions. He’s also a web developer/designer who specializes in front-end development (JavaScript, HTML, CSS) and also a book author. If you’d like to connect with him, head on over to the contact page and follow him on Twitter:@sixrevisions.

Useful Infographics about HTML5

Whether you need to quickly get up to speed with HTML5 or are in search of easy-to-digest resources that you can use to educate your clients about this web technology that’s creating a huge paradigm shift in the web and mobile development ecosystem, this collection of infographics that visualize HTML5 facts and figures will help.

If you’d like to go to the source of an infographic so that you can find a larger version and learn more about the infographic, click on the respective title or preview image.

1. HTML5: Past, Present and Future

This infographic is an overview of the state of HTML5 in web and mobile apps, with data on HTML5-capable mobile web browsers, browser compatibility, and more.

Infographic: HTML5: Past, Present and Future

2. WTF is HTML5?

This is a simple primer on HTML5, which can be an excellent educational reference for your clients. The original source of this infographic is no longer available.

Infographic: WTF is HTML5?

3. History of HTML5

This infographic traces the progression of HTML5, starting in 2004 when the Web Hypertext Application Technology Working Group (WHATWG) was formed.

Infographic: History of HTML5

4. HTML5: Why Developers Need It Leer más “10 Useful Infographics about HTML5 | via sixrevisions.com”

Seis sencillas “buenas prácticas” cuando usemos HTML5

Txema Rodríguez  | genbetadev.com


Quizás muchos de vosotros os estéis iniciando en HTML5, por eso es bueno comenzar con unas cuantas buenas prácticas de HTML5 desde el principio. Son bastante básicas, pero no está de más recordar alguna de ellas, ya que sobre todo nos ayudarán a crear un mejor código HTML5.

Usar un generador de plantillas básicas

Al comenzar a desarrollar una web normalmente lo primero es definir los elementos básicos, buena parte de ellos son los mismos en casi todas las páginas, algunos tags iniciales como: header, footer, metas… Para crear este esqueleto básico podemos usar alguno de los generadores de plantillas disponibles en forma online.

Algunos de los más conocidos son SwitchToHTML5Shikiryu generator. Sin olvidarnos de el excelenteHTML5 Boilerplate.

Tener siempre a mano un cheat sheet de HTML5

Seamos sinceros. No conocemos todos los tags HTML5 y algunas veces muchos de ellos se nos olvidan con frecuencia. Eso sin contar los nuevos que se van introduciendo. Así que lo mejor es tener siempre a mano una (cheat sheet) de HTML5. Podéis encontrar unas cuantas sobre tags,event handler o soporte en navegadores en la web siempre actualizadas.

Ser cuidadoso con la compatibilidad de los elementos que usemos Leer más “Seis sencillas “buenas prácticas” cuando usemos HTML5″