My brother was over this weekend and we were looking at the web design of one of the sites he had in staging (here is the production site ). He was working on a face lift and he noticed that my blog had a "window" floating on the right hand side, containing a calendar, navigation, etc. He was wondering what the html looked like. I highlighted the area and clicked 'View Partial Source'. He went nuts... commenting stuff like you're the smartest brother I have (I am also the only by the way) or something along those lines of that was really cool how did you do that and can I have the tool.
Here are a couple of tools integrated into IE that have been great for doing site development and debugging.
Microsoft Web Developer Accessories Even though this was developed for IE5, most of the functions still work with IE6. Here is the description from Microsoft:
These two tools help the Web developer or those who are just curious about how pages are coded. The DOM tree tool lets you view all the Document Object Model properties in tree form via a right click of the mouse or from the Tools menu. And for those who are tired of scrolling through hundreds of lines of HTML to find that one section of code that does what you want, search no more! Simply highlight the area of Web page that you want to see the source for, right-click on it and select View Partial Source. It's that simple! Not supported by Microsoft.
Toggle Borders This utility allows you to toggle table borders from 1px red border to the original style. It is great for determining how a web page is laid out. You can download it from the zip at the bottom of this post (also included are the MS Web Developer Accessories). As far as credits, I am not sure where this came from.
Has anyone else seen any great tools for web development integrated into IE?
Download: WebDevTools.zip
Posted in Development |Comments [0]
Sysknowlogy