Leopard: DIY Web widgets
TMO Quick Tip - Leopard: DIY Web widgets
by , 7:30 AM EDT, November 2nd, 2007
Dashboard widgets in Mac OS X 10.4 gave us a cool way to keep track of information online. Unless you had a little programming skill, however, you couldn't create your own custom widgets. Mac OS X 10.5 changes that.
If you want to create your own Dashboard widget to monitor a specific Web site, Leopard's Safari 3 makes it easy. Here's what to do:
- Launch Safari. It should be hiding in your Dock and also in your Applications folder.
- Open a Web site that has something you want to monitor. I decided to make my own Apple stock watch widget from TMO's apple stock quote feature.
- Click the Open this page in Dashboard button.
- Select the part of the Web page you want to monitor. The highlight box includes handles, so you can resize it to include all of the content you want. I kept my highlight box small since I only needed the stock quote part from the TMO site.
- Click the Add button.
![]() Click Safari's Dashboard button to create your own widget. |
|---|
![]() Highlight the part of the Web page you want in your widget. |
|---|
Dashboard will automatically launch and display the widget you just created. You can customize the widget boarder by clicking the info button in your widget's lower right corner.
![]() One home grown AAPL stock widget. |
|---|
Be sure to select Web site parts that include information that changes, otherwise your widget will be pretty boring. I chose regularly updated stock information, but I could have also chosen the TMO Hot Topics section, or maybe a regularly updated video from another Web site.
Also, Safari's Web widgets aren't designed to be modified, just easy to create. If you want to design highly customized widgets, take a look at the Xcode development tools that ship with Mac OS X installer discs. You'll find everything you need -- including sample code -- to build your own widgets.
Jeff Gamet is TMO's Morning Editor and Reviews Editor. He lectures, teaches and speaks on Mac OS X and design-related topics, and is the author of The Designer's Guide to Mac OS X from Peachpit Press.
if you have tips or tricks to share, or Mac-related questions you want answered.
Observer Comments
Sat Nov 03, 2007 5:46 pm Subject: In the case of pop-ups
I was going to make a widget for our local highway conditions that show speeds, accidents and that sort of stuff. However, the page is a pop-up form a TV news website that does not have a menu bar and hence no widget button. Under the main Safari File Menu I found an item for making widgets, works just like button.
Sat Nov 03, 2007 9:52 pm Subject: Re: In the case of pop-ups
QuoteSir Harry Flashman wrote:
I was going to make a widget for our local highway conditions that show speeds, accidents and that sort of stuff. However, the page is a pop-up form a TV news website that does not have a menu bar and hence no widget button. Under the main Safari File Menu I found an item for making widgets, works just like button.
In most browsers, you can force an address bar on a pop-up window. I don't use Leopard, but try the View menu--see if there is an option to show the address bar (or whatever it's called in Safari 3). (The "menu bar" is at the top of the screen; it's not associated with a window.)
Comments are currently closed. Please email the author instead.
Recent Headlines - Updated February 12th
- Sat, 4:11 PM
- MacOS KenDensed - MacOS KenDensed: iPad 3 Frenzy, Big-time Apple & Steve Jobs, G-Man
- Fri, 8:10 PM
- News - Apple Sues Motorola Mobility in California Over German Case
- 7:54 PM
- Free on iTunes - OnLive Desktop: Windows & Office on Your iPad
- 7:43 PM
- Product News - Apple Rolls Out MacBook Air Configurations for Education
- 6:35 PM
- Just a Peek - Battle Pocket Bulge With The Hint for iPhone
- 6:01 PM
- Rumor - Apple Reportedly Bringing MacBook Air Styling to Pro Line
- 4:50 PM
- Particle Debris - The Hidden Gotchas of Browser Security
- 3:56 PM
- Apple Stock Watch - Analyst: Paying a Dividend Makes Sense for Apple
- 2:58 PM
- Deal Brothers - iMac 27-inch 2.93GHz Intel Quad-Core i7 processor: $1,999
- 2:45 PM
- In-Depth Review - Theodolite App for iOS is Breathtaking
- 12:52 PM
- Apple Stock Watch - Mizuho Securities Starts Apple Coverage with $635 Target
- 11:35 AM
- Hot Forum Topic - Forum Poll: Are You Planning on Buying a New iPad?
The Mac Observer Reader Specials
TypeStyler 11 is now in the Mac App Store!! -- Special Introductory Price of $59.95!! -- To Buy From The Mac App Store Click Here Now!! Or buy direct
from Strider Software.
Mac RAM Upgrades: MacBook Pro 16GB kits $475, 8GB Kits for $119.99! iMac 16GB RAM Kits (4x 4GB) for $229.99! Mac Pro Memory 32GB Kit for $399.99, 64GB Kit for $889.99! Mac Hard Drives 2TB Seagate SATA II for $249.99! Click Here!
If you're using a Mac, then you've gotta check out Online Poker Mac.
This mac poker and online casino mac site
actually does the unthinkable, it actually rewards!



