skippers

Many thanks rbrtsmith, looks like I had a repeat in there too

Correct rbrtsmith, I would prefer to keep the horizontal order

Good point about the touch screens. Something similar to this is what I'm after: http://www.erikjohanssonphoto.com/ So when you click on a project image the grid is still viewable below the project details on each screen. Curious to how the grid loads on each page. I do like how the css grid doesn't create gaps as you resize. The advantage of Masonry I can use Isotope to filter the images, guess you can do this anyway.

I had seen that css grid before, I may be tempted after seeing it again, although I've built the masonry screens now (haven't tested all browsers though). Thanks for the links. If my images have rollover text then I'm duplicating copy over pages so I was wondering if this will affect SEO?

Thanks for the feedback folks, much appreciated. Sorry, my web page link was old and the new site isn't live yet. This is the code I have top and bottom of each page. Is this what you mean rbrtsmith? Yes, the css I'm using is external. In the head: <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="http://imagesloaded.desandro.com/imagesloaded.pkgd.js"></script> <script src="http://masonry.desandro.com/masonry.pkgd.js"></script> Script a the bottom: <script src="js/masonry.js"></script> <script type="text/javascript"> var $grid = $('.grid').imagesLoaded( function() { // init Masonry after all images have loaded $grid.masonry({ // options... }); });</script> At some stage I'd like the ability to filter images on the page and paginate through them but that's another story.

I'm intending to use the Masonry grid across all pages in my portfolio site. At the moment I'm copying the code across from page to page. Will this give me any issues with speed or SEO? It's just images at the moment. So it's loading on every new page, is there a way to have it load just the once? Many thanks for your time

Hi, I was wondering when it is necessary to have a cookie message on your site? If I was to have a simple PHP form like this http://code.tutsplus.com/tutorials/build-a-neat-html5-powered-contact-form--net-20426 then should I have a cookie policy message? Cheers Ry

Thank you Robert, I'll look into that.

Ah yes, that's it. Cheers Jack. Forgot to close that last a. I wanted the whole area to be clickable with the link inside to have a rollover state. Maybe wasn't the best solution then,

Not that I'm aware of. I can see this in more than one browser.

Hi, On this page http://www.johnfieldformalhire.co.uk/, just below the testimonials, empty anchors appear in the code. I haven't put them in, they just appear. The linked testimonial copy above is causing it but I don't know why. I was wondering if anyone had any clues to to why that would happen? Many thanks for looking R

Cheers Bobby I think I tried 320px min-width for the footer but it wasn't spanning the whole width on the phone. I'll look again.

Hi, I've created this site using Foundation, http://johnfieldformalhire.co.uk/ One of the issues I'm facing is some extra padding or margin to the right of all the content when viewed on my iphone4. This breaks the top nav bar and also the bottom nav not in the screenshot. If anyone had any thoughts that would be awesome. Cheers R

Yes, this is what I meant, only loading necessary content rather than hiding it. Would <noscript> be used?

Thinking about responsive design. Is it possible to not load unnecessary content on the page for a particular device to speed up the load time? Can something be done with <noscript>? Cheers!