Great post here by John Surdakowski. Incredibly simple and effective – most people will never see it but it will add a nice surprise if anyone does happen to resize their browser window…or flip to landscape on their tablet.
When working in percentages (for responsive design), all margins and padding (horizontal and vertical) are affected by width.This seems strange to me. For the moment I’m going with percentage based widths and pixel based heights – until I can find a better solution. I’m finding percentage based heights a little hit & miss at the moment…
Some screens of possible mockups below. I tend to use Flash for quick & dirty designs as I’m quicker & more accustomed to working in Flash. Flash files are also A LOT smaller than Photoshop. I’ve kept borders around sections in the mockups as it helps me identify div containers.
Some design rationale here that I’ve had kicking around in my head for ages but haven’t actually put down on paper. A certain amount of these qualities need to be carried over from the original design – the logo and colour scheme, for example, has long been approved, used & needs to be kept “as is”. I do, however, want to bring it a bit more up-to -date.
Today I found another interesting site that echoes my feelings on directory structure. I like to keep things organised & this structure also apparently reduces load times. 🙂
So, time to introduce the website that I will be designing for the IDM18 Web Development module.
Approximately 18 months ago I designed an identity and website for London based shack & cabin builders, Shackadelic. Whilst the site worked well for Shackadelic, it wasn’t responsive. Over the last 18 months, however, I have come to realise just how important responsive design is. I also feel that the site needs a bit of a refresh and could be cleaner from a design perspective.
