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

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