Why It’s Bulletproof

By stripping the example down to a core, semantic structure, we rebuilt the table using only the essential elements. Along the way, we increased the accessibility of the table while trimming the code down by a gigantic amount.

In addition, we were able to re-create the table’s stylish appearance using no images whatsoever, untangling the design from the markup and moving it over to CSS. Future updates to the design and/or data will be easier, and we won’t have to wade through dozens and dozens of extra table cells—cells that exist solely for the purpose of stylizing the table.