If you do a lot of presentations or tutorials about technology, you probably have to take screenshots of websites to illustrate your ideas. I really like to add a “wow” factor to my presentations whenever I can do it gracefully, and I’ve been using Firefox’s 3D Developer Preview to add visual interest to website screenshots.
Just load up the site you want to talk about in Firefox, fire up the 3D Developer Preview of it, and take a screenshot. Here’s how:
How do you do it?
- Familiarize yourself with Firefox 3d Developer Preview.
- Navigate to the website you want to screenshot
- Pull down Firefox’s Developer Tools menu and enter 3D Prevew
- Position your website in the most awesome way possible
- Shoot and edit your screenshot with your favorite screen capture software like Jing, Skitch, or good ol’ Grab in OSX
- Drop that screenshot into your presentation, document, or whatever creative piece you’re working on!
It’s really that simple! I’d love to see what you do with this tool– please leave links to your 3D presentations in the comments!
Related articles
- See Web Pages in 3D with Tilt, a Firefox Extension (labnol.org)
- Tilt: Visualize your Web page in 3D (hacks.mozilla.org)
- Quick-Tip An Awesome Browser Plug-in – Awesome Screenshot (compete.com)
- Review: Firefox 5 Web browser (macworld.com)
- Firefox Joy…stick that is (geektyrant.com)
- The Most Important Parts of HTML5 (n01se.net)
- Firefox Gets A Massive Speed Boost; I’m Still Sticking With Chrome. (thechromesource.com)
- Firefox To Get Better Third Party Add-On Security (ghacks.net)

Liked this post? Follow this blog to get more.