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. Art Lawry
  202. Kristofer Layon
  203. Tina Lee
  204. Sharon Lee
  205. Antoine Lefeuvre
  206. Jeff Lembeck
  207. Inayaili de Leon
  208. Debra Levin Gelman
  209. Matthew Levine
  210. Håkon Wium Lie
  211. Colin Lieberman
  212. Dave Linabury
  213. Margit Link-Rodrigue
  214. Mark Llobrera
  215. Ian Lloyd
  216. Paul Robert Lloyd
  217. Michael Lopp
  218. Rachel Lovinger
  219. Michael Lovitt
  220. Daniel Ludwin
  221. Jenn Lukas
  222. Erin Lynch
  223. Patrick Lynch
  224. Chris MacGregor
  225. Jeffrey MacIntyre
  226. Søren Madsen
  227. Dennis A. Mahoney
  228. Dan Mall
  229. Rosie Manning
  230. Ethan Marcotte
  231. Mat Marquis
  232. Samuel Marshall
  233. Lisa Maria Martin
  234. Cassie McDaniel
  235. Karen McGrane
  236. Elizabeth McGuane / Randall Snare
  237. Nellie McKesson
  238. Drew McLellan
  239. Pete McVicar
  240. Timothy Meaney
  241. Garann Means
  242. Shawn Medero
  243. Tim Meehan
  244. Aaron Mentele
  245. Erika Meyer
  246. Eric Meyer
  247. Bojan Mihelac
  248. Robert Miller
  249. Robin (roblimo) Miller
  250. David F. Miller
  251. Chris Mills
  252. Wilson Miner
  253. Craig Mod
  254. Cameron Moll
  255. Mike Monteiro
  256. Peter Morville
  257. Trenton Moss
  258. Lee Moyer
  259. Lyle Mullican
  260. Rebecca Murphey
  261. Tim Murtaugh
  262. Rachel Nabors
  263. Sarah B. Nelson
  264. Mark Newhouse
  265. Jorunn D. Newth
  266. Paul Novitski
  267. Matthew O'Neill
  268. George Oates
  269. Brandon Oelling
  270. Brandon Olejniczak
  271. George Olsen
  272. Ross Olson
  273. Mark Otto
  274. Nick Padmore
  275. Alan Pearce
  276. Jason Pearce
  277. Shane Pearlman
  278. Nathan Peretic
  279. Yesenia Perez-Cruz
  280. Dorian Peters
  281. Veronica Picciafuoco
  282. Mike Pick
  283. Jack Pickard
  284. Andy Polaine
  285. Christophe Porteneuve
  286. Joshua Porter
  287. Kevin Potts
  288. Derek Powazek
  289. Shelley Powers
  290. Till Quack
  291. Whitney Quesenbery
  292. Peter Quinsey
  293. Jim Ramsey
  294. Aza Raskin
  295. Jim Ray
  296. Our Gentle Readers
  297. Aaron Rester
  298. Sam Richard
  299. Stephanie Rieger
  300. Nick Rigby
  301. Matt Riggott
  302. Daniel Ritzenthaler
  303. Christopher Robbins
  304. Stuart Robertson
  305. Susan Robertson
  306. Rich Robinson
  307. D. Keith Robinson
  308. Jason Rodriguez
  309. Mike Rohde
  310. Pepi Ronalds
  311. Stewart Rosenberger
  312. Lou Rosenfeld
  313. Chris Ross-Gill
  314. Dave Rupert
  315. Andy Rutledge
  316. Richard Rutter
  317. Joseph Ryan
  318. Gian Sampson-Wild
  319. Jason Santa Maria
  320. Cédric Savarese
  321. Christopher Schmitt
  322. Adam Schumacher
  323. Erin Scime
  324. Paul Sciortino
  325. Thomas Scott
  326. Ryan Seddon
  327. Al Shaw
  328. Dave Shea
  329. Peter K Sheerin
  330. Robbie Shepherd
  331. Eric Shepherd
  332. Nick Sherman
  333. David Sherwin
  334. Daniel Short
  335. Kim Siever
  336. Amber Simmons
  337. Michael Slater
  338. David Sleight
  339. Kristin Smaby
  340. Jonathan Smiley
  341. Paul Smith
  342. Tim Smith
  343. Jonathan Snook
  344. Eric Sol
  345. Sara Soueidan
  346. Paul Sowden
  347. ALA Staff
  348. Ruth Stalker-Firth
  349. Russ Starke
  350. Alan Stearns
  351. Hallvord R.M. Steen
  352. Joe Di Stefano
  353. Bob Stein
  354. Krista Stevens
  355. Walter Stevenson
  356. Noah Stokes
  357. Greg Storey
  358. Brian Suda
  359. Rob Swan
  360. Lara Swanson
  361. Allen Tan
  362. Tyler Tate
  363. Olivier Thereaux
  364. Emmanuel King Turner
  365. Nick Usborne
  366. Marc van den Dobbelsteen
  367. Rian Van Der Merwe
  368. Bobby van der Sluis
  369. Roel Van Gils
  370. Jeffrey Veen
  371. David Verba
  372. Lea Verou
  373. Corey Vilhauer
  374. Sergio Villarreal
  375. Casper Voogt
  376. The W3C
  377. The W3C QA Group
  378. Sara Wachter-Boettcher
  379. waferbaby
  380. Aarron Walter
  381. Denice Warren
  382. Samantha Warren
  383. Dan Webb
  384. Rose Weisburd
  385. Yoav Weiss
  386. Mike West
  387. Brian Williams
  388. Christina Wodtke
  389. Carolyn--Wood
  390. Jeremy Wright
  391. Tim Wright
  392. Luke Wroblewski
  393. Mark Wyner
  394. Victor Yocco
  395. Indi Young
  396. Nicholas C. Zakas
  397. Jack Zeal
  398. Jeffrey Zeldman