Back

NEW FORUM: Mobile & Responsive Design

#1
Please post any issues with the mobile device layout and/or the responsive design in this thread.

"Reponsive design" means that that content will adapt to smaller screens. Try resizing your browser.

On a sub 800 px display (eg. portrait on many tablets, or phones), you can read conversations in linear layout with the users and posts vertically stacked.

Most of the forum should be usable down to 480px wide.

Known issues:
- Opera mobile won't show the small font-based icons

Change Log

Nov 26
  • YouTube video URLs are now auto-embedded after posting/editing. Simply use the link bbcode or some other surrounding bbcode to force a standard link.
  • Improved header, logo and ad layout for mobile (hide username to save space, padding around the logo and ad)
  • Optimized layout of long pagination and Tweet button for mobile

Nov 24
  • Improved performance of the YouTube video embeds so threads with lots of videos load fast even on mobile

Nov 23
  • "Chinese & Hanzi" forum activity included in Recent Topics list
  • Changed language of "Reputation" to "Thanks"
  • Improved layout of the Thanks / Like page ( example )

Nov 21
  • Added Tweet button on index and topic pages. Share the topics you like and help the forum grow!
  • Improved layout of "Recent topics" title & "New Topic" button for < 600px
  • Improved Member List layout a bit

Nov 20
  • Added "Mark All Forums Read" link to Recent topics header
  • Improved the "Mark forum read" / "Subscribe" placement & spacing for < 700 px

Nov 19
  • Styling / spacing of the quick edit Save / Cancel buttons
  • Fixed / prettified layout of Private Messages' read view
  • Fixed / prettified layout of "Full Edit" option for posts

Nov 18
  • Solved (removed) the small gutter (horizontal scroll) in mobile layout (< 800 px)
  • Made Subscribe / Print View / Email Thread links more spaced out on < 800px (tap targets)
Edited: 2015-11-26, 12:35 pm
Reply

Messages In This Thread
NEW FORUM: Mobile & Responsive Design - by ファブリス - 2015-11-15, 1:23 pm
RE: NEW FORUM: Responsive Design - by Bokusenou - 2015-11-15, 9:42 pm
RE: NEW FORUM: Responsive Design - by s0apgun - 2015-11-16, 3:40 am
RE: NEW FORUM: Responsive Design - by Bokusenou - 2015-11-17, 12:34 am
RE: NEW FORUM: Responsive Design - by Bokusenou - 2015-11-18, 11:31 am
RE: NEW FORUM: Responsive Design - by tokyostyle - 2015-11-19, 9:48 pm
RE: NEW FORUM: Responsive Design - by tokyostyle - 2015-11-20, 10:23 pm
RE: NEW FORUM: General feedback - by Bokusenou - 2015-11-22, 4:25 am