. . . . well that sort of worked except I couldn't add a message so I had to add this bit using the laptop, that is something I need to look at then . . to be continued
 | Posted by Ben Taylor at 20:58 |
| comments 0 |
I've been working a little more on restyling the image gallery. I decided the square thumbnails were looking a little dated so wanted to move towards something that looked a bit more like the tiled effect you may have seen on sites like flickr and pintrest. I had a look first of all to see if there were any pure CSS solutions but as yet there doesn't seem to be support for floating the images together so that they fit without gaps.
Old Layout
New Layout
After a little research it seemed that JavaScript was the way forward as it can be used to calulate a suitable arrangment when all the images have loaded (if you're interested, this is the library I'm using though it looks a bit better on their site at the moment - miromannino.github.io/Justified-Gallery/). Right now that means a bit of a delay waiting for all the thumbnails to finish loading before they can be displayed. This can feel a bit slower than images displaying as soon as they have loaded, which is what currently happens when moving between albums. I'm hoping to optimise this further over the course of the next two weeks, but for now I've added a little loading animation to keep you interested whilst you wait for the pictures to load.
Let me know in the comments if you experience any particularly long delays on any of the albums. Thanks.
Just been fiddling a little more with the CSS to update the responsiveness of the website. Responsiveness is now a bit of a buzz word with websites and refers to its ability to resize dynamically to best fit all screen sizes. Having worked on the mobile site recently, I thought I should giive the desktop version a bit of a tweak. It's still a work in progress but now should make more of the available space on large screens. I've given it a quick test and everything seems to be resizing as it should. The updated blog images now look a little larger and a few more albums fit across the screen on the album page. If the site only just fitted on your screen previously you won't see too much difference, apart from the currently lack of image banner. For now I've reduced it down to a thin grey strip rather than the image slideshow that was in place before. I think I may change it back to an image but need to sort out a better resolution image as the current ones are too small for the now larger website.
Let me know if you experience any problems.