Archive for the ‘Design’ Category


HTML / CSS basic concepts and principles

Tuesday, January 25th, 2011

The CSS box model

CSS standard box modelThe CSS box model is a W3C standard that draws the basic principles on which a box is drawn in HTML/CSS. Since every HTML element is actually a box, this principle applies to every element. Basically it states that the screen estate a box takes up is defined by the following parameters, in this order from inside to outside:

  1. width/height
  2. padding
  3. border
  4. margin

Here the content area is defined by width/height. (more…)


Non-destructive techniques in Photoshop image manipulation – part 1

Friday, March 6th, 2009

…or adding a pinch of parametricity to your photoshop work


Imagine the following: you have worked on a Photoshop project, spending hours on end over it. You may not have slept this night, but you know that every drop of sweat was worth it – after all you have created wonders! The result is quite impressive, and of course when you show it to the customer he is totally into it, and says:

“This is great! I love it! But what if we make the image of the little girl a bit bigger?… Just a bit – it shouldn’t be an issue, right?”


“That tree you have cut out from the background… Let’s get it back and see if it is better”

Well… Let me hear you say “Arrghhh!!!” (more…)


Making fancy websites without Flash 2: Animating background image

Saturday, February 21st, 2009

This is a continuation of the Making fancy website without Flash entry from a few days ago. To make the story short – I will try and show you some jQuery alernatives for popular Flash animation. (more…)