Both terms have a really comparable goal. They look for to present the very best experience that is possible a solitary web site whenever it is viewed on a large number of desktop, mobile, tablet products.
Ethan Marcote is commonly cited as coining the definition of Responsive Design which will be the use news queries to provide various CSS enabling a niche site to change it out appearance that is’s seen on various size displays. Therefore simply speaking it could be achieved with only simple HTML & CSS. (today it is often HTML5/CSS3, nonetheless it’s not necessary)
A good example is you have a part club navigation in the desktop size type of the website, after which whenever seen for a smartphone the menu turns into a select list to conserve room when you look at the program. Another example is you might provide functionally on smart phone unavailable for a desktop. Say you had a restaurant website — When it’s seen for a mobile device that’s location conscious with GPS, a panel seems saying “Get instructions to your restaurant from your own location”. Desktops don’t understand their location so that it does not may actually them.
Responsive Web Site Design (RWD)
One of the keys elements that define a Responsive web site are CSS3, media inquiries, the @media guideline, and fluid grids that use percentages to produce a versatile foundation. [···]