Share
Responsivt webdesign. Det sier alt. Som mannen bak den mest smittsomme bevegelsen i webdesign for øyeblikket, trenger Ethan Marcotte virkelig ingen introduksjon. Nylig han svarte til noen av mine spørsmål (se hva jeg gjorde der?), så ta en kaffe og finn ut hva han måtte si om sobbing på t-banen, og skyte folk inn i solen?
Designer. Utvikler. Høy. Dårlig med tall.
Jeg er en uavhengig designer / utvikler / noe som bor i Cambridge, Massachusetts. Før jeg sluttet ut på egen hånd igjen i slutten av 2010, var jeg en interaktiv designdirektør på den sjarmerende og nydelige Happy Cog. Men gjennom årene har jeg vært heldig å jobbe med slike som New York Magazine, Stanford University, W3C, og Sundance Film Festival. Senest har jeg hjulpet lansere et nytt responsivt nettsted for The Boston Globe. Jeg elsker denne jobben.
Mer nylig antar jeg at jeg er "kjent for" myntet begrepet "responsivt webdesign" på An Event Apart Seattle 2010, for å beskrive en mer fleksibel måte å designe utover skrivebordet. Jeg fulgte det med en artikkel i A List Apart-magasinet, og til slutt skrev en liten bok om emnet.
I et nøtteskall er responsiv design en alternativ måte å designe post-desktop web. Historisk sett har vår viktigste tilnærming til å designe for mobil, nettbrett eller hva som har vært å bygge enhetsspesifikke nettsteder, fragmentert innholdet vårt i forskjellige sammenhenger. Responsive design, på sitt mest grunnleggende nivå, gir oss mulighet til å kombinere fleksible nettbaserte layouter og medieforespørsler for å skape en mer, godt, responsiv design: en som omformer seg for å imøtekomme forskjellige oppløsningsområder.
Uansett. Det har vært et helt sinnssykt, fantastisk år.
Personlig korstog? Å, godhet ja. Jeg er den mest dogmatiske personen på internett, og hemmelighet tror at folk som er uenige med meg, skal bli sparket inn i solen.
Hei! Jeg tuller! Jeg ler! (Jeg er også utrolig lav på koffein!)
Men egentlig er det absolutt beste med å jobbe på nettet at det ikke finnes en sann måte? av arbeid. Jeg mener at det i det siste året virket som om denne debatten har skjedd på nettet, en som på en eller annen måte er utbredt "mobil design" mot "responsiv design" i en slags episk, Clash of the Titans-esque konflikt. Jeg forstår ikke hvorfor ting må være så binært: noen publikum ville ha nytte av enhetsspesifikke erfaringer, mens andre ville ha nytte av en mer responsiv tilnærming.
Jeg har jobbet med en stor klient i år, hvor sistnevnte er tilfelle: at målene for hver "kontekst" som det var, overlapper i så høy grad at en responsiv tilnærming var lett den beste. Men jeg har jobbet på nettsteder der motsatt var sant også.
Til slutt handler det om å skreddersy tilnærmingen til behovene til et bestemt nettsteds publikum - ikke bare de enhetene de bruker, eller til de forstyrrelsene vi formgivere tar med til bordet. Hvis samfunnet vårt kan gi mer struktur og prosess for hvordan å bestemme mellom en responsiv tilnærming eller enhetsspesifikk, vil vi takle det riktige problemet.
Mann. Ikke noen ting, for å være ærlig.
Først og fremst er det mye som kan forbedres på CSS siden av ting. Jeg mener, i dag er vi avhengige av noen ganske gamle (hvis pålitelige) verktøy: nemlig flyter og posisjonering. Og dessverre betyr det at mest responsive nettsteder i dag er begrenset av kildeordre. Dette kan jobbe rundt i en viss grad, spesielt hvis du planlegger oppslaget ditt på en "mobil først" måte, men heldigvis er det noen få CSS3-verktøy som blir utarbeidet som gir oss enda mer fleksibilitet. Jeg er spesielt spent på fleksibel boks og layoutmodulen.
Vi kan ikke tegne en sammenheng mellom bredden på en skjerm og mengden av båndbredde som er tilgjengelig for det, men det har fortsatt vært mye arbeid gjort for å optimalisere bildeleveransen. En av de første var Filament Gruppes responsive bildeskript, men det har vært scads bygget siden da; Jason Grigsby hadde en fantastisk runde opp av ulike responsive bilder teknikker, som angir deres respektive styrker og ulemper, som jeg anbefaler på det sterkeste.
Og til slutt tror jeg det jeg er mest interessert i å finne ut er hvordan en responsiv tilnærming kan forandre måten jeg styrer prosjektene mine på. For Boston Globe var det største skiftet for meg å vedta en mer samarbeidende tilnærming mellom designere og utviklere: understreke hurtig prototyping som et designverktøy, og la brukeren av nettstedet i forskjellige telefoner, nettbrett og nettlesere faktisk informere nettstedets design. Så hva ville en mer responsiv tilnærming til kravinnsamling se ut? En mer responsiv innholdsstrategi? De tekniske grunnleggende-fluidnettet, fleksible bilder og media-spørringer er egentlig bare en del av en mye større designprosess, en som jeg er veldig spent på å prøve å finne ut.
Jeg har lest mye Garret Keizers arbeid på sistone. Hans bok om støy var fantastisk, og jeg gråt åpent på t-banen da jeg leste hans siste essay om utdanning for Harpers magasin. (Tilgjengelig i bladet, men online for abonnenter.)
Jeg snakket litt mer visuelt, og oppdaget Dave Motts arbeid via Dribbble, og er i dyp smitt.
Jeg kan avslutte enhver tid jeg vil ok ja kanskje jeg burde bytte til enhjørning.
Accentsconagua