Responsive Tables in Pure CSS

We recently overhauled our payment statement tables for mobile web in Merchant Center. Our goal was to meet the following requirements:

  • No javascript. You can find all sorts of plugins to but it’s nice to go with a pure CSS solution if at all possible.
  • The text must be localized so no storing plain text in the stylesheets, nullifying Chris Coyer’s recommendation though the end result is built upon his idea. Plus it’s nice to keep the content in the views where it belongs.
  • No adjusting the font-size to 8px and cramming everything in 🙂

via Responsive Tables in Pure CSS – LivingSocial’s Technology Blog.

FormFactor

This site gives you piecemeal snippets to build your own form library. For that reason, there is no Download button anywhere. Maintain and optimize your CSS the way you need to; only use what’s needed. ~ FormFactor

Flakes • An Admin UI & Template Framework

Building a backend business app? The Flakes framework looks like a great starting place for your interface designs:

Flakes is an Open Source Design & Frontend Framework that serves as a foundation for internal business applications. Flakes is a combination of CSS Libraries, JavaScript Libraries and Design files that serve as a foundation. Flakes gives priority to function and usability over glitz, it takes a no-nonsense approach to user interface design. ~ Flakes • An Admin UI & Template Framework