I'm very excited about your new site design. When I'm gaming, I'm mostly doing lookups on my phone or tablet, and the old site design was very difficult to work with on such devices. The new design not only improves my experiences on those devices, but it looks and works better on desktops and laptops better as well. Of course, this is all personal preference, but overall I am quite pleased.
Thank you very much for all the work that went into implementing this new design.
I do have a critique however. I noticed that it's been discussed that working with tables on touch/mobile devices is a bit of an issue and that some work has been put into improving this. If I may, I'd like to suggest my preferred solution.
Currently, iScroll Lite is being used to make working with the tables on smaller screens and touch devices more friendly. While it does work for that, there is a big price to pay for this. Since iScroll has to monitor most of the events on the page, it comes at a high performance cost which increases with the amount of content on the page.
My Moto X is a powerful phone, yet even it lags .5-1 second each time it is asked to scroll a large page on the site (take any class page as a good example). This makes interaction very difficult as you have to wait for the page to scroll after making the motion. This cost also slows down the redraws, causing text to look very blurry for a moment after doing a large scroll.
iScroll can clearly be seen as the culprit since removing it from the page causes the content to smoothly scroll with no perceptible latency and with minimal redraw issues on touch devices.
I'd like to see iScroll removed as it will greatly reduce the performance cost of each page. Since .wrapper is set to overflow:hidden, this will need to be updated to overflow:scroll. Here is how such a setup will be different on specific devices when a table overflows the available space:
Touch Devices:
Pros - Faster performance. Tables can still be moved around using drag interactions.
Cons - None.
Non-Touch Devices:
Pros - Faster performance (possibly a moot point for most devices). Tables can now be scrolled using the mouse wheel (even though the JS specifically enabled this feature, iScroll Lite does not support it).
Cons - Appearance of OS-specific scrollbars could negatively impact the design aesthetic. Can no longer drag contents to scroll.
The reality is that devices do a very good job of interacting with overflowing content using the interfaces that they offer: Scrollbars, mouse wheel, and multi-touch touchpads on non-touch devices and drag events on touch devices. With the current approach, some of these normal interactions break (such as forcing touch-style interactions on non-touch devices) and normal visual cues that additional content is available are removed (such as scrollbars). I know that this was likely done for design purposes, but I think that the performance issues outweighs the design considerations.