HTML – DAN FOLKES

Quick Weather App in Your URL

I wanted to make a good little weather app for myself for Richmond, VA.

I couldn’t find what I wanted, but I was able to write a little bookmarklet using Chrome and Firefox’s ability to have data:text urls.

Here is the URL:
LINK

data:text/html,<html><head><style>body,img {white-space:nowrap;float:left;}</style></head><body><img src = "http://forecast.weather.gov/wtf/meteograms/Plotter.php?lat=37.53819&lon=-77.46955&wfo=AKQ&zcode=VAZ071&gset=20&gdiff=10&unit=0&tinfo=EY5&ahour=0&pcmd=101001100100000000000000000000000000000000000000000000000&lg=en&indu=1!1!1&dd=0&bw=0&hrspan=48&pqpfhr=6&psnwhr=6" /><img src = "http://forecast.weather.gov/wtf/meteograms/Plotter.php?lat=37.53819&lon=-77.46955&wfo=AKQ&zcode=VAZ071&gset=20&gdiff=10&unit=0&tinfo=EY5&ahour=48&pcmd=101001100100000000000000000000000000000000000000000000000&lg=en&indu=1!1!1&dd=0&bw=0&hrspan=48&pqpfhr=6&psnwhr=6" /><img src = "http://forecast.weather.gov/wtf/meteograms/Plotter.php?lat=37.53819&lon=-77.46955&wfo=AKQ&zcode=VAZ071&gset=20&gdiff=10&unit=0&tinfo=EY5&ahour=96&pcmd=101001100100000000000000000000000000000000000000000000000&lg=en&indu=1!1!1&dd=0&bw=0&hrspan=48&pqpfhr=6&psnwhr=6" /></body></html>

Just put that in your URL and you will get a good Richmond Weather Graph.

The pictures are taken from:
http://forecast.weather.gov/MapClick.php?lat=37.58036&lon=-77.4874049&unit=0&lg=english&FcstType=graphical

Facebook Website Integration – HTML

To integrate Facebook on to a website without the use of a facebook app you need these things:

Facebook Page RSS Feed (can be tricky)
Feedburner Account (free,easy) (here)

Once you have both of those things you can do this in feedburner:

Add a new feed (your facebook url)
Go to the publicize tab
Go to BuzzBoost
Sroll down and fill out the form, you will be given html code.

<script src="http://feeds.feedburner.com/DanielFolkessFacebookStatusUpdates?format=sigpro" type="text/javascript" ></script>
<noscript><p>Subscribe to RSS headline updates from: 
<a href="http://feeds.feedburner.com/DanielFolkessFacebookStatusUpdates"></a>
<br/>Powered by FeedBurner</p> 
</noscript>

Preview:

And that’s it!
You can now style it up a little bit with some CSS and stuff.

HOWTO: Setup an Aggregated RSS feed for your Friends using Google Reader

Lets say you have three friends, and you don’t really want to check all of there twitter, blogs, rss feeds all day long.

RSS Feeds:
http://danfolkes.com/index.php/feed/
http://twitter.com/statuses/user_timeline/17508497.rss
http://rss.slashdot.org/Slashdot/slashdot

What you do is open Google Reader (Part of a Google account.)
Add all of the feeds to it by selecting “Add a Subscription”

Go into the “Manage Subscriptions” page (link in lower left)
Now, click “Add to Folder” and Create New Folder for the item

Now add the rest of the feeds to that folder in the same fashion.
Now to refresh, Click “« Back to Google Reader” then “Manage Subscriptions”
Goto the “Folders and Tags” Tab (near Manage Subscriptions)
Select your new folder, and select Public from the “Change Sharing…” drop down list.

You should now have “View Public Page” button.
That page contains a nice looking aggregate HTML view and a rss feed related to the page that you can add to any feed reader.
Here are my links: HTML and RSS

I hope this helps someone! Leave comments if it did.