Image Carousel

Posted by Dan Dobbs – October 23, 2007


Inspired by Nikhil Kothari  and Lee Brimelow, I decided to make my own image carousel. Clicking/dragging left or right controls the rotation speed…

View Example, Source

Filed Under:   1.0 Javascript | 5 Comments

Combo Box Component

Posted by Dan Dobbs – October 19, 2007


Here is a basic Combo Box component that is easy to implement and customize. It supports automatic scrolling when the number of items exceed the specified height and is fed by an array.

Example, Source

Filed Under:   1.0 Javascript, Components | 3 Comments

Twitter

Posted by Dan Dobbs – October 11, 2007


This user interface example access the twitter.com API, parses the loaded XML and displays the latest Tweets. It also incoporates a custom skinned scrollbar.

Example, Source

Filed Under:   1.0 Javascript | Leave a Comment

Browser Scaling Video Player

Posted by Dan Dobbs – October 9, 2007


This video player scales with the browser to be any size the user wishes. Also features auto hiding controls.

Scaling Version: Example, Source

Fixed Size Version: Example, Source

Filed Under:   1.0 Javascript | Leave a Comment

Silverlight scrollbar component: Updated for easy implementation

Posted by Dan Dobbs – October 2, 2007


Another update to the scrollbar component. Just made some tweaks to make it easier to implement/instantiate. It’s getting closer to more of an OOP style but it’s not all the way there yet. Now all you have to do is call/instantiate the scroller like this:

myScrollPanel=new createScrollablePanel(“sp1″, 10, 10, 100, 160, “V”, the_text, “#FFF”, 9, null, “#0000FF”)

with the following parameters…

unique name, xpos, ypos, width, height, direction, text, [text_color, text_size, text_font, bg_color]

bracketed items are optional, I haven’t converted the horizontal portion yet so only “V” (vertical) is available ;-)

This makes it way easier when you have multiple scrollers on the page. The mouse wheel support also got carried over and works when the mouse is over the particular textfield you want to wheel thru. There are now properties in the constructor to control other options like color, spacing, etc.

Example, Source.

Silverlight scrollbar component: Updated with MouseWheel Support

Posted by Dan Dobbs – September 26, 2007


Here is an updated version of the scrollbar component I released earlier but this new version has Mouse Wheel Support:

Example, Source.

Thanks to Adomas Paltanavičius for the Javascript that handles the Mouse Wheel events!

Silverlight with some Flickr

Posted by Dan Dobbs – September 25, 2007


Here’s a quick example of how to call a method from the Flickr API and display some goodies in Silverlight. This grabs the 100 most interesting photos…

flickr1 – thumbnails: Example, Source

Next uses a larger canvas, 1400×1000, so beware puny monitors/weak video cards!

flick2 – medium size images :  Example, Source

Filed Under:   1.0 Javascript | 1 Comment

Reposition/Resize Content on Browser resize

Posted by Dan Dobbs – September 24, 2007


Resize the browser and the content gets repositioned accordingly.

Example, Source

Resize the browser and the content gets scaled accordingly.

Example, Source

Filed Under:   1.0 Javascript | 1 Comment

Silverlight Media Viewer

Posted by Dan Dobbs – September 21, 2007


This sample application incorporates some of the previous examples (scrollbars, image viewers, etc) into a working Silverlight app. The Media Viewer includes a video player, an image viewer and an RSS reader pulling stories from Yahoo News.

Media Viewer – Example, Source

We’ve also developed a nice looking portal for these examples at http://www.vectorform.com/silverlight/

Silverlight Flyout Navigation

Posted by Dan Dobbs – September 18, 2007


This example leans a little more towards traditional web site navigation with the tried and true flyout menu. I didn’t really have a need to make one of these but I thought it might come in handy in the future. I’ll also have to write an N-level version but I’ll put that off til later as the need for that rarley seems come up any more. 3 versions including source.

Flyout nav, hide/show – Example, Source

Flyout nav, fade in/out – Example, Source

Flyout nav, animate up/down – Example, Source

keep looking »