The Mac Observer

Skip navigational links

You're viewing an article in TMO's historic archive vault. Here, we've preserved the comments and how the site looked along with the article. Use this link to view the article on our current site:
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.

  • Click Safari's Dashboard button to create your own widget.
  • 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.

  • Highlight the part of the Web page you want in your widget.
  • Click the Add button.

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

Show: Subjects Only | Full Comments
Close Name:Sir Harry Flashman Posts: 792 Joined: 08 Feb 2007
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.

Close Name:gslusher Posts: 2088 Joined: 13 Nov 2002
Subject: Re: In the case of pop-ups

Quote
Sir 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.)

Comment on this Article


You cannot edit your comments.   You cannot delete your comments.

Comments are currently closed. Please email the author instead.


Recent Headlines - Updated November 9th

Mon, 4:12 PM
Games - New For iPhone: Star Rangers, Air Force Supremacy, Blood Beach, More
2:51 PM
Apple Stock Watch - Radio Shack Jumps 14% on iPhone Deal, Apple Up 3%
2:25 PM
Games - EA Scoops Up Social Games Publisher Playfish
1:51 PM
Deal Brothers - Western Digital 1TB SATA Intellipower Hard Drive:  $84.99
10:58 AM
News - StarHub Signs Singapore iPhone Deal
10:36 AM
Hot Forum Topic - Reader Speculation: What’s in Apple’s Tablet?
10:08 AM
News - Apple Kicks Off New Credit Program
9:26 AM
News - Apple Launches Reserve and Pick Up Program
8:49 AM
News - ikee Worm Rickrolls Jailbroken iPhones
8:14 AM
Product News - Client Folder Maker 3.5 Adds Snow Leopard Support
Sun, 11:59 AM
Mac Geek Gab Podcast - MGG 226: Magic Mouse, Apple Battery Secrets, Q&A
Sat, 7:58 PM
News - Apple TV 3.0.1 Update Fixes Missing Content Bug

The Mac Observer Reader Specials

  • TypeStyler For Mac OS X is Now Shipping! Download The Free Fully Functional 60 Day Tryout at www.typestyler.com
  • RamJet Memory: Mac Pro 8-core 8GB Kit $199.99, 4GB Kits $109.99! Sale on MacBook and MacBook Pro 8GB kits $549.99! New MacBook DDR3 2GB for $49.99. iMac and Mac mini 4GB Kits for $79.99! 1TB SATA Hard Drives for $109.99! Click here
  • OWC: Plug & Play Hardware RAID up to 8.0TB. High Performance, Data Redundant Solutions. FireWire 800, FireWire 400, USB2, or eSATA. Hot Swappable Bays, Data Rates over 200MB/s. Click here
  • Poker Mac If you're using a Mac, then you've gotta check out Full Tilt Poker for Mac. This Full Tilt Poker bonus code does the unthinkable, it actually rewards!
  • For the latest Apple products use Ciao, a price comparison website, to find laptops like MacBook Air. Then find the best prices on MP3 players and use our comparison tool to evaluate mobile phones like the Apple iPhone.

  • Laptop Hardware Provided by TechRestore - Overnight Mac & iPod Repairs.
  • __________
  • Buy Stuff, Support TMO!
  • Podcast: Mac Geek Gab
  • Podcast: Apple Weekly Report
  • TMO on Twitter!