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
[current site, in design transition]
- 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."
project ① ~ submissions, please ;)
personal brand design project deadline today:
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.
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