Git Product home page Git Product logo

css3-microsoft-metro-buttons's Introduction

Overview

Formerly known as CSS3 Microsoft-Metro Buttons (CMMB)

Inspired by Microsoft's Modern 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.

Thus CSS3 Microsoft-Modern Buttons was born. Weighing in at a healthy 33KB (compressed, 5.5KB gzipped), it's a light-weight and easy-to-use CSS/JS library that uses CSS3 styles for 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.

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.

Developers

LESS and SASS

LESS makes us write CSS much more like functional programming and it trains us to solve problems that way. I use wearekiss's SIMPLESS. To know more about LESS visit http://www.lesscss.org. To access the LESS and SASSfiles, download the "dsl-branch" branch.

Though as of 1.1.0, I haven't found the time to do it with LESS or SASS.

Got a bug to report or a feature request?

https://github.com/ace-subido/css3-microsoft-metro-buttons/issues is the perfect place for that.

Author

My name is Ace Subido, I'm a .NET developer from the Philippines.

Acknowledgements

Inspired by Tim O'Donnell's CSS3 Google Buttons, Twitter Bootstrap, and Microsoft. Icons from glyphicons.com and Syncfusion's Metro Studio. I do not claim ownership on the origin of design and icons.

License

Creative Commons License
This work is licensed under a Creative Commons Attribution 3.0 Unported License. (I love this license! The license summary doesn't have any paragraphs in all-caps that seems like the license is angry at you)

css3-microsoft-metro-buttons's People

Contributors

ace-subido avatar

Watchers

avatar avatar avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.