Responsive WebDesign
62
Responsive Web Design: inspiration, tutorials, media queries, etc.
Curated by gonzodesign
Follow
Scooped by gonzodesign onto Responsive WebDesign
Scoop.it!

A Responsive CSS Background Image Technique - Inspect Element

A Responsive CSS Background Image Technique - Inspect Element | Responsive WebDesign | Scoop.it
gonzodesign's insight:

 I came across the need to make a background image responsive, keeping the same aspect ratio at different widths. The limitation was that we couldn’t change any HTML or back end code so changing it to a simple imgwas out of the question.

No comment yet.
Discover Topics gonzodesign is following
Web Dev & Design
Your new post is loading...
Scooped by gonzodesign
Scoop.it!

Jordan Moore — Web Designer and Front End Developer

This removes any transitional hocus-pocus from the changing layout and gives you an idea of the state in which real users will load your product. Real users aren’t going to see changing layouts, the chances are they will see only one layout state

No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Design: Why You’re Doing It Wrong | Design Shack

Responsive Design: Why You’re Doing It Wrong | Design Shack | Responsive WebDesign | Scoop.it
Responsive design isn’t a fad that arose because of a cool CSS technique, it’s an answer to a problem. Always remember that and constantly ask yourself whether or not you’re really adequately addressing that problem. If you’re using copy and paste to insert your media query breakpoints, your solution might be flawed.
No comment yet.
Scooped by gonzodesign
Scoop.it!

5 Really Useful Responsive Web Design Patterns | Design Shack

5 Really Useful Responsive Web Design Patterns | Design Shack | Responsive WebDesign | Scoop.it

To help reprogram your brain to consider layouts in new ways, we’re going to take a look at some interesting responsive design patterns that are being implemented by talented designers all over the web.

No comment yet.