Our blog / post

  • VKL


Since the advent of responsive web design,

entrepreneurs, designers, hobbyists, prototyping startups, and design applications have been releasing tools to allow us to preview our designs at different breakpoints.

The latest to throw their hat into the ring is Google with their new Resizer project, designed to allow designers to preview responsive sites at different breakpoints.

The significance of Google entering the market with a solution is that through its sheer size, Google carries enormous weight within the design community. Whether it’s Google Fonts dominating font serving (a recent WebdesignerDepot poll showed 70% of our readers rely primarily on Google Fonts), or the supplanting of Flat Design by Material Design, anything Google says about web design is frequently taken as ‘best practice’.

So it’s a valid cause for concern when Google advocates an approach that’s contrary to established standards.

Google’s Material Design specification already offers guidance around breakpoints:

Resizer follows the same principle: it offers laptop and mobile previews at set breakpoints. Laptop (or desktop) screens can be 480px, 600px, 840px, 960px, 1280px, 1440px, or 1600px wide. Mobile screens can be 360px, 600px, 720px, or 1024px wide.

Whilst that is a good cross-section of sizing—although notably doesn’t come close to the full range of Android devices—there is a fundamental error in the approach: Good responsive design uses content breakpoints, not viewport breakpoints; it shouldn’t matter what size Samsung makes its next phone, what matters is at what size your content breaks.

Most site design applications—the latest Adobe Muse for example—correctly allow for custom breakpoints, which ensures that media queries are written for your content, not a hypothetical device.

Resizer is specifically designed to test for (some of) Material Design’s viewport breakpoints. The danger is that Resizer, with Google’s endorsement, will perpetuate the myth of responsive sites as a series of viewport sizes, rather than as fluid device-agnostic content.


#Responsivedesign #GOOGLESEO #Resizer #VKLDesign #VKLNews

2 views0 comments

Recent Posts

See All
Chicago web design studio

tel:  847-908-7802

tel:  847-242-8060



1 W Monroe St.

Chicago, IL 60603

Web design

SEO website

Graphic design

Web development

Internet marketing

List of our services

Chicago web design, Northbrook web design, Glenview web design, Skokie web design, Buffalo Grove web design, Wheeling web design, Arlington Heights web design, SEO optimization, SMM marketing, CRM, Wheeling web design, Custom web design
  • Facebook page VKL Design
Membership plan

we accept payments by: