QOL Dashboard be Bootstrap-ed!
The problem with having an app written a year before it is needed is that every time I take a look at it after a few months absence I want to toss it and do it over again.
Part of it is development tools and techniques are always changing, but the larger part is my brain changes over time (+/- delta on that is debatable). This bit by Jeff Atwood sums it up nicely:
In fact, I think you can tell a competent software developer from an incompetent one with a single interview question:
What’s the worst code you’ve seen recently?
If their answer isn’t immediately and without any hesitation these two words:
Then you should end the interview immediately.
The worst code I have ever seen is the code I wrote six months ago. As long as you can always say that as a developer, you will do fine. But I digress.
A fresh look at the Quality of Life Dashboard left me somewhat horrified. It was the ubiquitous sidebar + map taking up 3/4 of the page I-wanna-look-like-ArcMap layout. The map really isn’t the thing for this site (gasp!). It is ancillary. Combine that with my recent unbridled love-fest with Bootstrap and it was time for an overhaul.
- Built with Bootstrap. The only exception is the autocomplete, which is still jQuery UI. Bootstrap handles responsive design so well I barely had to touch anything to get it to go from PC to tablet to phone. I built my own kinda-collapsible with jQuery (like ~5 lines of code) so it would all go in the sidebar with non-collapsible links.
- Out with Google, in with Leaflet. That gives me more choroplething buckets and...
- The neighborhood layer is now GeoJSON, which combined with leaflet lets you do easy on-the-fly hover/selection/choroplething.