UI overhaul - Githubissues

enewe101 commented 9 years ago

(this subsumes issues #40 and #43 ) We're going to overhaul the UI to encorporate feedback and ideas that have accrued since our initial alpha release. Some of the things that will be incorporated:

Responsive phone-friendly design
A much simpler header, probably not position:fixed, eliminating most of the "buttons" and links that are too confusing
Predominance given to content on the front page. Viewing the featured issue will be the main call to action
A vertical scrolling front page. The first layer is focused on content as mentioned in last bullet. Next layer focuses on describing how, and has a call for contribution
Larger, clearer text in the issues themselves
A less ambiguous presentation of reputation scores next to avatars

enewe101 commented 9 years ago

Just a note to recall that we were thinking about using http://purecss.io/ in issue #43 ...

enewe101 commented 9 years ago

UI has been refreshed using responsive layout techniques. Front page drastically simplified. Also, I <3 css media queries.

I am noticing a bug when I view it on my phone though, which is probably not a difficult fix. I'll open that as a new issue.

mlhuish commented 9 years ago

Beautiful!! Great job! Glad you sorted out the media queries. Responsiveness is a much simpler issue to fix than I previously thought.

On Sun, Mar 22, 2015 at 1:10 PM, enewe101 notifications@github.com wrote:

UI has been refreshed using responsive layout techniques. Front page drastically simplified. Also, I <3 css media queries.

I am noticing a bug when I view it on my phone though, which is probably not a difficult fix. I'll open that as a new issue.

— Reply to this email directly or view it on GitHub https://github.com/enewe101/digidemo/issues/63#issuecomment-84656106.

enewe101 commented 9 years ago

yeah, I was surprised, when I started to dig into how pure was doing it. They're doing some pretty fancy stuff behind the scenes though too, I think to get pixel-perfect consistent display across browsers. But yeah, for most cases it seems like media queries is all you need! On Mar 22, 2015 6:48 PM, "Ange" notifications@github.com wrote:

Beautiful!! Great job! Glad you sorted out the media queries. Responsiveness is a much simpler issue to fix than I previously thought.

On Sun, Mar 22, 2015 at 1:10 PM, enewe101 notifications@github.com wrote:

UI has been refreshed using responsive layout techniques. Front page drastically simplified. Also, I <3 css media queries.

I am noticing a bug when I view it on my phone though, which is probably not a difficult fix. I'll open that as a new issue.

— Reply to this email directly or view it on GitHub https://github.com/enewe101/digidemo/issues/63#issuecomment-84656106.

— Reply to this email directly or view it on GitHub https://github.com/enewe101/digidemo/issues/63#issuecomment-84726493.

enewe101 / digidemo

UI overhaul #63