We started this chapter admitting that our ultra-minimalistic UI/UX approach wouldn't work for a potentially shippable product that our Native Web Application should eventually become. Having acknowledged that fact, we added a LESS-based custom style sheet file to our project. Before doing that, for the benefit of those not familiar with the style sheet preprocessor approach, we spent some time enumerating some of the LESS main advantages.
Right after adding the first .less
file to our project, we had to choose between keeping Bootstrap, switching it for an alternative client-side framework such as Foundation or Pure, or adopting to a full do-it-yourself approach. We briefly enumerated some pros and cons of each alternative, then we opted for keeping Bootstrap 3, mostly because of its great mobile-friendly grid system and ease of use.
In an attempt to distinguish our SPA look and feel from the default Angular template we replaced the default bootstrap skin with a bootswatch theme:...