Today, in light of the use of Smartphones, tablets and conventional computers, all with different screen resolutions, it is desirable that websites display appropriately on all these devices. My current design provides this functionality.
My Solution to Responsive Web Design
I describe my methodolgy and implementation on my page explaining my CSS file for this website. The trick here is to maintain code compliance and maintain a concise design.
My design started with a menu system that I had developed for my Canadian website. I was pretty happy with it apart from the fact that it was not "Mobile Friendly" according to Google. At the moment I am not sure if it passed the W3C compatability test, however, I had to abandon the menu system as it was and started the develoment of a Responsive Design.
- Responsive Web Design - my test page
- W3C page
- Browser Cache
- How my CSS file provides a Responsive design
- W3C Templates