Archivo de la etiqueta: HTML5

‘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…
Sigue leyendo

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 Sigue leyendo

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.

N.Historiae

Evidence Jewelry

WildThing

Shadia Saad Sigue leyendo

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. Sigue leyendo

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 Sigue leyendo

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 Sigue leyendo

Timeline del HTML5 #infografia #infographic #internet |


 

TICs y Formación

Infografía con el Timeline del HTML5.

 

HTML5 – code example of drag and drop on a web page


ibm.com/developerworks

I have recently attended a couple of analysts meetings where the subject of HTML5 was a recurring theme.  With my curiosity peeked, I decided to explore what HTML5 has to offer today.  Of particular interest is the drag and drop (d&d) API… as this has always been the holy grail of early HTML practitioners.  What I discovered was very cool… as d&d is now a simple matter of implementing a few effortless method calls.

For my example of d&d, I created a simple network configuration demo that illustrates an administrator UI to provision resources.  You can drag the example resources between zones, add resources to a zone, or simply remove a resource that is no longer required.  I kept my example basic for educational purposes, but as you can see, one could develop a full blown network administration tool using drag & drop as a central element of the user interface.

Here is my example, give it a test drive (requires Firefox 3.5 or greater):

 https://www.ibm.com/developerworks/mydeveloperworks/blogs/bobleah/resource/d_and_d.html?lang=en 

The key methods to implement d&d are basic and easily implemented as follows: Sigue leyendo

How to Benchmark Your Browser for HTML 5


Via Scoop.ithuman being in – perfección

Modern Web browsers on both mobile devices and PCs now support HTML 5, including HTML 5 canvas rendering. We show you how to get the most out of your browser with a little testing and tweaking.

Contemporary browsers are much more than just a window into the World Wide Web: Browser developers have turned the software into sophisticated application platforms in their own right. But browsers are not the same as hardware platforms–rather, they function as virtual environments accessible from a variety of platforms. For example, you can have Google’s Chrome browser on Windows, Mac OS, Linux, and Android devices.

The current set of Web browsers–Chrome, Firefox, Opera, Internet Explorer, and Safari–support assorted standards, including HTML 5, the latest version of HyperText Markup Language. HTML 5 is an ambitious extension of HTML, incorporating an array of features. The standard is still in flux, however, and the World Wide Web Consortium hasn’t finalized it yet. Some of the important new features in HTML 5 include canvas rendering, tighter integration of SVG (scalable vector graphics), and video and audio tags. These new elements are specifically designed to make it easier for Web developers to present and manage multimedia content. What HTML 5 currently doesn’t have is a built-in standard way to handle 3D graphics.

Whenever new, competing platforms emerge, it’s natural to try to compare their performance. After all, users want the most robust and most responsive environment for running their applications, whether those apps are for productivity, entertainment, or education. The problem is that Web applications themselves are in a state of flux, as is the state of benchmarking Web browsers.

What I’m going to cover in this article won’t tell you what the fastest browser is, nor what the best hardware might be for those browsers–that will come later. Today, I’ll dive into the complexities of benchmarking browsers, look at a few examples of benchmarks, and help you understand where performance testing currently stands when it comes to these new virtual platforms. By the end of this article, you will know how to benchmark and optimize your browser for HTML 5 applications. Sigue leyendo

Flash-centric misconceptions of HTML5


With close to a decade of experience in web design, I have come across plenty of mistaken beliefs about the latest design tools and technologies; but nothing beats the misconceptions surrounding the use of HTML 5.

As developers, we have our own set of misguided beliefs about a certain technology, but as we begin to use that technology we are able to understand what it is all about, its usage, and its scope.

Inspired by certain HTML5 requirements that I have come across through the course of time, I wanted to add my two cents to clear the air on certain aspects of HTML5. Most of the misconceptions surrounding HTML5 are because many people think it’s a replacement for Flash.

At the outset, I would like to make it clear that this is not an HTML5 vs. Flash post. The truth is that one cannot act as the replacement for the other, so there is no ‘us vs. them’ battle. But, therein is the nub of the misconceptions. The problem is that people believe HTML5 is an enhanced alternative to Flash. All misconceptions are a result of this thinking.

Sigue leyendo

Learn HTML5: HTML5 Tutorials and Guides


