Googles udfordringer Responsive Best Practice with Resizer
Siden adventen af lydhurt webdesign, iværksættere, designere, hobbyister, prototyper startups og design applikationer er frigivet værktøjer, så vi kan forhåndsvise vores designs på forskellige breakpoints.
Det seneste for at kaste deres hat i ringen er Google med deres nye Resizer projekt, der er designet til at give designere mulighed for at forhåndsvise responsive sites ved forskellige breakpoints.
Betydningen af, at Google kommer ind på markedet med en løsning, er, at Google gennem sin store størrelse har stor vægt inden for designsamfundet. Uanset om det er Google Fonts, der dominerer fontvisning (en nylig {$lang_domain} undersøgelse viste, at 70% af vores læsere stole primært på Google-skrifttyper) eller ved at erstatte Flat Design by Material Design, siger alt hvad Google siger om webdesign, ofte til bedste praksis.
Så det er en gyldig grund til bekymring, når Google går ind for en tilgang, der strider mod etablerede standarder.
Googles materiale designspecifikation allerede tilbyder vejledning omkring breakpoints:
Til brugervenlig brugeroplevelse skal brugergrænsefladerne til materialedesign tilpasse layouterne til følgende punkteringsbredder: 480, 600, 840, 960, 1280, 1440 og 1600dp.
Resizer følger det samme princip: Det tilbyder bærbare og mobile forhåndsvisninger ved indstillede breakpoints. Skærme til bærbar computer (eller desktop) kan være 480px, 600px, 840px, 960px, 1280px, 1440px eller 1600px bred. Mobilskærme kan være 360px, 600px, 720px eller 1024px bred.
Selvom det er et godt tværsnit af størrelsesorden - selvom det ikke kommer tæt på hele Android-enhederne - er der en grundlæggende fejl i tilgangen: Godt responsivt design bruger indholdsbrudpunkter, ikke visningsbrudpunkter; det skal ikke have betydning, hvilken størrelse Samsung laver sin næste telefon, hvad der er vigtigt, er i hvilken størrelse dit indhold går i stykker.
De fleste applikationer til site design - den nyeste Adobe Muse for eksempel - tillader korrekt brugerdefinerede brudpunkter, som sikrer, at medieforespørgsler er skrevet til dit indhold, ikke en hypotetisk enhed.
Resizer er specielt designet til at teste for (nogle af) Material Design's viewport breakpoints. Faren er, at Resizer, med Googles påtegning, vil fortsætte myten af lydhøre websteder som en række viewportstørrelser, snarere end som væske-agnostisk indhold.