A List Apart



Mat Marquis

Mat “Wilto” Marquis makes websites for a living at Bocoup and crashes his motorcycle for free on the streets of North Cambridge. Mat is Chair of the Responsive Issues Community Group, technical editor at A List Apart, and a former member of the jQuery Mobile team. Mat has finished Mega Man 2—on difficult—without losing a single life. He’s probably flipping out about something on Twitter as we speak.

Entries by Mat Marquis

  • Why Responsive Images Matter

    Building enormous websites means us shifting the burden of our mistakes onto every single user that visits our site. It’s us saying that we’re willing to build something that isn’t for some users, because that’s most comfortable for us—no different from “best viewed in Internet Explorer 5.5” or “best viewed at 600x800,” but much more costly.

  • Testing Responsive Images

    At long last, the native picture element isn’t just coming: it’s here. The picture element has landed in Canary—Google’s “beta” channel for upcoming Chrome releases—and we can try it out for ourselves right now. Now, we need to test it out, look for bugs, and file issues.

  • Bringing Responsive Images to Browsers

    After almost three years in pursuit of a standardized solution to the problem of responsive images, the Responsive Images Community Group is excited to announce that the picture element is officially coming to a browser near you. Once it lands, we’ll see the trend toward massive, bandwidth-heavy responsive websites begin to slow—and hopefully, reverse—over time.

  • A Q&A on the Picture Element

    The revival of the picture element—the responsive images proposal that has seen the most support from the developer community—is exciting news, but there are still some outstanding questions about how the element will really work. Marcos Caceres and Yoav Weiss have put countless hours into the Responsive Images Community Group’s efforts, and are now working toward picture implementations in Firefox and Chrome, respectively. Mat Marquis asked them some questions.

  • Pattern Library Security Vulnerability

    If you’re running a version of the ALA pattern library that’s more than a few weeks old on a public server, please update it right away.

  • A List Together

    Issue 388 · 

    A List Apart gets back to its roots: building community, giving a platform to new voices, and getting people excited about the web. We’re making changes to the way we work—starting with our decision to open-source the code that powers alistapart.com itself—and we want you to participate. Our Mat Marquis invites you to contribute code and concepts via GitHub, get to know our acquisition scouts, and use ALA and its editors to share your ideas and insights with the whole web design and development community.

  • Paul Irish on Chrome Moving to Blink

    The dust has begun to settle after Google’s announcement that Chrome would soon be using their own divergent fork of WebKit as a rendering engine. Now that things have calmed down a bit, I’ve asked Paul Irish to share some of the Chrome team’s plans for the near future.

  • Embeddable Comments? Yes, Please.

    Just like tweets, you can now embed ALA comments anywhere you like. This is one of those features that we’ve been wanting for our own purposes, and then we figured: as long as we’re building it, let’s give everyone the ability to embed comments.

  • Bruce Lawson on Opera’s Move to WebKit

    This morning’s announcement that Opera intends to abandon its Presto rendering engine has left designers and developers with a number of questions. I sent a few over to Opera’s Bruce Lawson to shed a little light on the situation.

  • Responsive Images and Web Standards at the Turning Point

    Issue 351 · 

    Responsible responsive design demands responsive images, images whose dimensions and file size suit the viewport and bandwidth of the receiving device. As HTML provides no standard element to achieve this purpose, serving responsive images has meant using JavaScript trickery, and accepting that your solution will fail for some users. Then a few months ago, in response to an article here, a W3C Responsive Images Community Group formed, and proposed a simple-to-understand HTML picture element capable of serving responsive images. The group even delivered picture functionality to older browsers via two polyfills: namely, Scott Jehl's Picturefill and Abban Dunne's jQuery Picture. The WHATWG has responded by ignoring the community's work on the picture element, and proposing a more complicated img set element. Which proposed standard is better, and for whom? Which will win? And what can you do to help avert an "us versus them" crisis that could hurt end-users and turn developers off to the standards process? ALA's own Mat Marquis explains the ins and outs of responsive images and web standards at the turning point.

  • Responsive Images: How they Almost Worked and What We Need

    Issue 343 · 

    With a mobile-first responsive design approach, if any part of the process breaks down, your user can still receive a representative image and avoid an unnecessarily large request on a device that may have limited bandwidth. But with several newer browsers implementing an "image prefetching" feature that allows images to be fetched before parsing the document's body, some of the web's brightest developers are abandoning responsive images in favor of user agent detection, at least as a temporary solution. For us standardistas, UA detection leaves a bad taste in the mouth. More importantly, as the number and kinds of devices continue to grow, UA detection will quickly become untenable—just as browser detection did back in the bad old days before web standards. What's really needed, argues Mat Marquis, is a new markup element that works the way the HTML5 video element works. Sound crazy? So crazy it just might work.

