Wednesday, July 04, 2012

Making some cross browser Metro buttons with the CSS3 Microsoft-Metro Buttons (CMMB) library

Ginktage - Free Download – CSS3 Microsoft-Metro Buttons

"As per the developer, the CSS3 Microsoft-Metro Buttons is inspired by Tim O’Donnell’s CSS3 Google Buttons, Twitter Bootstrap, and Microsoft Icons from glyphicons.com and SyncFusion’s Metro Studio.

CSS3 Microsoft-Metro Buttons weighs about 21 KB and is a light weight and easy to use CSS or JavaScript library which uses CSS3 styles for rich button design.

The CSS3 Microsoft-Metro Buttons are cross-browser compatible from Internet Explorer 8 to the latest versions including Google Chrome and Mozilla Firefox.

..."

ace-subido / css3-microsoft-metro-buttons

"Inspired by Microsoft's Metro Design Language, I was in need of a metro-styled CSS3 button library. I wanted to make similar metro-looking buttons used by Microsoft (extensively used in their Microsoft Windows Azure website) So I've built a very small, simple and clean CSS3 library to deal with my problem.

My goal is to help developers out there shave off some wasted time building that metro-like stylesheet by providing them a library, a starter kit, a base on which they can build upon.

...

Demo and Documentation

http://ace-subido.github.com/css3-microsoft-metro-buttons has a live demo and the library documentation

..."

http://ace-subido.github.com/css3-microsoft-metro-buttons/

CSS3 Microsoft-Metro Buttons (CMMB)
Inspired by Microsoft's Metro Design Language, I was in need of a metro-styled CSS3 button library. I wanted to make similar metro-looking buttons used by Microsoft (extensively used in their Microsoft Windows Azure and Codeplex websites) So I've built a very small, simple and clean CSS3 library to deal with my problem.

Thus CSS3 Microsoft-Metro Buttons (CMMB) was born. Weighing in at a healthy 21KB (compressed, 4KB gzipped), it's a light-weight and easy-to-use CSS/JS library that uses CSS3 styles for rich button design. The library can also work with Twitter Bootstrap. The buttons are also cross-browser compatibile from IE8, to the latest version of Chrome, and Firefox so you don't have to spend countless minutes testing on different browsers.

License

You can use this library for any projects you have in mind, although it would be nice if you give credit to me and/or mention me in twitter.
This work is licensed under a Creative Commons Attribution 3.0 Unported License.

image

image

Nothing like a little CSS3 Metro buttons for the 4th of July... (okay, yeah, that doesn't make any sense... Sorry, it's been a long week... :)

No comments: