image info: drawings by & photo of Kevin Cornell ©

With your personal brand design in hand - it's time to introduce yourself online, to show a professional profile.

Consider how you would like to present yourself online, how you will establish a strong online presence to promote yourself and show your work. Let's have a look at a personal favourite of mine, designer and illustrator Kevin Cornell.

Kevin Cornell online

• bearskinrug.co.uk
  [current site, in design transition]
• v5.bearskinrug.co.uk
  [old site]
• birthdaystreet.com, tri-weekly comics
  collaboration: Kevin Cornell, Matt Sutter, Peter Dalkner
• Staying Motivated, article on A List Apart
  "Kevin is the staff illustrator to A List Apart."
• @bearskinrug
  Twitter Profile

!! reminder

project ① ~ submissions, please ;)

personal brand design project deadline today:

↑ upload your final design

↓ submit link to your prevue page

❧

coding & apps

To get us started quicker with today's coding - here is a sample folder, containing both the prep and the site folder, ready to use ;)
↓ download 'default-project' folder

PC/Mac versions available: visit gedit website to download the latest version.

Mac only: download TacoHTML (old) or visit the Taco website for the latest version.

❧

the box model

Time to tackle the famous box model. The box model is the layout principle applied for page layout on the web. Even though it is a very logical and straight forward concept - it can be difficult to master; so take some time to read up on a few articles and practise. You'll soon start making sense of it :)

To illustrate the box model for visual reference - here are 2 diagrams to clarify (note: click the images for a larger view):

2D diagram via webeyedea

3D diagram © Jon Hicks

useful reading: box model

• box model on CSS Discuss Wiki
• Internet Explorer and the CSS box model on 456 Berea Street
• CSS positioning on brainjar.com
• The CSS Box Model on sitepoint
• Margins, Padding & The Box Model on Spyre Studios

❧

positioning: CSS float property

As soon as you are taming your content - you will want to control the position of your "boxes". Read the following tutorials and articles as recap and dive in deeper ;)

useful reading: CSS float property

• Floatutorial by Russ Weakly
• css float, tizag
• All about floats by Chris Coyier
• Clearing Floats by PPK
• CSS Float Theory: Things You Should Know by Vitaly Friedman

❧

✔ weekly task

Next week we will have the pleasure of welcoming a guest speaker, Sarah Read from GET (Guidance & Employability Team). Sarah will talk about writing a professional CV and presenting a successful creative portfolio, getting you ready for the big world of possibilities :)

Your task is to bring in your CV for review and analysis, according to the points made during the talk. You should take the opportunity to write a fresh version, up to date and carefully edited.

A useful link from Sarah, to help you with your CV writing:
→ Careers resources