We have been working on a theme that will render in all browsers, using a custom twenty eleven theme.
Twenty Eleven is fluid and will collapse, the images auto resize as well, we have mixed this with some 1140 grid code, custom category and page colors, so it looks good on a mobile, and hidden the header on small devices, viewing it in a browser and resizing the screen you will see the effect, we want to make this website readable on a small device, mobile friendly and the content fluid.
We researched by looking at magazine and news websites, in the UK we liked The BBC and the new Huffington Post and have settled for a three column front page, we started off by coding the page using template parts but this was two restrictive, so we looked at the code for the WordPress twenty eleven Ephemera Widget which add to the sidebar.
Reading the code we noticed that the widget cached the widget content, if a post is edited or deleted the cache is deleted, we were quite excited about this as it means we can have a fully widgetized home page, as the widget is cached then the database reads and writes are minimal, and our tests are loading under 1.5 seconds.
For our home page post content we wanted things like the latest posts, category posts and author posts, once we had our head around the code we were able to create all of these, we are still working on more as on the single post page we want to show more from the post categories and more from the author, these will not be cached but dynamic.
We have created a few sidebars, most for the homepage three columns, slideshow, then we wanted header banner, below and above posts, and page, post sidebars for our dynamic widgets.
Here is our test website feel free to visit and resize the browser to see how the theme collapses, if you have a mobile or small device, please test the website and leave a comment below.
Lets look at a couple here is Windows and FireFox