A List Apart



Mat Marquis

Mat “Wilto” Marquis makes websites for a living at Bocoup and crashes his motorcycle for free on the streets of North Cambridge. Mat is Chair of the Responsive Issues 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

  • Why Responsive Images Matter

    Building enormous websites means us shifting the burden of our mistakes onto every single user that visits our site. It’s us saying that we’re willing to build something that isn’t for some users, because that’s most comfortable for us—no different from “best viewed in Internet Explorer 5.5” or “best viewed at 600x800,” but much more costly.

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