A collection of behavior patterns for responsive web design elements.

I think any modern designer or maker-up sooner or later had the thought “Why not use the principles of responsive web design on this project?”. It’s probably hard to find a person who hasn’t heard about responsive design in our time, when the web can be surfed from the phone, microwave and slippers. Starting work on such a project, it would be nice to have on hand examples of the possible behavior of the layout and its individual elements.

A guy named Brad Frost, from the media agency R / GA, has kindly collected, designed and laid out a collection of articles and patterns of responsive web design for us, loved ones. The number and variety of different approaches is really amazing, among them:

• Examples of the behavior of the general layout - stretching, rebuilding blocks, the disappearance of unnecessary elements and much more;
• Tables - hiding unnecessary information, showing the table as a diagram with a small screen size, and so on;
• Really handy examples of displaying navigation on mobile devices;
• Various types of printing nets;
• The behavior of images, video and other media content;
• Display forms;
• Carousels, notifications and other js of need (although still in its infancy);

Also on the resource are collected almost all the articles on responsive design. Use, do not forget to make a pool of requests and, of course, break the rules and experiment!