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’m already seeing the possibilities with Mozilla Hacks’ new project, Tilt. It uses the very latest in HTML5 WebGL technology to render web pages in 3D, showing its internal structure (the DOM) visually. While that’s all cool and geeky, it also means that you can take dramatic-looking screenshots of websites to show in your presentations.
How do you do it?
- Go download the Tilt plugin for Firefox.
- Navigate to the website you want to screenshot
- Pull down Firefox’s Tools menu and invoke Tilt
- 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!
- 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)