Create your own podcast widgets for Mac OS X Dashboard
Create your own podcast widgets for Mac OS X Dashboard
3:37

Create your own podcast widgets for Mac OS X Dashboard

Culture
SO SAY YOU HAVE A FAVORITE PODCAST THAT YOU WANT TO LISTEN TO WITHOUT HAVING TO FIRE UP ITUNES? WELL, IF YOU HAVE A MAC YOU'RE IN LUCK. I'M WILSON TANG, AND I'M GOING TO SHOW YOU HOW TO CREATE A DASHBOARD WIDGET WITH OS X'S BUILT-IN DEVELOPMENT TOOLS. EVERY SINGLE OFFICIAL COPY OF MAC OS X COMES BUILT-IN DEVELOPMENT TOOLS LIKE XCODE AND INTERFACE BUILDER, MEANING YOU CAN DEVELOP YOUR OWN OS X OR EVEN IPHONE APPLICATIONS FREE OF CHARGE! NOW, IF YOU DON'T HAVE THE OS X DEVELOPMENT TOOLS INSTALLED ON YOUR MAC, IT'S ON YOUR INSTALL DVD. JUST LAUNCH THE XCODE INSTALLER, AND YOU'RE GOOD TO GO. ONCE YOU HAVE THAT DONE, LET'S TAKE A LOOK AT THE LITTLE KNOWN TOOL CALLED DASHCODE. STEVE JOBS MENTIONED THIS A FEW KEYNOTES AGO, BUT IT NEVER GOT MUCH PRESS ATTENTION. WITH IT, HOWEVER, YOU CAN CREATE ALL SORTS OF OS X DASHBOARD WIDGETS RIGHT ON YOUR MAC WITH RELATIVELY LITTLE KNOWLEDGE OF PROGRAMMING LANGUAGES. WHEN WE LAUNCH DASHCODE, WHICH IS IN YOUR DEVELOPER APPLICATIONS FOLDER IN YOUR MAC HARD DRIVE, YOU'LL BE PRESENTED WITH OPTIONS TO CREATE WEB APPS OR DASHBOARD WIDGETS. WE'LL SELECT DASHBOARD WIDGETS. AS YOU CAN SEE WE CAN CREATE RSS READERS, PHOTO VIEWERS, GUAGES AND EVEN CUSTOM WIDGETS. FOR NOW, WE'RE JUST GOING TO SELECT PODCAST. DASHCODE WILL AUTOMATICALLY CREATE ALLTHE NECESSARY FILES AND CODE FOR YOU TO CREATE YOUR NEW DASHBOARD WIDGET. WHILE IT DOES MOST OF THE HEAVY LIFTING, THERE ARE STILL SOME THINGS WE HAVE TO CHANGE IN ORDER TO PERSONALIZE YOUR WIDGET. APPLE MAKES IT REALLY EASY THOUGH WITH BUILT-IN STEPS YOU SHOULD FOLLOW. SO FIRST, WE NEED TO PROVIDE IT A PODCAST FEED. SO BY CLICKING THE TRIANGLE NEXT TO PODCAST PROPERTIES WE'RE BROUGHT TO THE WIDGETS ATTRIBUTES PAGE. IN THE PROPERTIES SECTION, WE'RE JUST GOING TO PASTE IN THE RSS FEED OF OUR FAVORITE PODCAST. WHEN WE'RE DONE, WE'RE JUST GOING TO MARK AS DONE TO MAKE SURE WE HAVEN'T MISSED ANY STEPS. NEXT, WE'RE GOING TO GIVE AN IDENTIFIER TO THIS WIDGET. THIS IS VERY IMPORTANT IF YOU'RE GOING TO CREATE MORE THAN ONE WIDGET. THIS IS HOW THE DASHBOARD KEEPS TRACK OF DIFFERENT WIDGETS. IN THIS CASE, WE'RE GOING TO CALL IT COM.CNET.WIDGET.THE404. AND MARK AS DONE. NEXT, WE'RE GOING TO CREATE A DEFAULT IMAGE SO THAT WHEN WE PULL THE WIDGET OUT OF ITS DOCK, WE WILL GET A PREVIEW OF WHAT IT'S SUPPOSE TO LOOK LIKE. CLICKING ON CANVAS IN THE PREVIEW DEFAULT IMAGE STEP, WE'RE BROUGHT TO THE FRONT OF THE WIDGET, AND WE'RE JUST GOING TO CHANGE THE NAME A BIT. IN THIS AREA, YOU'LL BE ABLE TO CHANGE THE DESIGN AND LAYOUT OF YOUR WIDGET. FEEL FREE TO EXPERIMENT TO YOUR HEART'S CONTENT, BUT WE'RE GOING TO MOVE ON AND CLICK MARK AS DONE AGAIN. FINALLY, WE'RE GOING TO DESIGN A PODCAST ICON. IN THE DESIGN WIDGET ICON STEP, CLICK WIDGET ICON COMPOSER. THEN RIGHT NEXT TO IT, THERE IS A PLACE BUTTON. THIS WILL ALLOW US TO IMPORT AN IMAGE AND ADD THE SNAZY APPLE GLOSSY LOOK TO THE ICON. AND WE'RE CLOSE TO BEING DONE! BEFORE WE CAN DISTRIBUTE OUR NEW WIDGET, WE SHOULD TEST AND RUN IT BY CLICKING THE RUN BUTTON IN THE UPPER LEFT CORNER. WHEN WE'RE DONE MAKING SURE IT WORKS, WE WILL JUST HIT STOP. NOW, IT'S TIME TO SHARE OUR WIDGET. WE WILL CLICK THE SHARE BUTTON IN THE TEST & SHARE STEP. WE'LL BE ASKED TO NAME OUR WIDGET, AND WE CAN SET A MINIMUM OS X VERSION FOR THIS WIDGET. YOU CAN EITHER SAVE TO DISK OR YOU CAN DEPLOY TO YOUR DASHBOARD. BEFORE YOU E-MAIL YOUR WIDGET TO YOUR FRIENDS, YOU'LL PROBABLY LIKE TO ZIP YOUR WIDGET BECAUSE IT MAY APPEAR AS A FOLDER IN OTHER OPERATING SYSTEMS, RATHER THAN A PACKAGE. THE GREAT THING ABOUT THESE WIDGETS ARE THAT THEY WILL CONTINUE TO RUN IN THE BACKGROUND WHILE YOU WORK SO DON'T HAVE TO KEEP ITUNES RUNNING AND YOU CAN EASILY TURN OFF YOUR PODCAST BY PULLING UP THE DASHBAORD. I'M WILSON TANG, AND THIS HAS BEEN A HOW-TO CREATE YOUR OWN PODCAST WIDGET IN OS X.

