[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)
[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 Product Slider” – (source code) (blog post) (sample)
“Apples Marquee” – (source code) (blog post) (demo)
“Apples Slideshow” – (source code) (blog post) (demo)
“Apples Accordion” – (source code) (blog post) (demo)
“Apples Video Player” – (source code) (blog post) (demo)
“iPod Touch – icon line-up” – (source code) (blog post) (demo)
“Flickr’s Picture Upload Tool” – (source code) (blog post) (demo)
“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 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?
Faisal // September 16, 2008 at 6:11 am |
Jose you’re a Silverlight Guru.
Sharker Khaleed Mahmud // November 3, 2008 at 3:05 pm |
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 |
[...] A Beautiful Website [...]
make your own website // July 9, 2009 at 7:23 pm |
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