Ignorance floats around many web-design projects in Kenya. Unfortunately! In most cases, the original Photoshop documents signed off by the client are not identical with what finally goes online. I agree to some extent that at some points some things change and sacrifices have to be made, but in most cases, there are readily available solutions out there that we choose to ignore.

Below are  4 ignored “small things” while moving from Photoshop to HTML to code.

1) Border  underline

The use of font style underline to achieve a border underline not only separates boys from men, it also affects the whole symmetry of the website. Space is the most important element in my opinion when it comes to web design. Move the line-height by a pixel up or down and your website is either a hot girl or an ugly one. If so much is decided by a pixel in line height, imagine an entire border line?

2) Rounded Corners

Rounded corners create a different feeling from Sharp corners. A while back it used to be quite some work setting rounded corners on divs, but, with CSS3′s border-radius, laziness has lost excuse

3) Fontface

Incase you didn’t know this, FONTS ARE A BIG DEAL! In terms of user experience, fonts play a major role on how the user will interact with your website and together with shapes help set the entire MOOD of the website. Infact, choosing to ignore custom fonts is just like ignoring shapes. Same damage.

4) UL styling

So you are finished writing your markup, everything looks fine and functional. Your designer however trying to impress the client added grenades, tiny rockets beside the list instead of just sticking to the usual bullets!! CSS doesn’t offer internal imagery that comes close to that, so you have to crop the image and define it’s styles specially and this affects the margins!! ARGH!!! So you decide to ingore the bloody UL images. After all, they don’t mean so much now do they?! YES! They do. Small errors like those become habit and that’s not good.