Chaps, I am thinking to redesign and redevelop my site, http://www.antonioborrillo.co.uk/ I want to get rid of those hideous buttons and make
it mobile friendly, add extra info and have a page where people can leave comments on some of
the pix. Now first thing: mobile version. I will go for a fluid layout and with media queries
I will use these breakpoints http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
to make sure that it is displayed ok on every device. There are some issues off the top of my head,
but obviously if you can think of any other please let me know. Here's a list, I'd appreciate
some advice please as to how to tackle them
1)display pictures on mobile. I'd like to keep the existing sizes as they are (thumbnails and
full size pics), but I will use
max-width=100% and width:100%; to make sure the photos are resized when the broser resize; For
thumbnails shouldn't be a problem at all, but for full width pictures I am not entirely sure
what to do. I am thinking to scrap my code ad use a plug in to make sure that not only it works
perfectly on as many devices as possible (but I think there are no major problem with my code),
and that the pix are resized correctly on every device.
In terms of how the information is presented
( thumbnails that get clicked on and open up the big version of the photos) is this suitable for mobile usage do you reckon?
Can I keep it the same or should it be presented in a completely different way? Suggestions welcome
2)enable comments: I want people to be able to leave comments on certain pictures. Basically I want to have a section which is almost blog-like,
where I add my pictures and a short description. This section will be separate from the Portfolio or the Gallery. I have found this nice plugin
http://www.htmlcommentbox.com/ but it looks like you can use only one box per page whereas I will have to use a box for a picture,
meaning I will have to have more than 1 in a page.
3)hand code or wordpress? I am for handcoding of course, does anybody think it is a bad idea?
4)From the mobile site, a link to the full desktop size: how does that work? Does it involve building a separate site?