http://vandelaydesign.com

Português: Logotipo oficial: HTML 5

As the use of HTML5 continues to become more common, you may be looking for resources to help you learn more about it. In this post we have gathered a number of resources that teach various aspects of HTML5, including tutorials, explanations and guides.

With the help of these resources you should be able to learn more (or just brush up on your knowledge) about the specific aspects of HTML5 that are of interest to most designers and developers.

Getting Started with HTML5:

Introduction to HTML5

Learn HTML5 Sigue leyendo

What the Demise of Flash Means for the User Experience


By SuAnne Hall  
http://www.uxbooth.com/blogSuAnne Hall

Adobe’s decision to cease development of the mobile Flash platform and increase their investment in HTML5-related efforts created perhaps the final piece of conclusive evidence that HTML5 is the current go-to technology for creating ubiquitous user experiences regardless of device.

While there’s been an abundant amount of discussion on what this means to developers, there’s been a lack of focus on what this means to the overall user experience (UX). If HTML5 thrives where Flash struggled and becomesthe dominator in the choice for new mobile and desktop technology, will users benefit from the transition? Yes, as long as designers and developers do their jobs right.

Different stroke for different folks

Apples and oranges. The question is, which one’s Flash?

It might seem strange to compare Flash and HTML5 at all, since they are so inherently different. Whereas Flash is proprietary, HTML5 is continually developing through open source collaboration. If Flash is a seasoned monarchy, then HTML5 is the wild wild west. It’s important to note that there are tons of applications and sites in which Flash and native apps will remain the preferred choice of implementation. However, that doesn’t mean that we can’t explore the major differences between the two in order to discuss the gaps that HTML5 can fill where Flash is lacking.

Flash, by nature, is a control freak. It demands browsers have the latest plugin, or it will be sure to let you know if it’s unhappy with your version – perhaps even go on strike until you upgrade. It thrives on presenting a consistent, desktop-centric experience of typefaces and layout, and never bothers to worry about changing the user experience based on device nor the context of what you might want to do on that device. But Flash has had years to evolve from the land of bouncy ball demos and splash screens to the product for creating some fantastically innovative interfaces.

By contrast, HTML5 excels at giving users a delightfully inconsistent experience on any device through the concepts of “graceful degradation” and “progressive enhancement.” Both concepts are designed to provide users the best possible experience each browser allows for, whether a content area displays a static image in Internet Explorer 6, or a fully functional HTML5 video in Chrome. Since desktop browser usage runs the entire spectrum of worst- to best-case scenarios, this way of designing user experiences can help ensure that all users get the most bang for their buck out of their browsers. Gone are the days of being forced into creating identical experiences based on the best performance of the worst browser.

Those who advocate web standards also support the important role HTML5 plays in responsive web design, or the systematic display of content, tasks, and layout, depending on whether the user is viewing the site on a mobile or desktop-sized browser. The reasons why people view the same website on a mobile device versus a desktop is often very different. For example, a user viewing a site for a restaurant while sitting at their office desk could likely want to view a workflow more supportive of exploring the menu, reviews and other content that would help decide if it’s a good place to eat. On the other hand, a user viewing the site from the passenger seat of a car might want to quickly find content based on the assumption that they have already decided to eat there, such as directions or the phone number. Sigue leyendo

What is HTML5? (infographic) & Ultimate HTML5 Cheatsheet



http://designbeep.com/2011/05/23/what-is-html5-infographic-ultimate-html5-cheatsheet/

HTML5 is a language for structuring and presenting content for the World Wide Web.Basically, HTML5 is the advanced version of HTML.In particular, HTML5 adds many new syntactical features. These include the <video>, <audio>, and <canvas> elements, as well as the integration of SVG content.

Today we want to share 2 great HTML5 resources.The first one is created by Focus.com which is a HTML5 infographic showing Browser compatibility,HTML readiness and comparison with Flash etc. and
The second one is HTML5 cheatsheet created by Techking.

What is HTML5? Sigue leyendo

Changes to the Apple.com Design


http://www.webdesignerdepot.com/

Apple.com has undergone some adjustments to its design in the past week or so, changes that, if you weren’t paying close enough attention, you may not have even noticed.

