I decided that I would take the slight quiet opportunity to try and write a responsive theme for scivillage.com
The idea is quite simple, take the currently terribly themed forum (from a device point of view) and make it better for other devices. Currently I've not got too far with it, other than looking how how to impliment media queries (to identify different settings for different devices) and a better way of implimenting the forum display.
It's too alpha to push publicly or even make it optional to view however here's a sneak peak at what I've intended.
(note: the mouse cursor was added to the image and isn't relative to the size of the images shown. They will be 150px by 150px, three times bigger than the current versions)
The image shows image links to the main forum categories, when mousing over the forum category it will show the last post to the forum. When mousing over the username of the last poster it will show in a tooltip the last post title, who it was by and the date it was posted.
I wanted to just have it that you could mouse over to see what the post was then just click the category or last post title shown to get to the last post. However while this would have been great on PC, it's the other devices that would hate it. Apparently the use of :hover on an (a) anchor is a bit of an issue with devices that could mistake it as an onClick trigger, so I'm having to achieve a work around.
When done I'll have to replace all the background images with higher grade versions and then downscale based upon what requires them.
The idea is quite simple, take the currently terribly themed forum (from a device point of view) and make it better for other devices. Currently I've not got too far with it, other than looking how how to impliment media queries (to identify different settings for different devices) and a better way of implimenting the forum display.
It's too alpha to push publicly or even make it optional to view however here's a sneak peak at what I've intended.
(note: the mouse cursor was added to the image and isn't relative to the size of the images shown. They will be 150px by 150px, three times bigger than the current versions)
The image shows image links to the main forum categories, when mousing over the forum category it will show the last post to the forum. When mousing over the username of the last poster it will show in a tooltip the last post title, who it was by and the date it was posted.
I wanted to just have it that you could mouse over to see what the post was then just click the category or last post title shown to get to the last post. However while this would have been great on PC, it's the other devices that would hate it. Apparently the use of :hover on an (a) anchor is a bit of an issue with devices that could mistake it as an onClick trigger, so I'm having to achieve a work around.
When done I'll have to replace all the background images with higher grade versions and then downscale based upon what requires them.