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