Up Next

Connect a Meta Quest 2 VR Headset to a PC
pc-vr-5

Up Next

Connect a Meta Quest 2 VR Headset to a PC

Cast Your Meta Quest Headset to a TV, Phone or Browser
cast-2

Cast Your Meta Quest Headset to a TV, Phone or Browser

MacOS Ventura Continuity Camera Turns Your iPhone Into a Webcam
1203246975312353-pnmdl8bwygpxcjffhlcf-height640.png

MacOS Ventura Continuity Camera Turns Your iPhone Into a Webcam

How to Clean Your Keyboard's Sticky Keys
3keyboards

How to Clean Your Keyboard's Sticky Keys

How to Play Games from PlayStation Plus on PC
psstill

How to Play Games from PlayStation Plus on PC

How to Delete or Disable Your Instagram Account
phoneonorange

How to Delete or Disable Your Instagram Account

Fix Your iPhone Screen With Apple's Self-Service Repair Kit
dsc00641

Fix Your iPhone Screen With Apple's Self-Service Repair Kit

How to Buy a Budget Laptop in 2022
budgetlaptops-00-08-35-15-still001

How to Buy a Budget Laptop in 2022

Google Pay: How to Set Up and Use
googlepay-inhand

Google Pay: How to Set Up and Use

Tech Shows

The Apple Core
apple-core-w

The Apple Core

Alphabet City
alphabet-city-w

Alphabet City

CNET Top 5
cnet-top-5-w

CNET Top 5