Browse Authors

  1. Lea Alcantara
  2. Dean Allen
  3. John Allsopp
  4. Pär Almqvist
  5. Joe Alterio
  6. Brian Alvey
  7. Stephen P. Anderson
  8. Rachel Andrew
  9. Jake Archibald
  10. Chris Armstrong
  11. Lance Arthur
  12. Faruk Ateş
  13. Peter Balogh
  14. Dan Benjamin
  15. Scott Berkun
  16. David Berlow
  17. Mark Bernstein
  18. Carrie Bickner
  19. Kate Bingaman-Burt
  20. Mark Birbeck
  21. Alex Bischoff
  22. Niklas Bivald
  23. Margot Bloomstein
  24. Jason Blumer
  25. Nate Bolt
  26. Jina Bolton
  27. Scott Boms
  28. Bert Bos
  29. Maurizio Boscarol
  30. Mark Boulton
  31. Cennydd Bowles
  32. Douglas Bowman
  33. Wayne Bremser
  34. Harry Brignull
  35. Ryan Brill
  36. Mike Brittain
  37. Mandy Brown
  38. Sunni Brown
  39. Tiffany B. Brown
  40. Marlene Bruce
  41. Laura Brunow Miner
  42. Carlos Bueno
  43. Paul Burton
  44. Jim Byrne
  45. Marcos Caceres
  46. Jeffery Callender
  47. Lachlan Cannon
  48. Michael Cardenas
  49. Norm Carr
  50. Ryan Carson
  51. Lawrence Carvalho
  52. Elizabeth Castro
  53. Dan Cederholm
  54. Tantek Çelik
  55. Steve Champeon
  56. Caio Chassot
  57. Jack Cheng
  58. Kevin Cheng
  59. Dana Chisnell
  60. James Christie
  61. Joe Clark
  62. Chris Clark
  63. Andrew Clarke
  64. Josh Cleland
  65. Curt Cloninger
  66. Geri Coady
  67. Scott Jason Cohen
  68. Michael Cohen
  69. Georgy Cohen
  70. Anthony Colangelo
  71. Brad Colbow
  72. Simon Collison
  73. Angela Colter
  74. Marie Connelly
  75. Craig Cook
  76. Patrick Cooney
  77. Stacey Cordoni
  78. Kevin Cornell
  79. Amanda Costello
  80. Jim Coudal
  81. Nick Cox
  82. Brian Crescimanno
  83. Jeff Croft
  84. Shaun Crowley
  85. Liz Danzico
  86. Anil Dash
  87. Justin Dauer
  88. Glenn Davis
  89. Anna Debenham
  90. David Demaree
  91. Shane Diffily
  92. Geoff DiMasi
  93. Nick Disabato
  94. Hannah Donovan
  95. Nandini Doreswamy
  96. Seth Duffey
  97. Jeff Eaton
  98. James Edwards
  99. J. David Eisenberg
  100. James Ellis
  101. Jessica Enders
  102. Bjørn Enki
  103. Elika Etemad
  104. Christopher Fahey
  105. Todd Fahrner
  106. Dug Falby
  107. Derek Featherstone
  108. Scott Fennell
  109. Andrew Fernandez
  110. John Ferrara
  111. Alex Feyerke
  112. Nick Finck
  113. Richard Fink
  114. Detlev Fischer
  115. Jonathan Follett
  116. Shoshannah L. Forbes
  117. Nathan Ford
  118. Clinton Forry
  119. Dean Frickey
  120. Daniel M. Frommelt
  121. Brad Frost
  122. Lyza Danger Gardner
  123. Steven Garrity
  124. Peter Gasston
  125. John Gladding
  126. Porter Glendinning
  127. Kevin Goldman
  128. Brian Goldman
  129. Devan Goldstein
  130. Jeff Gothelf
  131. R. Stephen Gracey
  132. Adam Greenfield
  133. Matt Griffin
  134. Patrick Griffiths
  135. John M. Grohol
  136. Tobias Günther
  137. Aaron Gustafson
  138. Andy Hagans
  139. Young Hahn
  140. Erika Hall
  141. Kristina Halvorson
  142. Naz Hamid
  143. Matthew Haughey
  144. Stephen Hay
  145. Steph Hay
  146. Julia Hayden
  147. Dominique Hazaël-Massieux
  148. Val Head
  149. Christian Heilmann
  150. Hal Helms
  151. Ben Henick
  152. Alan Herrell
  153. Lisa Herrod
  154. Whitney Hess
  155. Perry Hewitt
  156. Jenny Lam / Hillel Cooperman
  157. Craig Hockenberry
  158. Robert Hoekman Jr.
  159. Andrew Hoffman
  160. Kevin M. Hoffman
  161. Emma Jane Hogbin Westby
  162. Anthony Holdener
  163. Ryan Holsten
  164. Molly E. Holzschlag
  165. Sarah Horton
  166. Ross Howard
  167. Greg Hoy
  168. Bill Humphries
  169. Lachlan Hunt
  170. Mark Huot
  171. Ryan Irelan
  172. Makiko Itoh
  173. Denise Jacobs
  174. Bob Jacobson
  175. Troy Janisch
  176. Scott Jehl
  177. Neil Jenkins
  178. Leslie Jensen-Inman
  179. L. Michelle Johnson
  180. Bronwyn Jones
  181. Glenn Jones
  182. Colleen Jones
  183. Natalie Jost
  184. Jonathan Kahn
  185. Laura Kalbag
  186. Chris Kaminski
  187. Harvey Kane
  188. Avinash Kaushik
  189. Jeremy Keith
  190. Scott Kellum
  191. Sally Kerrigan
  192. Alla Kholmatova
  193. Kate Kiefer Lee
  194. Crawford Kilian
  195. Andrew Kirkpatrick
  196. Greg Kise
  197. Erin Kissane
  198. Martin Kliehm
  199. Breandán Knowlton
  200. Thierry Koblentz
  201. Peter-Paul Koch
  202. Cameron Koczon
  203. Mattias Konradsson
  204. Jordan Koschei
  205. Nishant Kothary
  206. Jason Kottke
  207. Scott Kramer
  208. Michael Krisher
  209. Eric Krock
  210. Andrew Kuhar
  211. Olivier Lacan
  212. Keith LaFerriere
  213. wk lang
  214. Wren Lanier
  215. Simon St. Laurent
  216. Art Lawry
  217. Kristofer Layon
  218. Tina Lee
  219. Sharon Lee
  220. Antoine Lefeuvre
  221. Jeff Lembeck
  222. Inayaili de Leon
  223. Debra Levin Gelman
  224. Matthew Levine
  225. Håkon Wium Lie
  226. Colin Lieberman
  227. Dave Linabury
  228. Margit Link-Rodrigue
  229. Mark Llobrera
  230. Ian Lloyd
  231. Paul Robert Lloyd
  232. Michael Lopp
  233. Rachel Lovinger
  234. Michael Lovitt
  235. Daniel Ludwin
  236. Jenn Lukas
  237. Erin Lynch
  238. Patrick Lynch
  239. Chris MacGregor
  240. Jeffrey MacIntyre
  241. Søren Madsen
  242. Dennis A. Mahoney
  243. Dan Mall
  244. Rosie Manning
  245. Ethan Marcotte
  246. Mat Marquis
  247. Samuel Marshall
  248. Lisa Maria Martin
  249. John Martz
  250. Cassie McDaniel
  251. Karen McGrane
  252. Elizabeth McGuane / Randall Snare
  253. Nellie McKesson
  254. Drew McLellan
  255. Mica McPheeters
  256. Pete McVicar
  257. Timothy Meaney
  258. Garann Means
  259. Shawn Medero
  260. Tim Meehan
  261. Aaron Mentele
  262. Erika Meyer
  263. Eric Meyer
  264. Justin Mezzell
  265. Bojan Mihelac
  266. Robert Miller
  267. Robin (roblimo) Miller
  268. David F. Miller
  269. Chris Mills
  270. Wilson Miner
  271. Craig Mod
  272. Cameron Moll
  273. Mike Monteiro
  274. Peter Morville
  275. Trenton Moss
  276. Lee Moyer
  277. Lyle Mullican
  278. Rebecca Murphey
  279. Tim Murtaugh
  280. Rachel Nabors
  281. Sarah B. Nelson
  282. Mark Newhouse
  283. Jorunn D. Newth
  284. Paul Novitski
  285. Matthew O'Neill
  286. George Oates
  287. Brandon Oelling
  288. Brandon Olejniczak
  289. George Olsen
  290. Ross Olson
  291. Mark Otto
  292. Nick Padmore
  293. Alan Pearce
  294. Jason Pearce
  295. Shane Pearlman
  296. Nathan Peretic
  297. Yesenia Perez-Cruz
  298. Dorian Peters
  299. Veronica Picciafuoco
  300. Mike Pick
  301. Jack Pickard
  302. Heydon Pickering
  303. Andy Polaine
  304. Christophe Porteneuve
  305. Joshua Porter
  306. Eric Portis
  307. Kevin Potts
  308. Derek Powazek
  309. Shelley Powers
  310. Till Quack
  311. Whitney Quesenbery
  312. Peter Quinsey
  313. Jim Ramsey
  314. Aza Raskin
  315. Jim Ray
  316. Our Gentle Readers
  317. Aaron Rester
  318. Sam Richard
  319. Stephanie Rieger
  320. Nick Rigby
  321. Matt Riggott
  322. Daniel Ritzenthaler
  323. Christopher Robbins
  324. Stuart Robertson
  325. Susan Robertson
  326. Rich Robinson
  327. D. Keith Robinson
  328. Jason Rodriguez
  329. Mike Rohde
  330. Pepi Ronalds
  331. Stewart Rosenberger
  332. Lou Rosenfeld
  333. Chris Ross-Gill
  334. Dave Rupert
  335. Andy Rutledge
  336. Richard Rutter
  337. Joseph Ryan
  338. Gian Sampson-Wild
  339. Jason Santa Maria
  340. Cédric Savarese
  341. Christopher Schmitt
  342. Adam Schumacher
  343. Erin Scime
  344. Paul Sciortino
  345. Thomas Scott
  346. Ryan Seddon
  347. Al Shaw
  348. Dave Shea
  349. Peter K Sheerin
  350. Robbie Shepherd
  351. Eric Shepherd
  352. Nick Sherman
  353. David Sherwin
  354. Daniel Short
  355. Kim Siever
  356. Amber Simmons
  357. Michael Slater
  358. David Sleight
  359. Kristin Smaby
  360. Jonathan Smiley
  361. Paul Smith
  362. Tim Smith
  363. Jonathan Snook
  364. Eric Sol
  365. Sara Soueidan
  366. Paul Sowden
  367. ALA Staff
  368. Ruth Stalker-Firth
  369. Russ Starke
  370. Alan Stearns
  371. Hallvord R.M. Steen
  372. Joe Di Stefano
  373. Bob Stein
  374. Krista Stevens
  375. Walter Stevenson
  376. Noah Stokes
  377. Elliot Stokes
  378. Greg Storey
  379. Brian Suda
  380. Rob Swan
  381. Lara Swanson
  382. Allen Tan
  383. Tyler Tate
  384. Olivier Thereaux
  385. Drew Thomas
  386. Emmanuel King Turner
  387. Russ Unger
  388. Nick Usborne
  389. Santiago Valdarrama
  390. Marc van den Dobbelsteen
  391. Rian van der Merwe
  392. Bobby van der Sluis
  393. Roel Van Gils
  394. Jeffrey Veen
  395. David Verba
  396. Lea Verou
  397. Corey Vilhauer
  398. Sergio Villarreal
  399. Casper Voogt
  400. The W3C
  401. The W3C QA Group
  402. Sara Wachter-Boettcher
  403. waferbaby
  404. Aarron Walter
  405. Denice Warren
  406. Samantha Warren
  407. Dan Webb
  408. Eileen Webb
  409. Rose Weisburd
  410. Yoav Weiss
  411. Mike West
  412. Brian Williams
  413. Christina Wodtke
  414. Carolyn--Wood
  415. Jeremy Wright
  416. Tim Wright
  417. Luke Wroblewski
  418. Mark Wyner
  419. Victor Yocco
  420. Indi Young
  421. Nicholas C. Zakas
  422. Jack Zeal
  423. Jeffrey Zeldman
  424. Ping Zhu