Use web inspectors
Modern web development and design is a fast-paced, ever changing world of deadlines and agile workflows. One way of making rapid changes while viewing live websites is to use a Web Inspector.
Inspecting and viewing page source has been a common practice since the early days of the web, when most designers learned by looking over someone else's code and picking up new techniques. An inspector takes this one step further. It not only allows you to see a site's code, but you can make and apply changes directly in the browser and view the results immediately.
Inspecting and viewing page source has been a common practice since the early days of the web, when most designers learned by looking over someone else's code and picking up new techniques. An inspector takes this one step further. It not only allows you to see a site's code, but you can make and apply changes directly in the browser and view the results immediately.
Firebug for Firefox
This is the first and most well known inspector. Firebug, as its name implies, works only with the Firefox browser. It lets you view and edit HTML, tweak and edit CSS, edit JavaScript, visualize CSS metrics, and view the DOM. All of these things are incredibly useful when troubleshooting a bug on your site.
Firebug is free, and can be downloaded here:
https://getfirebug.com/
This is the first and most well known inspector. Firebug, as its name implies, works only with the Firefox browser. It lets you view and edit HTML, tweak and edit CSS, edit JavaScript, visualize CSS metrics, and view the DOM. All of these things are incredibly useful when troubleshooting a bug on your site.
Firebug is free, and can be downloaded here:
https://getfirebug.com/
http://validator.w3.org
This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.
This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.