The Daily Charge
dc-site-1color-logo.png

The Daily Charge

What the Future
what-the-future-w

What the Future

Tech Today
tech-today-w

Tech Today

Latest News All latest news

Why NASA Is Helping Apptronik Build a Humanoid Robot
apptronik-seq-00-06-02-21-still007

Why NASA Is Helping Apptronik Build a Humanoid Robot

One Day With Samsung's New Galaxy S23 Ultra
24-hours-with-the-s23-ultra-3

One Day With Samsung's New Galaxy S23 Ultra

Apple's Mysterious New Music App
230201-yt-apple-new-music-app-v05

Apple's Mysterious New Music App

'Prehistoric Planet': The Visual Effects Behind the Apple TV Plus Show
prehistoricplanet

'Prehistoric Planet': The Visual Effects Behind the Apple TV Plus Show

Boston Dynamics' Stretch Robot Is DHL's Newest Helper
dhl-image-without-bug

Boston Dynamics' Stretch Robot Is DHL's Newest Helper

Samsung Galaxy S23 Ultra, S22 Ultra, iPhone 14 Pro Max: How Do They Compare?
yt-samsung-s22-s23-iphone14-pro-max

Samsung Galaxy S23 Ultra, S22 Ultra, iPhone 14 Pro Max: How Do They Compare?

Most Popular All most popular

Easy Ways to Lower Your Utility Bills and Save Money
yt-reduce-your-utility-bills-v3

Easy Ways to Lower Your Utility Bills and Save Money

How to Delete or Disable Your Instagram Account
phoneonorange

How to Delete or Disable Your Instagram Account

Big tech explains how it will fight foreign government hacks in US elections
senate-ceos-facebook-russian-interference-00-07-11-09-still083

Big tech explains how it will fight foreign government hacks in US elections

Apple is opening medical clinics for its employees
news-22718

Apple is opening medical clinics for its employees

Facebook braces for Apple's privacy changes, Fall Guys is most downloaded PS+ game ever
tt-082720

Facebook braces for Apple's privacy changes, Fall Guys is most downloaded PS+ game ever

Here's why Ford is smart to call its new, all-electric SUV a Mustang
opinion-mache-v1

Here's why Ford is smart to call its new, all-electric SUV a Mustang

Latest Products All latest products

Samsung's Galaxy S23 Lineup Is Here With Big Camera Upgrades
cnets23

Samsung's Galaxy S23 Lineup Is Here With Big Camera Upgrades

Testing Apple's New M2 MacBook Pro and Mac Mini
macbook-pro-and-mac-mini

Testing Apple's New M2 MacBook Pro and Mac Mini

Hands On: Google Android Auto in Volvo's New EX90
google-booth-seq-00-08-05-25-still002

Hands On: Google Android Auto in Volvo's New EX90

Hands On: Acer's 3D Stereoscopic Screen
c0270-mp4-02-36-54-21-still001

Hands On: Acer's 3D Stereoscopic Screen

'Hey Disney' Comes to Amazon Echo Devices
ces-disneyalexa-00-01-11-14-still001

'Hey Disney' Comes to Amazon Echo Devices

Hearing Dolby Atmos in a Car Blew Me Away
ces-dolby-00-00-55-13-still001

Hearing Dolby Atmos in a Car Blew Me Away

Latest How To All how to videos

Connect a Meta Quest 2 VR Headset to a PC
pc-vr-5

Connect a Meta Quest 2 VR Headset to a PC

Cast Your Meta Quest Headset to a TV, Phone or Browser
cast-2

Cast Your Meta Quest Headset to a TV, Phone or Browser

MacOS Ventura Continuity Camera Turns Your iPhone Into a Webcam
1203246975312353-pnmdl8bwygpxcjffhlcf-height640.png

MacOS Ventura Continuity Camera Turns Your iPhone Into a Webcam

How to Clean Your Keyboard's Sticky Keys
3keyboards

How to Clean Your Keyboard's Sticky Keys

How to Play Games from PlayStation Plus on PC
psstill

How to Play Games from PlayStation Plus on PC

How to Delete or Disable Your Instagram Account
phoneonorange

How to Delete or Disable Your Instagram Account