I want to start a website and i want to create it in windows metro ui style. How should i start making ws? Any template or something else? I'm advanced in html and php but i dont know how to make the design.

i'm also interested on it. i have no idea for the moment

thinking of OFFICIAL Windows 8 Site in Metro UI Live tiles

Best way would probably be a combination of advanced CSS (probably lots of absolute positioning), and the ext.js library. You should be able to achieve a very similar user experience. Check out the ext.js examples on their website - it shows something not too far away (circa Windows Vista) but a very good starting point.

If you want effects, you probably should have a good js library. Jquary and script.aculo.us are very good. For a "Metro UI" look, CSS3 techniques can really come in handy. I would minimize the use of images if possible. Do you have any experience with CSS? Remember that trying to replicate something is always more complicated than you originally think.. I learned that the hard way multiple times.

that kinda contradicts itself

Someone could be advanced in html and php but not in design and css. For example, a backend programmer may do html and php but never actually design a website.

HTML doesn't go without CSS since like 1998

True, but I was just pointing out that they never said anything about their CSS skill.

I beg to differ. http://peterwunder.de/playground/win7/ (Best viewed in Firefox 4)
You just have to know which techniques you can use (read: What features of CSS3 are supported in all modern browsers).

Not the "best" idea, but you could take some images of the metro UI, take out the text, put it as a CSS background, and use absolute positioning to place the content where you want.

Here's a "template" that's meant to be a home page replacement. It'll work basically the same way.

http://www.mediafire.com/?6x2b857yy0yc1sy

Original link

http://flatmo1.deviantart.com/art/EIGHT ... -212847573

Here are some photoshop resources. http://www.microsoft.com/design/toolbox ... photoshop/

Hi Dear Programmers,

I can surely help you in any design related problems, but I sure do want a PHP programmer to help me with my issues? anyone to join hands ?

This browser has his default homepage as an Metro like Website IIRC

can i download the code for the win7-page somewhere?

@lordofweb: Please don't do that.
Just yesterday I contacted multiple people who badly plagiarized my content, to make them take it down.

In the longhorn days I made a site using only IE DHTML Effects that simulated he Longhorn glass on the web site..

I had a media playing by using the WMP object control and IE framed browser.

It was fun… however by using just HTML (this was before ie7 was on the picture) firecrap died at loading the site and ie5 didn’t support the transparent effects.

I wonder if I still have that site…

this was a subject i played with a while ago
needs some updating but you can check it out at http://www.no_longer_in_use.com
suggestions welcome!

I've found this http://metro-webdesign.info/
I'm modifying it now, works quite good, unfortunately the tutorial page includes only the basic things, but it's the best website ive found.