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