Clarity Computers » Javascript

Javascript Curvy Corners Mootools Version

Matthew — Thu, 01 Apr 2010 22:03:19 +0000

What is CurvyCorners?

A free JavaScript library for creating gorgeous rounded corners for HTML block elements i.e. DIVs. Supports anti-aliasing, borders and background images.

Currently Firefox, Safari and Chrome have limited support for the proposed CSS3 border-radius selector.

This is an awesome library, simply include the script tag and code your css with CSS3 rounded corner properties and it automatically detects IE and rounds the corners for you.

Script tag:

Sample CSS:

.navbar {width: 980px; border: 1px solid #555; -moz-border-radius:3px; -webkit-border-radius:3px; }

For more information please see the authors home page: http://www.curvycorners.net/

Mootools Version

There is an addEvent inside the Curvy Courners JS module, I replaced this with Mootools code so it no longer causes a conflict.

Note: There is a file embedded within this post, please visit this post to download the file.

Gallery extension for BlogEngine

Matthew — Thu, 04 Jun 2009 08:55:00 +0000

Paul Tumelty wrote a very nice BlogEngine component that creates a page of Lightbox 2 links dynamically from a directory of images.

I have added to this extension, you can now pass in a “SetName” to define a set of images. Defining a set of images in lightbox allows you to use the built in Previous and Next capabilities of Lightbox 2.

I also noticed an error with thumbnail generation, it was hard coded to a value of 75, that has been fixed as well.

Get the Lightbox JS here
Get the Gallery extension here

Download the update
Note: There is a file embedded within this post, please visit this post to download the file.

I also had an issue with Prototype interfering with lightbox (making the application appear not to work). If this happens to you simply update the blog.js file in your installation root directory of BlogEngine to correct this error.

Vista Sidebar Gadget

Matthew — Sat, 24 Nov 2007 04:49:00 +0000

There is an observatory close to where I live called the “Mount Washington Observatory” (http://www.mountwashington.org/). It just so happens to be located on top of Mount Washington who would have thought it? Anyway, they post pictures every 15 minutes from the five different public cameras located across on the property. I thought it would be cool to make them into a Vista slide show gadget, while adhering to bandwidth conservation. The images the gadget uses are pulled from a mirror site (I mirror them on this server, http://devclarity.com/MWO) so not to choke MWOs bandwidth. The images will cycle often (configurable) but will only be updated every 15 minutes, there is also a time each day where no new images will be processed (9pm to 3am, the cams have trouble seeing in the dark ).

Updates
Nov 26 2007: Minor Bug Fixes
Dec 20 2008: Fixed image overflow

Credits
My friend Kirk for doing up the graphics and Mount Washington (of course) for posting the images in the first place.

Screen shot (It’s dusk so the image is dark, you can zoom in by clicking on the image)

Download Link

This gadget is defunt, the image mirror no longer exists.

Note: There is a file embedded within this post, please visit this post to download the file.

Mad Clickr (Simon) in Adobe Air

Matthew — Sat, 22 Sep 2007 03:28:00 +0000

Adobe Air is a way to run web applications on your desktop while proving a means, for the web developer, to control the local system (Play sounds, write to files etc). Anyway I wanted to give this new gadget a try, I have to say I wasn’t impressed with the technology. I have been writing web applications for desktop use long before Adobe Air, and while Air does give you access to some areas of the system a web app would not normally have I didn’t find it to be an earth shattering development like Adobe would have you think.

Anyway, I wrote this Simon like game to give the technology a spin. By no means is this a great game mind you (it even looks a little cheesy, like it belongs in the 70′s [doh]). But without further adue here is Mad Clickr. (If nothing more you can take it apart and look at the JS)

Note: There is a file embedded within this post, please visit this post to download the file.