Good to revisit this topic every now and then.
Love Full Stop’s style. Here’s a fantastic responsive site from them that just launched.
RyRy and greg are discussing. Toggle Comments
If you haven’t already, now is the time to prioritize your website’s design considerations for tablet functionality. Ignoring this could negatively impact your website’s overall conversion rate, return visits, sales and more.
So responsive not only means rethinking your content, but also the code behind the content. For the Dev’s out there this is a great example of how to optimize your code base to really make a responsive site hum. Or at least this guys experience with it.
PNC updated their Virtual Wallet site – not the application itself, just the informational site: https://www.pncvirtualwallet.com/
It has its nice points. Over all, however, i found too many jerks and odd redraws.
I like that they went this route – now if they’d only improve the actual Virtual Wallet – no more flash! fewer data calls!
greg is discussing. Toggle Comments
Another responsive WP framework for your viewing delight.
Powerful, clean, and well-noted code for efficient WordPress theme development
Whiteboard Framework has been helping WordPress developers cut back on their development time and improve their WordPress powered websites since 2008.
Whiteboard framework for WordPress was developed to speed up the development of WordPress themes. Whiteboard does so by eliminating the time spent on code common to all WordPress themes and includes non-intrusive code that improves the overall WordPress theme in many ways – including SEO, speed, usability, mobile support, and multi-lingual support.
Food for thought:
The truth is that fluid grids are broken. Well… perhaps just cracked a bit. Responsive Web design, as Ethan Marcotte defines it, is simply a fluid grid, fluid images and media queries. But fluid grids have a dirty little secret: rounding errors. As we lay out our columns in percentages, browsers have to translate that into actual device pixels to fit in the viewport. And Chrome, Safari, other WebKit browsers, Opera, and the usual suspects (IE 6 and 7) all produce “errors”.
While as a designer and not a developer I don’t quite understand what the big issue is here (and neither does @rwd aka Ethan Marcotte) it’s still a good thing to think about. Responsive Design isn’t perfect yet, and it seems yet again we’re going to have to wait for the browsers to catch up.
A lot of people, myself included, have kind of glossed over the elephant in the room when it comes to responsive design. TABLES!
Well fear no more. This is n excellent example of how to handle tables when utilizing a responsive design on a data heavy site/page.
Visit this page to see it in action
It would be great to get to a workflow scheme like this… one of these days…
…But what happens when you apply your media queries for larger viewports and you dohave sidebars and multiple columns? Well, you can load in that nice-to-have content using the same kind of Ajax functionality that Paul described in his article last year. The difference is that you first run a quick test to see if the viewport is wide enough to accommodate the subsidiary content. This is conditional delayed loading….
this is pretty AWESOME!