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