CSS 3d Transforms for Safari, Chrome and Firefox

I am now developing a 3d Carousel for use in different browsers. It uses 3d transforms available in Safari, Chrome and Firefox. Unfortunately IE 9 and Opera do not seem to support it.

The following references are excellent resources.

1. Using 2D and 3D Transforms is an excellent place to start
2. CSS3 Transitions, Transforms and Animation Tutorial has excellent tutorial.
3. Intro to CSS 3D transforms has very good step by step approach which explains the fundamentals of transforms and how to implement it with CSS3.
4. Cloud Carousel - A 3d Carousel in Javascript does not use CSS 3d and done in Javascript
5. CSS Infos is an excellent reference site.
6. Ceaser CSS EASING ANIMATION TOOL is worth visiting.
7. CSS3 tools is also worth visiting.
8. Rotating Image Using JQuery has also some introductory information.

3d Animation in Silverlight

Excellent tutorials by Gavin Wignall

Silverlight Buzz Tutorials

Windows Phone 7 XNA Assets

Some times, I start with the examples given by Microsoft or other bloggers and modify them to my requirements. This works fine. The trouble starts when you want to combine some of the snippets from one of these projects with new projects. You start running into configuration problems.

I got the errors in model loading in XNA and images. One of the errors is given below.

I got this error Cannot find type Microsoft.Xna.Framework.Content.Pipeline.Graphics.NodeContent when I tried to run a Windows XNA project with models.

I also had errors about not finding images.

I had to  move all the models and images to content. In addition I had to make sure in the properties of the model, we have the following:

1. Build Action Compile
2. Content Importer X File – XNA framework
3. Content Processor – Model-XNA framework

For images

I have the following for both Content Importer and Content Processor Texture- XNA Framework