When I talk to other web developers the first thing that becomes obvious is that we all know certain websites that make web developing easier and more error free. I've compiled a list of these websites as a resource for others, and myself. If you have any tools or websites you would like added please e-mail me.
You are here
Home ›Website Resources
See and adjust your code in a live browser
http://getfirebug.com/
Firebug is essential for all web developers. It makes it easy to adjust the look of your website without changing any of the real code. It can help when trying to pick the appropriate CSS tag, or to see what CSS is causing your website to look the way it does.
Firebug takes a little getting used to, but it is well worth the effort of learning to use. This is a must have tool. One installs firebug, activates it, and one may right click on a website and choose inspect element to see the HTML and CSS effecting that element. Firebug has cool tools for JavaScript as well.
Check what technologies were used to build a website
Built with is a great website for checking the technologies used to build a given website. It is a quick way to check if a website is built in a CMS (such as Drupal or Wordpress) and to learn of some new technologies that people are using to build their websites.
Check browser compatibility for CSS, HTML, JS, SVG and more
This is a really cool website that can show the compatibility of certain features in CSS, HTML, JS, SVG and more. The ads tend to look a little too much like the content themselves, but other than that it is a great tool. For example it shows that the support of CSS3 Word-wrap is about 94.54%.