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