‘Above the fold’ doesn’t really exist anymore

Let’s focus on solving the actual design problems instead of spending too much time thinking about what to put ‘above the fold’.

We used to design mostly for desktop browsers in the past. But now we are designing for so many different devices. We don’t even know what’s coming tomorrow!

‘Above the fold’ design concept should not limit our creativity.

Also ‘above the fold’ concept is slightly different for mobile browsers. It’s actually higher than the actual height. On a mobile device, people are very impatient and they want to see things instantly. That’s why most of the users actually scroll down to see if anything is loaded ‘below the fold’ right after opening a page.

Which color code we should choose for CSS?

HEX or RGB or HSL?

HEX is the most common used color code. It makes the CSS clean and compact. Example: #CCC

RGB/RGBa is designer friendly and easy to understand. It’s easy to manipulate using Java Script. Supports alpha channel which is very handy. Example: rgba(204, 204, 204, 1)

HSL/HSLa is another designer friendly color code. Percentage makes it easy to understand it’s output. I read somewhere rendering time is slightly slower than HEX and RGB. Example: hsla(0°, 0%, 80%, 1)

I prefer both HEX and RGB, but I don’t use both in a same project.