Online Advertising, Web Development & General Rantings

A Beautiful Website

need silverlight 1.1

[in the process of updating this for Silverlight 2.0 beta]  

The goal of this project is to create a cool set of controls that when mixed together results in a “Beautiful Website”

I frequently traverse the websphere and sometimes i find a gem of a website, Apple’s website is one of these gems. I will spend the next couple of weeks recreating some of the Apple website controls in SilverLight and Blend.

Here’s a quick picture of all the current controls that I’ve created (click on image to see the demo page in action)

 combined page 6

[PLEASE NOTE: that all controls are found in the same "source code" zip file. If you download it for one control then you will automatically get all controls source code. I added the "source code" link to each control section to make it easier to access over having one link at the bottom of the page.]

“Apples Top Menu” - (source code) (blog post) (sample)

apples top menu as a silverlight control

“Apples Product Slider” - (source code) (blog post) (sample)

productslider.gif

“Apples Marquee” - (source code) (blog post) (demo)

rotating marquee 2

“Apples Slideshow” - (source code) (blog post) (demo)

slideshow thumb

“Apples Accordion” - (source code) (blog post) (demo)

accordion thumb

“Apples Video Player” - (source code) (blog post) (demo)

video player 5 

“iPod Touch - icon line-up” - (source code)  (blog post) (demo)

icon lineup 400px

“Flickr’s Picture Upload Tool” - (source code)  (blog post) (demo)

 Flickr's multi file upload tool as a silverlight control

“Colour the World” - a colour picker done with SilverLight (source code)  (blog post) (demonstration)

“Gold & Sparkly Title + Rotating Marquee” (source code) (blog post) (demonstration)

Please note that these controls are not production ready controls, they are here to give you inspiration to create your own controls. However, saying that, most of these controls need only a little work to get integrated into a real production web site, ultimately in time they will be refactored to form a cleaner control library. Please remember that I too am learning SilverLight and Blend, these controls are a result of that learning process :)

10 Comments

10 responses so far ↓

  • jonx // September 4, 2007 at 10:56 pm

    hello,
    seems all very nice but the problem is that I get the following error with all your demos, IE7…

    —————————
    Windows Internet Explorer
    —————————

    Silverlight error message
    ErrorCode: 2251
    ErrorType: ParserError
    Message: AG_E_RUNTIME_MANAGED_ACTIVATION
    XamlFile: xAML_BlendCandy/Accordion.xaml
    Line: 6
    Position: 54

    —————————
    OK
    —————————

  • advertboy // September 4, 2007 at 11:25 pm

    are you using silverlight 1.1 alpha refresh? I think my createsilverlight javascript calls only show 0.95 as the required version but i believe i need to change that. I’m going to fix it tonight and update the blog page to let people know that they need silverlight 1.1. Refresh.

  • Gary // September 17, 2007 at 2:59 am

    Hey, I know I’ve left a comment before, I didn’t have the newest version of silverlight to view your work.

    Now, that I do have it and can see how amazing your stuff is. Is there anyway I can use your code into my own website? I mainly want to use the accordion feature, it’s hard to find a code of it to look like Apple’s and hard to copy Apple’s and all it’s files to your server to get it to work correctly.

    I would e-mail you this, but I don’t know your e-mail. I hope you can help me, or at least point me into the correct direction that I seek.

  • advertboy // September 17, 2007 at 7:13 am

    the code to all my samples is in the “a beautiful website” page. Feel free to download it and use it anyway you want.

    Get your developer (or yourself) to rip apart sample and use the accordion if that’s what you want.

    Alot of the controls i’ve created took me less than an hour to make, and the code reflects that. You should probably refactor it before you go live with it but its up to you.

    Let me know if you have other ideas for controls you would like to be built.

  • scbarnes // September 23, 2007 at 12:35 pm

    You are kicking some ass here dude, keep up the good work as I’m enjoying it!

    -
    Scott Barnes
    RIA Evangelist
    Microsoft.

  • Martin Cook // October 29, 2007 at 1:42 pm

    Absoluletly Fantastic! You are an inspiration!

    M

  • Led Zeppelin // January 13, 2008 at 8:12 pm

    I use Firefox 2.0
    Your demo requires installation of something called “Silverlight”. What is that?

  • advertboy // January 13, 2008 at 8:52 pm

    Led Zeppelin Silverlight is Microsoft’s version of flash. I use it to build my application with, it’s completely safe (if you trust stuff from Microsoft that is). And the blue graphic at the top of the page direct’s you to the download page where you can get it from.

    Honestly If your willing to install I would wait till March when it moves out of alpha and into Beeta (a more stable and distributable version)

  • tyler // January 29, 2008 at 8:56 pm

    Great job!

    I download your source, but still have problem to run it. For example, how to create Accodion control using Accodion.dll?

    thanks

  • Jen C // February 20, 2008 at 5:14 pm

    I’m using VS2008 and trying to add the Product Slider to my Silverlight application.

    I can’t find the Categories.xaml.cs in the code I downloaded. How do I get the scrollbar to work?

Leave a Comment