The New IE11 F12 Tools

Back in January, Ray Bango walked you through the features of Internet Explorer 10's F12 Developer Tools. Microsoft's recent release of Windows 8.1 Preview brings with it, not only an update to Internet Explorer (now at v11) but also a welcome refresh to the F12 Developer Tools. The latter is especially important since developers are dependent on them to troubleshoot site-related issues from within IE. Till now the tools have solved most debugging use-cases but it's clear that as sites become more complex, developers need richer tools to work with.

Animated CSS Effects with Fallbacks

Being the pragmatic type, Chris Mills has been exploring CSS animations mostly from more of a real-world perspective, thinking about how they can be used to create usable features on web pages. And of course, he needs to consider what happens when older browsers that don’t support these features access your pages. Sometimes you can rely on graceful degradation, but sometimes you need to deal with such browser differences in a more intelligent way.

New Developer Tools in Firefox 10 and 11

Firefox 10, due out January 31st (the same day Firefox 11 becomes an official Beta release), finally rounds out the browser’s growing collection of developer tools with Page and Style Inspectors. In some ways, these tools are similar to Firebug, but they’re also uniquely Mozilla-ey.

IE-only Styles: Where Should They Be Placed?

Dealing with Internet Explorer is a fact of web design, and it isn’t going to go away anytime soon. If not for some of the differences in the way IE6 and IE7 handle certain areas of CSS (whether it be margin bugs, float bugs, or other problems), CSS development would be so much easier.

Support Internet Explorer and Still Be Cutting Edge

Everyone has been going on about how we should use CSS3 more and all of the possibilities and flexibility that come with it, but that we should still consider IE6 and other troubling browsers.

But how do we actually do that? How do we create websites that are up to date with the latest coding techniques but that are also usable for people experiencing the Web on Internet Explorer?

Adding Custom Buttons to Internet Explorer

Have you ever wanted to extend the Internet Explorer toolbar by adding your own buttons? Say you wanted to add a button that launched [Dreamweaver], for example, or some other tool you frequently need to access when browsing the Web. Or maybe you'd like a button that launches a script that opens your company intranet home page in a new IE window.

Perhaps you'd like a button that does some other custom action, such as launching Notepad (if you're cheap)... to jot down some notes. Or maybe you need to allow users to perform some action on a kiosk machine that allows access only to IE and not the Start menu or desktop.

Hacking Firefox: Add Stuff to Your Toolbars

Firefox fans, are you looking to trick out your toolbar with all kinds of cool new features? In an excerpt from the just-published "Firefox Hacks," [we] show you how to integrate Firefox with Gmail using the GMail Notifier extension, and how to use InfoLister, an extension that generates an HTML list of everything you currently have installed in your Firefox implementation.

Making Firefox look like IE
Ok quite why anyone would want to do this is beyond me... but should you want to make FireFox look like IE then this is how to go about it!
Quirky Percentages in IE6's Visual Formatting Model
Good explanation of the issues IE has dealing with percentages - origins of the Box Model issue to be found inside
How stuff works - Firefox:

A Web browser is sort of like the tires on your car. You don't really give them much daily thought, but without them, you're not going anywhere. The second something goes wrong, you definitely notice.

Knowing how something works can really help when you're trying to figure out why something isn't working the way you expected it. So this article gives you a quick run down on How FireFox works