Fantastic improvement over the other site ScepticOverlord. A great clean and structured foundation to work on and improve for the future as well.
FontAwesome, minimal images etc. Good stuff! :-)
Edit, Quick notes:
1. The register new account page fields does not seem to work. When searching if the username exists, it returns "Object object" in the popup.
2. Cursor pointer seem to be missing off all buttons that are not a hrefs, but are controlled via _javascript. To fix, you could add cursor: pointer;
to the classes, so it feels like a clickable area, or use a href for all links for consistency in the code.
3. On account page, username appears in the field where the date format should appear.
4. On all text+icon buttons, it would feel more natural if they were connected, and as a whole were clickable, with the same hover effect. Rather than
just the icon being clickable and having hover.
5. The kind of strange alignment of the "toolbelt" kind of throws off the structure of the page a bit, and the box shadow throws off the otherwise
clean and flat style. It's one floating rounded box too much IMO. I'd go for something more like this:
i.imgur.com... (just modified
some css via Firebug).
6. Same for the social features section, a little bit of cleanup:
i.imgur.com... (here I'd suggest putting specific hover effects for
each icon. Icon color changes to white, square color to icon color)
7. When working with FontAwesome icons infront or behind text, you can get better text vs icon vertical alignment by adding something like
vertical-align: -0.1%; to the icons css.
8. On the frontpage, the .fadeFull div color is a bit lighter than the background, so it doesn't blend together perfectly. Currently CSS is:
linear-gradient(to bottom, rgba(48, 52, 56, 0) 0%,
#303438 100%) repeat scroll 0 0 transparent. The #303438 just needs to be changed to #282c30
to fix that. You can also just add "pointer-events: none;" to the div, so the text is still selectable with the cursor behind the fade.
9. On About ATS page, and other pages using large images on the left side, the background of those images are sometimes a bit lighter than the page
background, which throws off the feel. #303338 should be #282c30 on those.
10. In for example the "new" section or "archive" etc, on the icons on the right side, the hover effect changes the buttons border from 1px to 2px,
which makes the whole button jump on hover and it doesn't feel great.
Just some feedback of detail-polish.
Overall superb cleanup by the team of the mess that once was!
edit on 10-9-2013 by Paaaa because: (no reason given)