Web Design News | Get More Out of Your Browser’s Developer Tools

Step 1

Enter your contact information.

Step 2

Enter your project information.

Step 3

Choose the PHP programmers you want to hire.

Compare Free PHP Quotes

Get More Out of Your Browser’s Developer Tools

Attention PHP Programmers - Add A Free Listing! Get more clients.

Inspecting Webmonkey in Chrome

Every web browser now ships with some sort of developer tools built-in. The only exception is Firefox, but that’s changing soon (and of course Firefox is also home to the add-on that started it all — Firebug). In fact web developers have come to rely on these tools so much that it’s difficult to remember what we did before Firebug, WebKit Inspector, Dragonfly and the rest of the browser tools (we swore a lot more, among other things).

Whether you need to manipulate DOM elements, inspect CSS styles, edit HTML elements or step through JavaScript the browser developer tools make it easy to do. And no matter how much the browsers’ various developer tools are a part of your daily workflow there’s always some new tricks to learn.

If you’d like to dive a bit deeper into the world of browser developer tools and learn quite a few handy tricks you might not be aware of, head over to developer Andi Smith’s blog and read through his recent post 25 Secrets of the Browser Developer Tools. Smith gives an in-depth walk-through of some lesser known features and even points out which tools support them, which don’t and variations between them.

Of course thanks to differences between browsers and tools not every tip works the same way (or at all) in every browser, but if you’re a web developer you’ve most likely got a copy of every browser installed anyway and jumping back and forth between several is probably second nature.

Among Smith’s twenty-five suggestions are tips like how to perform calculations right in the browser, how to expand minified JavaScript, how to save your CSS edits, store revisions and perhaps the most helpful — how to quickly disable the browser’s cache. For more tips head over to Smith’s post, and be sure to check out the comments where readers chime in with their own lesser known tips.

Our own tip to add to the list is limited to Chrome/Chromium and is very simple, but often overlooked — don’t forget about you can drag-and-drop. The Elements tab in Chrome’s inspector panel allows you reorder the source of the page by dragging and dropping HTML elements. Dead simple, but sometimes handy for debugging misbehaving floats and other CSS mysteries.

See Also:

Source http://www.webmonkey.com/?p=52704
Wed, 16 Nov 2011 17:36:22 GMT
Tags: Browsers,

Attention PHP Programmers - Add A Free Listing! Get more clients.

Browsers

Chrome 10 Beta Offers Faster JavaScript, Less CPU Usage

Google has released version 10 of its Chrome web browser to the beta release channel. Chrome 10 is a major overhaul, featuring a new version of the V8 JavaScript engine, which is 60 percent faster than the version of V8 found in Chrome 9. Faster JavaScrip

Mozilla Makes Plans for Firefox 5

Firefox 4 was originally scheduled for release in November of last year, but bugs and last minute features have seen the next version of Firefox delayed several months. However, Firefox 4 has finally entered the home stretch and should be available in rel

Microsoft, Mozilla Battle Over What Makes a ‘Modern’ Web Browser

Microsoft and Mozilla are trading barbs over the coming Internet Explorer 9. Microsoft has been touting its HTML5 support in IE9, claiming that it renders HTML5 better than Firefox (and Chrome, Safari and Opera). Mozilla then turned around and released an

Members:

Lahore

id4brands

I am Graphics Designer, I have Experience in this Field more than 10 years. i mostly work in print field. Products Catalog, e-catalog, brochures, flyers, brands names. logos. business cards.

Lahore, Punjab PK

Navi Mumbai

I-Soft Solutions

We at I-Soft Solutions provide other web services which include Customized Static Web Design, Dynamic Web Development in PHP Mysql, Web Hosting, Domain Name Registrations, Website Maintains Etc.

Navi Mumbai, Maharashtra IN

Bucharest