Tag: Metro UI

  • Metro UI Form using HTML5 and CSS3

    Metro UI Form using HTML5 and CSS3

    Few months ago I had posted a PSD freebie for Metro UI Contact form. I received many requests saying for the HTML/CSS version of the same. So here is the form, coded using HTML5 and CSS3.

    A Quick preview:

    HTML/CSS Demo

    Metro Style Contact Form PSD

    Here you can download the HTML/CSS:

    Download

    Happy sharing!

  • Metro UI Style Contact Form PSD

    Metro UI Style Contact Form PSD

    Hearing a lot about Metro Design pattern? I have a simple freebie for you today, which falls under same rumor.  It’s a Metro UI style Contact Form, PSD available to download. Hope this will be useful.

    Here is how it looks:

    Metro Style Contact Form PSD

    Get it here

    Download PSD

    More? Let me know if anyone wants this coded in HTML5 & CSS3.

  • 5 Best Articles to Learn Metro UI Design

    5 Best Articles to Learn Metro UI Design

    Microsoft Windows 8 is about to release. It will bring a totally new way in computing experience. Microsoft has changed the UI from classic bar button pattern to Metro Design Pattern. I think this is one of the most trending news in web designers world now.

    Have you had any chances to learn Metro UI Design language? If not, here are 5 good resources  where you can learn Metro UI Design.

    Metro Design Principles

    Article by Arturot, an architect – he talks about core principles behind the Metro Design Language.

    Link to article

    Metro design guide for developers, v1.00

    He is a developer, who codes yet shares the learning from Windows Phone design.

    Link to article

    8 traits of great Metro style apps

    One more video to see, quite lengthy – BUT it will give you straight views on why you should consider Metro pattern. Must watch.

    Link to article