Developer Tools in Firefox Aurora 10

Aurora 10 (the next version of Firefox) now sports built-in developer tools. Using built-in tools, you can now peek into your page’s structure and layout. Choose “Inspect” from the “Web Developer” menu and you can visually select the page element that is of interest to you. Be sure to note Robert Nyman‘s comment in the …

HTML5 context menus in Firefox

You may not know it, but the HTML5 specifications go beyond what we put in the pages and also define how parts of the browser should become available to developers with HTML, CSS and JavaScript. One of these parts of the specs are context menus, or “right click menus”. Using HTML5 and a menu element …

Natural Object-Rotation with CSS3 3D

In this tutorial we will learn how to build a 3D packshot in HTML and CSS by applying some CSS 3D-transforms. Then we will add some Javascript to make the object freely rotatable in 3d space. And as we will enhance our Javascript with some touch-interactivity, the packshot will also work nicely in Safari for …

Using the Browser Developer Tools to their full potential

Are you using the developer tools to their full potential? The biggest positive about the developer tools is that they are incredibly easy to use, but as a result developers often miss out on a large proportion of the functionality provided. Inspired by a video talk by Paul Irish and Pavel Feldman, I’ve compiled a …