A list of random useful things I picked up during today’s classes.
Applied Art for the Web – Photoshop
- For design mockups it’s a good idea to start with an 1024×768 px document size, with a 960 px width for the actual site content (although it’s even more recommended to design in the browser if possible)
- Mark layers that are to be coded with CSS (and not exported as images from the PSD) to help the developer out
- GIFs and PNG8s can’t display half transparent pixels so we need to know the colour of the background that will be behind the image we’re exporting so we can set the matte to that colour
- Aim to work with existing content – be assertive with client – use analogy that you wouldn’t just ask an architect how much a house costs, they have to know what you want the house to be made of!
Webpage Design – The structural layer
- Best practice: use HTML5 elements with the stricter XHTML syntax
- the <b> and <i> tags are back, with a different meaning: to mark up text that is somehow different (but not necessarily emphasised more) than its surroundings.
- Whether or not the above tags should still be used is debatable but could be useful for example in text containing latin names etc; and they are less verbose than span classes
- XHTML: use “id” instead of “name” that was valid in HTML4; “name” now deprecated