txerrinko / crisp.js Goto Github PK

##crisp.js

Build css3 buttons with a single line of javascript. To try it out, visit www.logicalcognition.com/crisp.js.

##Supported Browsers

• Safari 4+
• Chrome 9+
• Firefox 4+
• Internet Explorer 8+

##Usage ###Build a fricken button

var button = crisp.create({innerHTML: 'click me'});

###Build a fricken button and place it in the DOM

var button = crisp.create({innerHTML: 'click me'});
document.getElementById('foo').appendChild(button);

###Build a fricken button using all config options

var args = {
innerHTML: 'gordon',	// button text
width: '100px',		// button width
height: '40px',		// button height
color: '#FF0022',	// text color
bgColor: 'green',	// background color
fontFamily: 'Arial',	// font face
fontSize: '20px'	// font size
}

###Further A button is just a regular element. To change its look or feel more than the in the example above, just create it and style it like you would any other element. Same goes for registering event handlers and positioning.

##License

WTFPL