Although many reports are referring to this as a “redesign”, I think it’s difficult to classify it as such. There certainly are some significant changes, but the changes are not exactly a complete overhaul as was the case for CNN.com in late 2009.

Nonetheless, the changes are significant to web designers, so I’ll briefly look at them here. If there’s anything about the changes that I’ve neglected to mention, feel free to comment. Sigue leyendo

Zona de Promesas

Tecnología - Internet - Redes Sociales - Entrepreneurship - Música - Economía - Innovación

Fortune Tech: Technology blogs, news and analysis from Fortune Magazine

Fortune's tech team offers analysis and perspective on the world's most important developments.

Top Master | Blog

LOS PROGRAMAS DE MBA Y POSTGRADO MAS INFLUYENTES DE TODO EL MUNDO

La realidad alterna

Diario de sueños, cuentos, poesías y una novela en proceso

TechCrunch

Startup and Technology News

Unencumbered by Facts

Taking unsubstantiation to new levels

Carlos Cordero

Blog de tecnología

PsicoEmocions Blog

Un Pont entre la Psique i les Emocions

TEA PTLS NACHO

AUTISMO.TEA..PTLS

Comunicación & Marketing

De Lilian Lanzieri

Xtratexia

Dirección estratégica para la vida

Notes From The Internet

by Silvia Altamirano

StellarHIRE Partners

Founding Partner, StellarHire Partners - Executive Search Consultants. Recent engagements include Eloqua, SFDC, Tibco and Veeam.

ivanbrunpr's Blog

4 out of 5 dentists recommend this WordPress.com site

Matt on Not-WordPress

Stuff and things.

BLOGTEC

Noticias de Tecnologia.

Talento en Expansión

Tendencias y Mejores Prácticas en la Gestión de Personas de la Empresa 2.0

Two Leaves Tea SPAIN

Great Organic Tea! ✫✫✫✫✫ Te Organico en Piramides

Escuela de Dinero

El mejor Sitio en Español sobre lo básico para entender el Dinero y sus matemáticas relacionadas.

My Blog Daniel Palop

A topnotch WordPress.com site

Intentando dejar huella...

...en cada uno de los visitantes

Ideas Para la Clase.com

Portafolio de experiencias en la clase de español para Middle School.

littlegreybox

like. read. laugh. love.

déborah rueda

Un sitio más pero diferente sobre marketing on line

No solo los 80's

La mejor música de la historia

Molly Balloon's Blog

Identity + Dressing + Colour

El OJO PUBLICO. / Глаз общественности

Ver para contar & contar para ver. / Чтобы рассказать

Think Creative Idea

Marketing, publicidad, web y negocios

Social Media y más

Social Media, Redes Sociales, Marketing, SEO

The Coaching Alliance

El camino hacia el éxito

Luces y sombras de las marcas

Social Media, Marketing y Comunicación

CNN en Español: Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Javier GM Photography - México y más.

“En al fotografía, debemos ser auténticos, tenemos que ejercer nuestra capacidad de asombro para poder, a través de nuestras imágenes, expresar emociones, provocar reacciones y despertar pasiones..” ~ Javier García-Moreno E.

Natalia Gómez del Pozuelo

Experta en comunicación y oratoria

aloyn

Alimentación, ocio y negocios, ALOYN, es un Grupo dirigido a Directivos y Propietarios de empresas, interesados en el mundo de la industria de alimentación y bebidas. Tanto por la parte de la industria productora como por la parte de la industria consumidora y/o distribuidora (Distribución Comercial, Horeca, Vending, Venta Directa, etc). También nos interesan las actividades ligadas al agroturismo y el enoturismo como magníficas actividades de promoción y difusión de la cultura gastronómica.

Blog de Jack Moreno

Un blog de Joaquín Moreno sobre recursos, literatura y ciencia ficción

Mashamour

Ensalada de Manjares

Infographic List

For those who love Infographics - www.infographiclist.com

URieLaRtE

hoy es el primer dia del resto de tu vida

be.blog

be. Intelligent Multimedia Education

unmonodelsiglo21

Un pequeño espacio virtual para pasarla bien

Curso Web 2.0

Diseña tu sitio web gratis y consigue visitas!

~~Mente en Gravedad~~

************************************************************************************************************

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 4.355 seguidores

%d personas les gusta esto: