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