Design for web and mobile
The term "Responsive web design", was originally defined by Ethan Marcotte on A List Apart. A responsive layout adapts and changes based on the size and capabilities of the device (desktop, tablet, smartphone, etc...) that a Website is being viewed on. Having a responsive Website is now essential for SEO as it directly impacts search engine placement, and the majority of Websites are now being viewed on mobile devices. Having a responsive Website also makes sense because it eliminates the need for a separate mobile Website. There are many things that need to be considered when creating a responsive Website. Responsive design is not just about page structure and fluid grids. Elements like images and text must also be made flexible to adapt as needed to "fit" the screen the site is being viewed on. Responsive frameworks such as Bootstrap, Foundation and Skeleton can be specifically used to implement responsive "mobile-first" design. Web designers can leverage these responsive frameworks to build responsive Websites quickly, consistently and responsively.