Developer Tools

    Category RSS

This tutorial is going to show you how to work with Google Chrome Web Inspector.

In this tutorial we will learn the way to use Firebug tool to determine the file we need to update for specific styling.

This tutorial will show you how to use Google Chrome Device Emulation feature. This feature will help you to test your responsive designs by emulating different screen sizes and resolutions.

This tutorial is going to show you how to fix the position of a drop-down menu using “Break on attribute” feature in Firebug.

Firebug is a Mozilla Firefox plugin that can be used to inspect the website source code, modify the CSS and trace the website errors.

While working with website templates you may often need to modify the HTML markup, CSS styles or JavaScript files. Usually to modify some elements on the page you should browse through the files and search for necessary line.

This post will show you how to make the process easier and clear using the browser developer tools.

The browser developer tools …