Responsive Design for Multi-browsers?

Hi all,

I first started building websites over six years ago. I was an artist with en eye for design, and I had a great mentor to show me how to build my ideas in standards compliant HTML and CSS. My ability to make a website ‘look nice’ got me through those early days but that stopped being enough, and the standard I work to has changed as I have gained experience.

These days it’s more important than ever that the design of a website is purposeful not just attractive. I want to build my clients a website layout that will grow with their business and have a long shelf-life, and I realise there are a number of things I need to learn to fulfill the standard of planning and delivery I have in mind.

One thing I haven’t fully got my head around is building a site to fit multiple screen resolutions. I want to establish a system for designing, checking, and testing this, as well as ensure I have the skills to make this ‘standard procedure’.

Please can someone point me in the right direction. I just want ‘the basics’ of responsive web design - the ‘first steps’ and ‘key things’ I need to understand to start implementing and exploring how to build it in to my websites.

What would you say are the essential need-to-know where-to-start facts and resources?

Thank you

:slight_smile:

One thing you need to do is think in terms of elements moving around. Where will things sit on a wide screen, and where will they sit on a narrower screen? So you need to be more flexible in your ideas about layout.

There are some good books about this, such as this.

Thanks!