Hybrid Coding redux – raising the bar

The Hybrid Coding approach as discussed earlier is a fluid concept by definition a hybrid is a refined mix of styles, it is in a state of flux and moves with this industry.  The “mobile revolution” aka natural progression for email, is opening the doors for very advanced dev work. We have seen some great innovation recently, like HTML 5 video, CSS games, interactive carousels and more.

Hybrid Coding as a theory, is a great way to lock down the lowest common denominator of an email in order to push further, just like we have always done – only this time it raises the bar for what “lowest common denominator” means for mobile email. Currently, we tend to default to the desktop version if media queries are ignored, which is sensible, but it doesn’t have to be that way. This means we can have the scenario where mobile optimisation in all devices, such as “stacking in Gmail app” is a minimum. It’s a brave new mobile email world, people. Let’s keep pushing the standard up.

I have been requested to illustrate how stacking may work, in a more “real world” type context. Essentially to “bring the concept to the coalface” I have no idea what that really means, but apparently it’s legit jargon, as certified by our new intern/designer/in-house blogging consultant, Poppy*.

So here we go: show me the code.

This can be expanded upon to be 3 columns, but certainly wouldn’t recommend more (!). There are some extra clever ways to manage how these layouts display in more co-operative environments, by adding in media queries where we know we can use them. It’s like a sort of “reverse graceful degradation” even though that doesn’t make any sense. Start with bare bones and build up as if you can’t go high enough. Build and test first without media queries then add them in as the gloss to give the polished look to your email. After that, go down the pub and wonder just when will Gmail have style?

*Poppy is a Dalmatian