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.

Entries by Mat Marquis

  • 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. Michelle Kondou
  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. 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. Craig Hockenberry
  163. Robert Hoekman Jr.
  164. Andrew Hoffman
  165. Kevin M. Hoffman
  166. Lara Hogan
  167. Emma Jane Hogbin Westby
  168. Anthony Holdener
  169. Ryan Holsten
  170. Molly E. Holzschlag
  171. Sarah Horton
  172. Ross Howard
  173. Greg Hoy
  174. Bill Humphries
  175. Lachlan Hunt
  176. Mark Huot
  177. Ida Aalen
  178. Ryan Irelan
  179. Makiko Itoh
  180. Denise Jacobs
  181. Bob Jacobson
  182. Troy Janisch
  183. Scott Jehl
  184. Neil Jenkins
  185. Leslie Jensen-Inman
  186. L. Michelle Johnson
  187. Andrew Johnson
  188. Bronwyn Jones
  189. Glenn Jones
  190. Colleen Jones
  191. Natalie Jost
  192. Jonathan Kahn
  193. Laura Kalbag
  194. Chris Kaminski
  195. Harvey Kane
  196. Avinash Kaushik
  197. Jeremy Keith
  198. Scott Kellum
  199. Sally Kerrigan
  200. Alla Kholmatova
  201. Kate Kiefer Lee
  202. Crawford Kilian
  203. Andrew Kirkpatrick
  204. Greg Kise
  205. Erin Kissane
  206. Martin Kliehm
  207. Breandán Knowlton
  208. Thierry Koblentz
  209. Peter-Paul Koch
  210. Cameron Koczon
  211. Mattias Konradsson
  212. Jordan Koschei
  213. Nishant Kothary
  214. Jason Kottke
  215. Scott Kramer
  216. Michael Krisher
  217. Eric Krock
  218. Andrew Kuhar
  219. Olivier Lacan
  220. Keith LaFerriere
  221. wk lang
  222. Wren Lanier
  223. Simon St. Laurent
  224. Art Lawry
  225. Kristofer Layon
  226. Tina Lee
  227. Sharon Lee
  228. Antoine Lefeuvre
  229. Jeff Lembeck
  230. Inayaili de Leon
  231. Debra Levin Gelman
  232. Matthew Levine
  233. Håkon Wium Lie
  234. Colin Lieberman
  235. Dave Linabury
  236. Margit Link-Rodrigue
  237. Caren Litherland
  238. Mark Llobrera
  239. Ian Lloyd
  240. Paul Robert Lloyd
  241. Michael Lopp
  242. Rachel Lovinger
  243. Michael Lovitt
  244. Daniel Ludwin
  245. Jenn Lukas
  246. Erin Lynch
  247. Patrick Lynch
  248. Chris MacGregor
  249. Jeffrey MacIntyre
  250. Søren Madsen
  251. Dennis A. Mahoney
  252. Dan Mall
  253. Rosie Manning
  254. Ethan Marcotte
  255. Mat Marquis
  256. Samuel Marshall
  257. Lisa Maria Martin
  258. John Martz
  259. Cassie McDaniel
  260. Karen McGrane
  261. Elizabeth McGuane / Randall Snare
  262. Nellie McKesson
  263. Drew McLellan
  264. Mica McPheeters
  265. Pete McVicar
  266. Timothy Meaney
  267. Garann Means
  268. Shawn Medero
  269. Tim Meehan
  270. Aaron Mentele
  271. Erika Meyer
  272. Eric Meyer
  273. Justin Mezzell
  274. Bojan Mihelac
  275. Robert Miller
  276. Robin (roblimo) Miller
  277. David F. Miller
  278. Chris Mills
  279. Wilson Miner
  280. Craig Mod
  281. Cameron Moll
  282. Mike Monteiro
  283. Peter Morville
  284. Trenton Moss
  285. Lee Moyer
  286. Lyle Mullican
  287. Rebecca Murphey
  288. Tim Murtaugh
  289. Rachel Nabors
  290. Sarah B. Nelson
  291. Mark Newhouse
  292. Jorunn D. Newth
  293. Paul Novitski
  294. Matthew O'Neill
  295. George Oates
  296. Brandon Oelling
  297. Brandon Olejniczak
  298. George Olsen
  299. Ross Olson
  300. Mark Otto
  301. Nick Padmore
  302. Alan Pearce
  303. Jason Pearce
  304. Shane Pearlman
  305. Nathan Peretic
  306. Yesenia Perez-Cruz
  307. Dorian Peters
  308. Veronica Picciafuoco
  309. Mike Pick
  310. Jack Pickard
  311. Heydon Pickering
  312. Andy Polaine
  313. Christophe Porteneuve
  314. Joshua Porter
  315. Eric Portis
  316. Kevin Potts
  317. Derek Powazek
  318. Shelley Powers
  319. Till Quack
  320. Whitney Quesenbery
  321. Peter Quinsey
  322. Jim Ramsey
  323. Aza Raskin
  324. Jim Ray
  325. Our Gentle Readers
  326. Aaron Rester
  327. Sam Richard
  328. Stephanie Rieger
  329. Nick Rigby
  330. Matt Riggott
  331. Daniel Ritzenthaler
  332. Christopher Robbins
  333. Stuart Robertson
  334. Susan Robertson
  335. Rich Robinson
  336. D. Keith Robinson
  337. Jason Rodriguez
  338. Mike Rohde
  339. Pepi Ronalds
  340. Stewart Rosenberger
  341. Lou Rosenfeld
  342. Chris Ross-Gill
  343. Dave Rupert
  344. Andy Rutledge
  345. Richard Rutter
  346. Joseph Ryan
  347. Gian Sampson-Wild
  348. Jason Santa Maria
  349. Cédric Savarese
  350. Christopher Schmitt
  351. Adam Schumacher
  352. Erin Scime
  353. Paul Sciortino
  354. Thomas Scott
  355. Ryan Seddon
  356. Al Shaw
  357. Dave Shea
  358. Peter K Sheerin
  359. Robbie Shepherd
  360. Eric Shepherd
  361. Nick Sherman
  362. David Sherwin
  363. Daniel Short
  364. Kim Siever
  365. Amber Simmons
  366. Michael Slater
  367. David Sleight
  368. Kristin Smaby
  369. Jonathan Smiley
  370. Paul Smith
  371. Tim Smith
  372. Jonathan Snook
  373. Eric Sol
  374. Sara Soueidan
  375. Paul Sowden
  376. ALA Staff
  377. Ruth Stalker-Firth
  378. Russ Starke
  379. Alan Stearns
  380. Hallvord R.M. Steen
  381. Joe Di Stefano
  382. Bob Stein
  383. Krista Stevens
  384. Walter Stevenson
  385. Noah Stokes
  386. Elliot Stokes
  387. Greg Storey
  388. Brian Suda
  389. Rob Swan
  390. Allen Tan
  391. Tyler Tate
  392. Olivier Thereaux
  393. Drew Thomas
  394. Emmanuel King Turner
  395. Russ Unger
  396. Nick Usborne
  397. Santiago Valdarrama
  398. Marc van den Dobbelsteen
  399. Rian van der Merwe
  400. Bobby van der Sluis
  401. Roel Van Gils
  402. Jeffrey Veen
  403. David Verba
  404. Lea Verou
  405. Corey Vilhauer
  406. Sergio Villarreal
  407. Casper Voogt
  408. The W3C
  409. The W3C QA Group
  410. Sara Wachter-Boettcher
  411. waferbaby
  412. Aarron Walter
  413. Denice Warren
  414. Samantha Warren
  415. Dan Webb
  416. Eileen Webb
  417. Rose Weisburd
  418. Yoav Weiss
  419. Lisa Welchman
  420. Mike West
  421. Brian Williams
  422. Christina Wodtke
  423. Carolyn--Wood
  424. Jeremy Wright
  425. Tim Wright
  426. Luke Wroblewski
  427. Mark Wyner
  428. Victor Yocco
  429. Indi Young
  430. Nicholas C. Zakas
  431. Jack Zeal
  432. Jeffrey Zeldman
  433. Ping Zhu