Recently I’ve had to set up some web site for work (a CMS and a blog). What took me most time is to modify the layout and apprearance of the pages playing with CSS and php scripts.
I’ve found some interesting tools that can help the CSS/Webdev newbie in that work:
* Web Developer Extension for Firefox: This extenxion adds a menu and a toolbar to the browser with various web developer tools: disabling of various features including the cache, JavaScript and page colors, various cookie related tools including disabling, adding and viewing cookies, tools related to the CSS on the page including displaying the styles applied to the selected element and live editing of the CSS, ability to manipulate the forms on the page including display the form details and populating form fields, image related tools including finding broken images and outlining images, various informational tools including displaying element information and viewing the document size… (see features page for more)
* Web Development Bookmarklets: These bookmarklets let you see how a web page is coded without digging through the source, debug problems in web pages quickly, and experiment with CSS or JS without editing the actual page. One of them is a live CSS editor, another one is a JS shell…

Recent Comments