Here is a cheatsheet for Conversion from Points to Pixels (and Ems and %) and List of Web Safe Fonts. I did not create them, I got them from other sites and the original links are included for reference. It’s just handy when I have to convert PSD designs to HTML.
Every website I visit, I always tend to look at the design first before the content. Maybe this is my way to free myself from tiring programming tasks. And to add to that, I am a self-confessed artist with no gift of arts! So my tendency is just to watch artists do it
To break the excitement, the only key for this magic is
The background-attachment property determines if a specified background image will scroll with the content or be fixed with regard to the canvas.
Sound straightforward right? The only question remaining now is how scrolling ends when we reached the footer section? Stupid me but the answer was simple! Just cover it with an image. Here is the css:
background: transparent url(images/bot_back.gif) no-repeat scroll center;
background: #fff none repeat scroll 0%;
And the HTML:
That sums it up, I still have a lot of things to learn and I’ll take them one step at a time. For today, background-fixed is my baby!