Responsive Web Design

Responsive Web Design is the apporiach that design should "respond" to the user's behavior. This type of design changes the way that you see content contingent on the type of device and screen that you are using. This design aims to make the best experience for users.

Tools of RWD

Here are two examples of tools that are used to aid in responsiveness:

Wireframes are your basic storyboarding sketches to showcase examples of what the site is going to look like on different screens and how the content will be represented.

Flexboxes are a way to implement scalability with CSS. This tool gives you control of how your content will look on different sizes with ease.

Importance of Responsive Design

Do you stay on a site that doesn’t function well or at all with the device that you have on hand?

UX is crucial for web developers and Responsive Web Design falls under this category. By designing a to function on every screen platform, you are able to access more users and deliver content in a digestible way. Using these tools with RWD allows developers to create one site that is functional for every type of user.

A Deeper Look

Mozilla tutorial on flex boxes

W3 school intro to responsive web design