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 :)

14 Comments

14 responses so far ↓

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

    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 | Reply

    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 | Reply

    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 | Reply

    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 | Reply

    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 | Reply

    Absoluletly Fantastic! You are an inspiration!

    M

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

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

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

    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 | Reply

    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 | Reply

    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?

  • Faisal // September 16, 2008 at 6:11 am | Reply

    Jose you’re a Silverlight Guru.

  • Sharker Khaleed Mahmud // November 3, 2008 at 3:05 pm | Reply

    Hi,

    This examples are great. I lately visited templatemonster.com and saw lots of flash website. Its not the flash part that caught my eye but the background combination of colour effects that they used to show a site. I was wandering if u could do some demo of some great background composition using color and effects in blend.

    If u do, please give a nudge at my email address

    Sharker Khaleed Mahmud (MCPD)

  • “Colour the World” - my version of an iPod Touch Colour Picker done with SilverLight « Online Advertising, Web Development & General Rantings // January 22, 2009 at 10:10 am | Reply

    [...] A Beautiful Website [...]

  • make your own website // July 9, 2009 at 7:23 pm | Reply

    hi, interesting information you got on web sites, but can you make money or on this technology? i’m not tolking rich but supplemental income. Which is better HTML or PHP or Flash? What i mean is easier to build/create? thanks, good post by the way i think links are the most important part in promotion

Leave a Comment