The Flexbox Layout (Flexible Box) module (currently a W3C Last Call Working Draft) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word “flex”).

The main idea behind the flex layout is to give the container the ability to alter its items’ width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). A flex container expands items to fill available free space, or shrinks them to prevent overflow.

Most importantly, the flexbox layout is direction-agnostic as opposed to the regular layouts (block which is vertically-based and inline which is horizontally-based). While those work well for pages, they lack flexibility (no pun intended) to support large or complex applications (especially when it comes to orientation changing, resizing, stretching, shrinking, etc.).

Note: Flexbox layout is most appropriate to the components of an application, and small-scale layouts, while the Grid layout is intended for larger scale layouts.

going to have to disagree. The majority of the massive graphics have a lot of text in them that isn’t in the markup – meaning it can’t be searchable or display to screen-readers. And the “Big News” goes to an Access Denied page…

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!

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.

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.

So we lined up the usual suspects from Adobe. Who would be our partner in crime — Photoshop? Illustrator? InDesign?

Hands down, the answer was InDesign. At its core, BostonGlobe.com is a publication website, and InDesign is the best tool for laying out publications and content. Yes, there are huge differences between designing print publications and designing for the web, but consider this: Most web pages are simply a combination of photos and text. And where Photoshop excels at manipulating images (but sucks at type) and Illustrator is exceptional at typography (but sucks with images), InDesign is built for both……