Whenever I need any sort of help in designing web form or css or even need to bring something hybrid, I do follow following useful articles . Hope these will helpful to others too.
1- CSS-Based Forms: Modern Solutions
2- Top 10 CSS Table Designs
3- 10 Useful Techniques To Improve Your User Interface Designs
4- 170+ Expert Ideas From World’s Leading Developers
5- AJAX, DHTML and JavaScript Libraries
6- 80+ AJAX-Solutions For Professional Coding
7- Pagination Gallery: Examples And Good Practices
8- Data Grids with AJAX, DHTML and JavaScript
9- 53 CSS-Techniques You Couldn’t Live Without
10- 75 (Really) Useful JavaScript Techniques
Few months back I was working in SharePoint designer and noticed it provides plenty of tools and easy way to deal with your web page structure,JS, CSS and other DOM models . You can easily identify which styles are applied, which are overridden and even structure of your inline styles. I must say people with no experience on web can develop web pages using SharePoint designer :-) . On the other hand when we do web development in Lotus Notes ( prior to R8.5 release ), I must say most of the developers either write CSS/JS in some web editor (I prefer EditPlus) or copy from some cool website using URL manipulation. I do most of the time :). Recently I had found free web tool which is quite cool as more or less like SharePoint. It's called Firebug , which can be used as a add-ons with Mozilla.You can just download it and open any website in Mozilla and go to Tools->Firebug and Choose options.
What can you do with Firebug ?
1- You can inspect HTML of the page. Shown below ,
2- You can inspect CSS or even can steal CSS from any site without doing any URL manipulation :)
3- Inspect JS files 
4- Find out which styles are overridden , DOM structure and even layout 
It makes my web development really easy without distracting much towards Microsoft tool ;-). Just visit Firebug and see what more you can do with it.
Posts
