A List Apart



Mat Marquis

Mat Marquis tweets prolifically, makes websites for a living at Bocoup, and chairs the Responsive Issues Community Group. He’s also a technical editor at A List Apart and a former member of the jQuery Mobile team.

Contributions by Mat Marquis

  • Designing for Performance: Can We Have it All?

    Everyone wants sites that are responsive, beautiful, and fast. Do we need to make tradeoffs? And whose job is performance, anyway? In this event from February 26, 2015, we asked a panel of designers and developers from both in-house and agency teams to share their stories, strategies, and case studies. Watch the video or read the transcript here.

  • 10 Years Ago in ALA: Attribute Anarchy

    A decade ago here in A List Apart, we published a radical article by Peter-Paul Koch arguing for custom attributes in markup. Today, Mat Marquis takes a look back at how times have changed, and shows how PPK’s idea has worked its way into the web.

  • A List Apart: On Air

    Ready for something new? We're excited to announce ALA: On Air, community-focused events where our readers can get to know our authors, staff, and others who are shaking up our industry. Mat Marquis shares all the details, and has specifics on our first event, Designing for Performance, coming up on February 26.

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