A List Apart



Mat Marquis

Mat “Wilto” Marquis writes code for a living at Filament Group in Boston and crashes his motorcycle for free on the streets of North Cambridge. Mat is Chair of the Responsive Images 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

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