Quick tip: Responsive developement in Google Chrome

For a very long time, Google Chrome didn’t have a tool for developing responsive web pages, so majority of people learned to use various plugins. But now, Chrome has a tool for developing responsive sites – right in its DevTools.

You can access them pretty easily – just push F12 and then ESC, so JavaScript console pops up. There is tab called Emulation, where you can select a device and emulate it, or set your own properties.

You should refresh the page after changing resolution.

Device emulation in Chrome

Chrome can also emulate accelerometer, geolocation coordinates and touch events.