We've just had our latest article published in .net magazine. The article details how we went about bringing our company website into the 21st century and the techniques we applied to get a responsive design implemented.
We put a lot of thought into creating a site that could give a consistent experience to our users regardless of device and we learnt a lot about how to approach this kind of build. Our design, UX and development team honed the concept into a number of templates that could be translated across a range of devices including desktop browsers, tablets and smartphones.
Creating this site challenged a lot of our preconceptions about web design and we felt it would be important to share our learnings with the rest of the web community and get some conversations started about what works well and what is still missing from the developers toolbox when it comes to making a responsive design to be viewed on multiple platforms.
Since the smartphone market exploded the browser landscape has become overwhelming and what is more disappointing is that a late release version doesn't necessarily indicate a sophisticated set of HTML5 and CSS3 support. Unless you have unlimited time and resource you can’t create a perfect experience for the ever expanding range of platforms out there. To truly support every web capable device out there we still need more tools from the browser vendors and in some cases just better browsers full stop.
One of the biggest sticking points is asset size and the performance implications of sending full size imagery to low bandwidth devices. We know we're not alone in thinking our current web techniques are still lacking, as our latest blog post on responsive images has been included in an excellent series of blog posts from Cloud four arguing for more sophisticated image tags from browser vendors. At Head we want to get our hands dirty, finding out what these browsers are capable of and pushing them to deliver the best tailored content relevant to the device at hand. We'd love to speak to other developers out there doing the same thing.
Get yourself down to the newsagent and grab a copy or download a copy for Apple Newstand to see what we're talking about.
33 comments
James Kirkup says:
on Tue 11 October, 2011
Awesome, awesome, awesome.
T Wake says:
on Fri 14 October, 2011
This is an excellent article - it was an excellent mix of inspiration and education and has prompted me to look much further into the process. If you ever want to do a more in-depth article - for example, more detail on how to get the resizing done as smoothly as you have here - I would certainly be first in line to buy it! Thanks for sharing the knowledge.
Dan Garland says:
on Mon 17 October, 2011
Well done folks!
james says:
on Sun 17 February, 2013
I thought they have done such a great job with the new website here. So much to get from what they offer with it. They have done such a great job with the design of the site. Toronto Condos
better2health.com says:
on Tue 19 February, 2013
This is absolutely beautiful. The design quality is excellent; you really understand how to use fonts at proper weights and opacity! Really, you'd done a lit with so little and I applaud it. Some people think simple has to be boring. You prove it doesn't :) better2health.com
ffxi gil says:
on Fri 29 March, 2013
I did not read the magazine before.But now ,i will purchase it to read.It is a good magazine. ffxi gil
maryalusy maryalusy says:
on Wed 10 April, 2013
Your post will be rather good and I'm sure some will find it interesting because it's about a topic that's as widely discussed as others. Some may even find it useful.Thanks so much for your post. Meratol | proactol | capsiplex | raspberry ketones dr oz |
maryalusy maryalusy says:
on Wed 10 April, 2013
I admire the valuable information you offer in your content articles. I will bookmark your weblog. I am quite certain i will learn lots of new stuff right here than anybody else! raspberry ketone side effects | raspberry ketone | raspberry ketone dosage | raspberry ketone capsules |
king says:
on Tue 16 April, 2013
The new styles include lace front, wigs monofilament and hand-tied features, and are all made with ready-to-wear synthetic hair. Whether you want to look and feel like a Cover Girl, Goddess or Celebrity, wigs the name of each style gives you an idea of what you can expect. As usual, Raquel Welch gets it right! Her brand delivers the ultimate in style and sophistication.
king says:
on Tue 16 April, 2013
The new styles include lace front, wigs monofilament and hand-tied features, and are all made with ready-to-wear synthetic hair. Whether you want to look and feel like a Cover Girl, Goddess or Celebrity, wigs the name of each style gives you an idea of what you can expect. As usual, Raquel Welch gets it right! Her brand delivers the ultimate in style and sophistication.
king says:
on Tue 16 April, 2013
The new styles include lace front, wigs monofilament and hand-tied features, and are all made with ready-to-wear synthetic hair. Whether you want to look and feel like a Cover Girl, Goddess or Celebrity, wigs the name of each style gives you an idea of what you can expect. As usual, Raquel Welch gets it right! Her brand delivers the ultimate in style and sophistication.
king says:
on Tue 16 April, 2013
The new styles include lace front, wigs monofilament and hand-tied features, and are all made with ready-to-wear synthetic hair. Whether you want to look and feel like a Cover Girl, Goddess or Celebrity, wigs the name of each style gives you an idea of what you can expect. As usual, Raquel Welch gets it right! Her brand delivers the ultimate in style and sophistication.
king says:
on Tue 16 April, 2013
The new styles include lace front, wigs monofilament and hand-tied features, and are all made with ready-to-wear synthetic hair. Whether you want to look and feel like a Cover Girl, Goddess or Celebrity, wigs the name of each style gives you an idea of what you can expect. As usual, Raquel Welch gets it right! Her brand delivers the ultimate in style and sophistication.
king says:
on Tue 16 April, 2013
The new styles include lace front, wigs monofilament and hand-tied features, and are all made with ready-to-wear synthetic hair. Whether you want to look and feel like a Cover Girl, Goddess or Celebrity, wigs the name of each style gives you an idea of what you can expect. As usual, Raquel Welch gets it right! Her brand delivers the ultimate in style and sophistication.
king says:
on Tue 16 April, 2013
The new styles include lace front, wigs monofilament and hand-tied features, and are all made with ready-to-wear synthetic hair. Whether you want to look and feel like a Cover Girl, Goddess or Celebrity, wigs the name of each style gives you an idea of what you can expect. As usual, Raquel Welch gets it right! Her brand delivers the ultimate in style and sophistication.
king says:
on Tue 16 April, 2013
The new styles include lace front, wigs monofilament and hand-tied features, and are all made with ready-to-wear synthetic hair. Whether you want to look and feel like a Cover Girl, Goddess or Celebrity, wigs the name of each style gives you an idea of what you can expect. As usual, Raquel Welch gets it right! Her brand delivers the ultimate in style and sophistication.
king says:
on Tue 16 April, 2013
The new styles include lace front, wigs monofilament and hand-tied features, and are all made with ready-to-wear synthetic hair. Whether you want to look and feel like a Cover Girl, Goddess or Celebrity, wigs the name of each style gives you an idea of what you can expect. As usual, Raquel Welch gets it right! Her brand delivers the ultimate in style and sophistication.
king says:
on Tue 16 April, 2013
The new styles include lace front, wigs monofilament and hand-tied features, and are all made with ready-to-wear synthetic hair. Whether you want to look and feel like a Cover Girl, Goddess or Celebrity, wigs the name of each style gives you an idea of what you can expect. As usual, Raquel Welch gets it right! Her brand delivers the ultimate in style and sophistication.
freeartsonline.com says:
on Tue 16 April, 2013
Glad to visit your blog, I look forward to more good articles and I think we all like to thank so many good articles, blog to share with us. freeartsonline.com
maryalusy says:
on Mon 22 April, 2013
Great post. If they are familiar with each other, it should make for an interesting game. acai berry weight loss reviews | raspberry ketone side effects | raspberry ketones
maryalusy says:
on Mon 22 April, 2013
Great job for publishing such a beneficial web site. Your web log isn’t only useful but it is additionally really creative too. There tend to be not many people who can certainly write not so simple posts that artistically. Continue the nice writing.. acai berry cleanse side effects | proactol review
normanorion says:
on Mon 29 April, 2013
Great...Nice Post.. I admire the valuable info you offer you inside your articles. I'll bookmark your website and have my kids examine up the following typically. cell phone spy cell phone listening
normanorion says:
on Mon 29 April, 2013
Great...Nice Post.. I admire the valuable info you offer you inside your articles. I'll bookmark your website and have my kids examine up the following typically. cell phone spy cell phone listening
marya lusy says:
on Mon 13 May, 2013
I really appreciate for your brilliant Efforts on spending time to post this information in a simple and systematic manner, so That visitors and readers can easily Understand the concept.I Efforts must appreciate you posting these on information. more info clink here | more resource | united kingdon official site
marya lusy says:
on Mon 13 May, 2013
Very useful post and I think it is rather easy to see from the other comments as well that this post is well written and useful. I bookmarked this blog a while ago because of the useful content and I am never being disappointed. Keep up the good work. more information | latest resource
pedrojeff says:
on Mon 13 May, 2013
A very awesome blog post. We are really grateful for your blog post. You will find a lot of approaches after visiting your post. I was exactly searching for. Thanks for such post and please keep it up. Great work. clubmz e-spy clubmz reviews
keans says:
on Tue 14 May, 2013
It's full of information I am looking for .You will find a lot of approaches after visiting your post. I was exactly searching for. Thanks for such post and please keep it up. guild wars 2 gold
josephsholland says:
on Mon 20 May, 2013
I love the great info is visible in this blog free online casino and using the great services in this blog free blackjack game. Thanks a lot for providing the nice info is visible in this blog and using the nice services in thi blog free online black jack.
jackwhite521 says:
on Tue 21 May, 2013
Your post will be rather good and I'm sure some will find it interesting because it's about a topic that's as widely discussed as others. Some may even find it useful.Thanks so much for your post. dallas internet marketing consultant. ad agency dallas
jackwhite521 says:
on Tue 21 May, 2013
Your post will be rather good and I'm sure some will find it interesting because it's about a topic that's as widely discussed as others. Some may even find it useful.Thanks so much for your post. dallas internet marketing consultant. ad agency dallas
jackwhite521 says:
on Tue 21 May, 2013
Your post will be rather good and I'm sure some will find it interesting because it's about a topic that's as widely discussed as others. Some may even find it useful.Thanks so much for your post. dallas internet marketing consultant. ad agency dallas
marya lusy says:
on Tue 21 May, 2013
Really it is nice post, The post is clearly highlighting the values of law. It is now being necessary for all of us to understand law and its values. pills | enlargement pill
marya lusy says:
on Tue 21 May, 2013
This is a great post ! it was very informative. I look forward in reading more of your work. Also, I made sure to bookmark your website so I can come back later. I enjoyed every moment of reading it. garciniacambogia | cambogia