I recently got asked to put a website together for a charity I support called Spark+Mettle, I happily obliged and built a responsive site that works across many different devices. The site can be found over at www.flour-ish.org.uk
For the technical ones among you the site was built using my usual frontend stack jQuery, CSS3, HTML5 along with using media queries to allow the site to be responsive to people using the mobile and tablet devices. The desktop site loaded closed and the site expanded upon load where as on touch screen devices this functionality was disabled to provide a better user experience for these users. This is the first site I have been able to really take advantage of the new HTML tags like section, article, header and footer as the site would use modernizr to provide support for older browsers. Further to this I was able to suggest users of IE6 and IE7 to upgrade there browser or to install chrome frame as these browsers were not supported.
So the important thing for the site is to get noticed and raise money for the charity so any press coverage would be of benefit to the site, and fortunately it has so far received plenty with articles from the press association, this is bristol, telegraph, tnt magazine, the argus, and the scotsman.
There are a few things I would have done differently if I hadn’t only had 4 hours to build the site, firstly I would have done a lot more on the mobile front, it would have been great to create an app for android and iPhone which includes all the recipes, this could have been sold at 69p raising money for the charity. Further improvements would have been to do a lot more integration with facebook and twitter, increasing engagement would have really benefitted in spreading the site and hopefully raising money for the charity.
I will update this post at midnight tonight with the statistics of how many people visited the site, in the meantime, go cook yourself some cakes, they look tasty.