Apart from the many suggested ways of knowing better about web design, it is also recommended that one gets to know about one’s browsers common web-development tools. Some browsers come with some good web-development tools installed for instance Google chrome. If one is using Mozilla Firefox, they have to install an extension called Firebug. This is a tool that will help the web designer to familiarize with the elements in a webpage.
If you are a young web designer and you are just beginning, you will really need to familiarize yourself with the element inspector that will assist you when dealing with either HTML or CSS. In Google Chrome this is how to go about it: imagine you are looking at one of the elements contained in a certain webpage and you get curious to know how the CSS which characterizes the neat presentation looks like. It is simple, click the right mouse button on the element of interest and on the menu that appears to select ‘inspect element’ after that a new pane will appear on your browser at the bottom. Glance at the left side of the said pane and you’ll see the page source. The elements picked for inspection will clearly be highlighted. To the right side of the pane also you’ll see the CSS that composes the element.
The definite good thing about the above approach is the ability that you possess to examine and analyses the CSS immediately and live when browsing on a webpage. This suggests that it is very possible to do some additional things like add properties, evaluate how the same property behaves on the webpage and even move the pixels on it to get new results which some of them turn up to be awesome. It is also very important to note that whatever changes you may make on a webpage during your exploration are volatile and not permanent. When you just refresh your browser, all the changes you had made will be reverted to the original appearance of the webpage.
On the web also lies a large number of useful resources that one can utilize to know more about web development ranging from tutorials to further screencasts and more CSS tools that one can rely on to improve the web-development skills they possess. Some of these resources include Blueprint that reduces development time to a great extent, Primary CSS that offer a variety of already coded layouts, and Lynda.com just to mention a few.