I’ve made a new LWC template that I’ve called WXImproved which integrates a little jquery javascript for some nice effects. It validates as XHTML Strict as well as CSS 2.1. Check it out and see what you think.

The template consists of several files:

• wximproved.html - This is the main page
• wximprovedalmanac.html - This is the historical data for your station
• js folder - Upload this folder to your site. It contains the jqeury.js file which provides all the slider effects. It’s important that this folder is added to the same directory where you’re uploading wximproved.html and wximprovedalmanac.html
• img folder - This folder contains the various buttons and backgrounds. Like the js folder, it should be uploaded to the same directory as wximproved.html
• wxi.css - This is the css file that should be uploaded to your site, again in the same directory as wximproved.html. You can modify this file should you wish to change the colors, fonts, etc.

Note that I’m using the Yahoo User Interface (YUI) library to ensure a that everything looks consistent across a number of platforms. If you want to change the font sizes or font types, I’d strongly encourage you to adhere to the YUI guidelines. The reason is that they’ve done A LOT of work to figure out how to make the fonts look the same in multiple browsers and platforms. Refer to http://developer.yahoo.com/yui/fonts/ for information about how to change font sizes and styles.

Edit: I’ve created another template that presents more data than this one. I called it WXImproved since it’s an improvement over this one.

I’ve made a template for LWC that validates as XHTML strict and is fully CSS based. I’ve put in the webtags that I use most often, but of course you’re free to modify it as necessary to suit your tastes. You can see the template in action here.

The template consists of 4 files:

• wx.html: This is the main file that lists the current conditions, graphs, etc.
• wxhistoric.html: This is the historic weather data from your station that is produced using the STA1$ tag.
• wx.css: The css you’ll want to modify should you wish to change colors, alignments, sizes, etc. *
• wximages.html: This is just needed to make LWC prepare the images so that they can be called from wx.html. Unfortunately, LWC doesn’t output XHTML valid markup for images at this time. I’m only showing graphs on my site so if you want to make use of the other images that LWC provides, then you’ll need to add those tags to this file so they get created and uploaded.Update: As of LWC version 0.8.1, this file is no longer necessary.

* Note that I’m using the Yahoo User Interface (YUI) library to ensure a that everything looks consistent across a number of platforms. If you want to change the font sizes or font types, I’d strongly encourage you to adhere to the YUI guidelines. The reason is that they’ve done A LOT of work to figure out how to make the fonts look the same in multiple browsers and platforms. Refer to http://developer.yahoo.com/yui/fonts/ for information about how to change font sizes and styles.

I’m currently using Lightsoft Weather Center (LWC) to log and display the data from my Davis Vantage Pro2 weather station. Some have asked how I went about integrating the data from LWC into Wordpress, so I figured it was about time to explain how I did it.
Read more »

Edit: I’m no longer using WeatherTracker and cannot recommend it to others at this point. The last few releases have been extremely buggy, have removed features, and the developer has been absent for months and will not respond to questions or requests for support.

I’m leaving up the following information for reference purposes only.

I’ve gotten a few questions lately as to how I setup the weather page on this website, so I figured I’d post a little more information about it. It’s not hard at all…
Read more »

I took this on Saturday Night. Lightning is tough to photograph.