O'Reilly logo

RapidWeaver 5 Beginners Guide by Joe Workman

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Dev Inspector

In RapidWeaver's preferences, there is an option Enable Web Developer Tools. This unlocks a gem that helps you tweak and troubleshoot your web designs. When you preview a web page, you can right-click on the page and select Inspect Element. This will open up the glorious world of the Webkit Dev Inspector:

Dev Inspector

The Webkit Dev Inspector has many wonderful features that can be seen with the tabs along the top. However, we are only going to dive into a few of the ones that I tend to use the most. For a full manual on the Dev Inspector head over to https://developer.apple.com/library/safari/#documentation/AppleApplications/Conceptual/Safari_Developer_Guide ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required