bestofjs/bestofjs-weekly

UI Improvements: Responsive Design and Navigation Menu

michaelrambeau opened this issue · 1 comments

Responsive Design issues

Some improvements to do on mobile screens:

  • Fix the "Sign Up" block, the button is not displayed correctly. On mobiles we could remove the margin around the white block to save space
  • Fix the "Previous" and "Next" link on mobiles. Maybe we could dispay only the icon, not the text on mobiles

image

Add a navigation menu?

I think we need a navigation menu to easily go the the LATEST issue, from the top of the screen.

  • On the left: bestofjs.org logo should be linked to the the main application, I think
  • On the right, there could 2 or 3 menu items: "HOME" | "LATEST" | "ARCHIVES", like in http://javascriptweekly.com/ maybe?

Layout adjustments made after the issue number 10

A menu has been updated added in the header:

image

The subscription block layout on mobiles has been fixed:

image