View topic - Modernising this site



All times are UTC + 1 hour


Post new topic Reply to topic  [ 38 posts ]  Go to page Previous  1, 2
Author Message
PostPosted: 23 Oct 2011, 20:20 
Spring Developer
User avatar

Joined: 22 Sep 2007, 08:51
that worked for me


Top
 Offline Profile  
 
PostPosted: 23 Oct 2011, 20:37 
Lua Coder
User avatar

Joined: 20 Feb 2007, 01:10
Had that too, twice (different PCs). Reload fixed it though.


Top
 Offline Profile  
 
PostPosted: 24 Oct 2011, 04:04 
Zero-K Developer
User avatar

Joined: 10 Sep 2008, 02:11
Location: Bayesian space monkeys
After flushing cache, the differences are minimal! :D

Suggestion: Could you work on making the site mobile-friendly next, AF?

EDIT: a quick google brings up http://phpbb-mobile.com/forums/


Top
 Offline Profile  
 
PostPosted: 24 Oct 2011, 07:34 
Spring Developer
User avatar

Joined: 22 Sep 2007, 08:51
if i remember right, AF stated that that was his plan from the beginning.


Top
 Offline Profile  
 
PostPosted: 24 Oct 2011, 20:53 
AI Coder
User avatar

Joined: 14 Sep 2004, 10:32
Location: Cookieland
MidKnight wrote:
After flushing cache, the differences are minimal! :D

Suggestion: Could you work on making the site mobile-friendly next, AF?

EDIT: a quick google brings up http://phpbb-mobile.com/forums/



It's already significantly more mobile friendly than previously, and easier to maintain, the main page relays itself out all the way down to iPhone portrait.

There are some changes that would be needed for the forums, mainly adding the viewport tag.

Otherwise this version of the site is just the old site with partially refreshed markup/css.



Next iteration I'll be removing the roflcopter credit and replacing it to a link into the wiki if nobody objects. He's not the only person who's worked on this site, myself Fnordia jk Tobi etc


Top
 Offline Profile  
 
PostPosted: 28 Oct 2011, 14:49 
AI Coder
User avatar

Joined: 14 Sep 2004, 10:32
Location: Cookieland
New pull request:

https://github.com/spring/spring-website/pull/9

  • iPhone/iPad viewport tags added to the forums
  • stylesheets can now be referred to via stylesv<insertnumberhere>.css so that browser caches can be sidestepped when changes are made

This should fix the browser cache issues people have had with needing to force refresh cache


Top
 Offline Profile  
 
PostPosted: 28 Oct 2011, 19:07 
Spring Developer

Joined: 01 Jun 2005, 10:36
Location: The Netherlands
Nice, merged & deployed.


Top
 Offline Profile  
 
PostPosted: 28 Oct 2011, 19:38 
Zero-K Developer
User avatar

Joined: 10 Sep 2008, 02:11
Location: Bayesian space monkeys
Smexy.

Still needs some polish, though.

Posting from my phone. 8)


Top
 Offline Profile  
 
PostPosted: 28 Oct 2011, 20:17 
AI Coder
User avatar

Joined: 14 Sep 2004, 10:32
Location: Cookieland
Indeed the forum is still too wide but not by much, and the columns are too squashed in portrait, but its better than previously.

The wiki also needs the iPhone viewport tags


Top
 Offline Profile  
 
PostPosted: 01 Nov 2011, 03:05 
Content Developer
User avatar

Joined: 13 Jan 2005, 00:46
Location: You are going to die anyway, hurry up and do it.
I liked the forum before for iphone. Now it is terribly zoomed in so I have to zoom out each time.


Top
 Offline Profile  
 
PostPosted: 01 Nov 2011, 15:38 
Content Developer
User avatar

Joined: 13 Jan 2005, 00:46
Location: You are going to die anyway, hurry up and do it.
anyone?

Seriously, I pretty much browse on my phone these days, the new phone theme is a royal pain in the ass to use. The over specialized landscape profile is turrible!


Top
 Offline Profile  
 
PostPosted: 01 Nov 2011, 19:20 
AI Coder
User avatar

Joined: 14 Sep 2004, 10:32
Location: Cookieland
The only, and I mean only change that affects the forums is the iPhone viewport tag ( which only changes the width). The header is the only thing affected by the media queries. So no overspecialising has occurred, if anything all the forum affecting changes can be attributed to this tag:

Code:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">


The mark up and styling of the PHPBB forum itself has not changed, what you are seeing is the existing layout being squashed into the real iPhone screen width.

Now I'm aware that this isn't ideal when looking at the forum index. So you have two choices:

  • Wait until I start making changes to streamline the forums (e.g. smaller icons, less padding in some places to save horizontal width etc)
  • Fork the springsite repo on github, change 5 or 6 characters so the iPhone viewport tag is say... 600px on the forums, rather than device screen width, then commit and issue a pull request ( all doable from the github web frontend, no push/pull/desktop client required. )

My time at work is booked at the moment and I've had freelance work of an evening for the last few days so I've not had a chance to work further on these things, else I would have made progress.

The width at which the forum no longer shrinks and requires panning or zooming is ~552px on a desktop for most pages. On an iPhone, the forum retains this width and panning to the right is needed, or zooming out ( which gives what we had to begin with but with more legible text than before my changes were made ).

Changes I plan to make to the forum:

  • Add classes and IDs to various elements
  • Hide the upload attachment part when on an iPhone
  • <600px Remove the unread and read icons on the forums and replace them with highlighting ( subject to testing, it may turn out to be better than sliced bread, or it may be so garish I claw my eyes out )
  • <600px Reduce widths on author columns
  • <600px Linearize the top menus
  • Make the preview post table the same width as what gets actually posted ( it doesnt account for the author column )


Top
 Offline Profile  
 
PostPosted: 01 Nov 2011, 19:48 
Content Developer
User avatar

Joined: 13 Jan 2005, 00:46
Location: You are going to die anyway, hurry up and do it.
can you remove the viewport tag for the time being until you fix this?


Top
 Offline Profile  
 
PostPosted: 02 Nov 2011, 00:02 
Journeywar Developer & Mapper
User avatar

Joined: 24 Jan 2006, 21:12
Location: Never go full Retro-ard! You just don't do it.
we should get rid of those missleading Banners

Image

:) random unrelated thread in screen is unrelated


Attachments:
missleading.jpg [144.14 KiB]
Downloaded 2 times
Top
 Offline Profile  
 
PostPosted: 09 Nov 2011, 13:43 
AI Coder
User avatar

Joined: 14 Sep 2004, 10:32
Location: Cookieland
Pull request on github removes the iPhone viewport and adds a pretty error message when the DB connection fails instead of 50 lines of warnings


Top
 Offline Profile  
 
PostPosted: 12 Nov 2011, 12:57 
Spring Developer

Joined: 01 Jun 2005, 10:36
Location: The Netherlands
Merged / deployed, thanks!


Top
 Offline Profile  
 
PostPosted: 12 Dec 2011, 01:41 
User avatar

Joined: 22 Feb 2006, 01:02
Location: cheap kitchen
line breaking does not seem to always work, eg see this thread
viewtopic.php?f=20&t=27245


Top
 Offline Profile  
 
PostPosted: 12 Dec 2011, 09:25 
Spring Developer

Joined: 01 Jun 2005, 10:36
Location: The Netherlands
Fixed that thread, it happens when people post stuff that cannot be broken over multiple lines (e.g., the list supported Assimp model formats in the infolog).


Top
 Offline Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 38 posts ]  Go to page Previous  1, 2

All times are UTC + 1 hour


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group

Site layout created by Roflcopter et al.