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. Mica McPheeters
  250. Pete McVicar
  251. Timothy Meaney
  252. Garann Means
  253. Shawn Medero
  254. Tim Meehan
  255. Aaron Mentele
  256. Erika Meyer
  257. Eric Meyer
  258. Justin Mezzell
  259. Bojan Mihelac
  260. Robert Miller
  261. Robin (roblimo) Miller
  262. David F. Miller
  263. Chris Mills
  264. Wilson Miner
  265. Craig Mod
  266. Cameron Moll
  267. Mike Monteiro
  268. Peter Morville
  269. Trenton Moss
  270. Lee Moyer
  271. Lyle Mullican
  272. Rebecca Murphey
  273. Tim Murtaugh
  274. Rachel Nabors
  275. Sarah B. Nelson
  276. Mark Newhouse
  277. Jorunn D. Newth
  278. Paul Novitski
  279. Matthew O'Neill
  280. George Oates
  281. Brandon Oelling
  282. Brandon Olejniczak
  283. George Olsen
  284. Ross Olson
  285. Mark Otto
  286. Nick Padmore
  287. Alan Pearce
  288. Jason Pearce
  289. Shane Pearlman
  290. Nathan Peretic
  291. Yesenia Perez-Cruz
  292. Dorian Peters
  293. Veronica Picciafuoco
  294. Mike Pick
  295. Jack Pickard
  296. Heydon Pickering
  297. Andy Polaine
  298. Christophe Porteneuve
  299. Joshua Porter
  300. Kevin Potts
  301. Derek Powazek
  302. Shelley Powers
  303. Till Quack
  304. Whitney Quesenbery
  305. Peter Quinsey
  306. Jim Ramsey
  307. Aza Raskin
  308. Jim Ray
  309. Our Gentle Readers
  310. Aaron Rester
  311. Sam Richard
  312. Stephanie Rieger
  313. Nick Rigby
  314. Matt Riggott
  315. Daniel Ritzenthaler
  316. Christopher Robbins
  317. Stuart Robertson
  318. Susan Robertson
  319. Rich Robinson
  320. D. Keith Robinson
  321. Jason Rodriguez
  322. Mike Rohde
  323. Pepi Ronalds
  324. Stewart Rosenberger
  325. Lou Rosenfeld
  326. Chris Ross-Gill
  327. Dave Rupert
  328. Andy Rutledge
  329. Richard Rutter
  330. Joseph Ryan
  331. Gian Sampson-Wild
  332. Jason Santa Maria
  333. Cédric Savarese
  334. Christopher Schmitt
  335. Adam Schumacher
  336. Erin Scime
  337. Paul Sciortino
  338. Thomas Scott
  339. Ryan Seddon
  340. Al Shaw
  341. Dave Shea
  342. Peter K Sheerin
  343. Robbie Shepherd
  344. Eric Shepherd
  345. Nick Sherman
  346. David Sherwin
  347. Daniel Short
  348. Kim Siever
  349. Amber Simmons
  350. Michael Slater
  351. David Sleight
  352. Kristin Smaby
  353. Jonathan Smiley
  354. Paul Smith
  355. Tim Smith
  356. Jonathan Snook
  357. Eric Sol
  358. Sara Soueidan
  359. Paul Sowden
  360. ALA Staff
  361. Ruth Stalker-Firth
  362. Russ Starke
  363. Alan Stearns
  364. Hallvord R.M. Steen
  365. Joe Di Stefano
  366. Bob Stein
  367. Krista Stevens
  368. Walter Stevenson
  369. Noah Stokes
  370. Elliot Stokes
  371. Greg Storey
  372. Brian Suda
  373. Rob Swan
  374. Lara Swanson
  375. Allen Tan
  376. Tyler Tate
  377. Olivier Thereaux
  378. Drew Thomas
  379. Emmanuel King Turner
  380. Nick Usborne
  381. Santiago Valdarrama
  382. Marc van den Dobbelsteen
  383. Rian van der Merwe
  384. Bobby van der Sluis
  385. Roel Van Gils
  386. Jeffrey Veen
  387. David Verba
  388. Lea Verou
  389. Corey Vilhauer
  390. Sergio Villarreal
  391. Casper Voogt
  392. The W3C
  393. The W3C QA Group
  394. Sara Wachter-Boettcher
  395. waferbaby
  396. Aarron Walter
  397. Denice Warren
  398. Samantha Warren
  399. Dan Webb
  400. Eileen Webb
  401. Rose Weisburd
  402. Yoav Weiss
  403. Mike West
  404. Brian Williams
  405. Christina Wodtke
  406. Carolyn--Wood
  407. Jeremy Wright
  408. Tim Wright
  409. Luke Wroblewski
  410. Mark Wyner
  411. Victor Yocco
  412. Indi Young
  413. Nicholas C. Zakas
  414. Jack Zeal
  415. Jeffrey Zeldman
  416. Ping Zhu