Comments on: Create GitHub-Style Buttons with CSS and jQuery, MooTools, or Dojo JavaScript http://davidwalsh.name/github-css Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞. Thu, 09 Feb 2012 02:40:12 +0000 hourly 1 http://wordpress.org/?v=3.3 By: Mikehttp://davidwalsh.name/github-css/comment-page-1#comment-27462 Mike Sat, 05 Nov 2011 09:38:19 +0000 http://davidwalsh.name/?p=4970#comment-27462 My code tag isnt displaying properly, it is input, type = button...the script automatically replaces all native buttons with these buttons and works perfectly in all browsers...anyways ill zip it up and post tomorrow i am sure someone will use it. My code tag isnt displaying properly, it is input, type = button…the script automatically replaces all native buttons with these buttons and works perfectly in all browsers…anyways ill zip it up and post tomorrow i am sure someone will use it.

]]> By: Mikehttp://davidwalsh.name/github-css/comment-page-1#comment-27459 Mike Sat, 05 Nov 2011 09:32:51 +0000 http://davidwalsh.name/?p=4970#comment-27459 I actually wrapped this up in a nice mooTools class for those of you using mooTools...uses the same image matrix and replaces on the fly all on the fly with these buttons, supports multiple button sizes, all css rollovers, and fixes the error with having to click elsewhere on the page...if interested let me know I will zip it up and write up documentation.... I actually wrapped this up in a nice mooTools class for those of you using mooTools…uses the same image matrix and replaces on the fly all on the fly with these buttons, supports multiple button sizes, all css rollovers, and fixes the error with having to click elsewhere on the page…if interested let me know I will zip it up and write up documentation….

]]> By: Jimhttp://davidwalsh.name/github-css/comment-page-1#comment-27452 Jim Fri, 04 Nov 2011 15:10:24 +0000 http://davidwalsh.name/?p=4970#comment-27452 can you provide the bakcround images as I really need them? can you provide the bakcround images as I really need them?

]]> By: Alihttp://davidwalsh.name/github-css/comment-page-1#comment-27439 Ali Thu, 03 Nov 2011 17:18:33 +0000 http://davidwalsh.name/?p=4970#comment-27439 You should really have downloaded it rather than hotlinking as the original URL is no longer active. You should really have downloaded it rather than hotlinking as the original URL is no longer active.

]]> By: lazaachttp://davidwalsh.name/github-css/comment-page-1#comment-27437 lazaac Thu, 03 Nov 2011 15:56:30 +0000 http://davidwalsh.name/?p=4970#comment-27437 it's seems that we have problem with : http://github.com/images/modules/buttons/minibutton_matrix.pnganyone here have the solution..? it’s seems that we have problem with : http://github.com/images/modules/buttons/minibutton_matrix.png

anyone here have the solution..?

]]> By: Tom Pryorhttp://davidwalsh.name/github-css/comment-page-1#comment-26969 Tom Pryor Sat, 24 Sep 2011 08:29:34 +0000 http://davidwalsh.name/?p=4970#comment-26969 Excellent discussion, and great site, I find that I am here often these days.I wanted to add another button tool to the list that allows you to create 3 state buttons with only CSS. (no javascript, or plugins).Check it out here... http://dvia.com/buttonMakerThe tool itself is pretty powerful and feature rich considering it is still in beta, but I hope to have 1.0 ready by years end.t Excellent discussion, and great site, I find that I am here often these days.

I wanted to add another button tool to the list that allows you to create 3 state buttons with only CSS. (no javascript, or plugins).

Check it out here…
http://dvia.com/buttonMaker

The tool itself is pretty powerful and feature rich considering it is still in beta, but I hope to have 1.0 ready by years end.

t

]]> By: Alihttp://davidwalsh.name/github-css/comment-page-1#comment-26749 Ali Mon, 29 Aug 2011 21:26:54 +0000 http://davidwalsh.name/?p=4970#comment-26749 Thanks for the tutorial. We used them here (http://www.skyrill.com/seatinghabits) and added a link to your page too. Thanks for the tutorial. We used them here (http://www.skyrill.com/seatinghabits) and added a link to your page too.

]]> By: TeMchttp://davidwalsh.name/github-css/comment-page-1#comment-24317 TeMc Sun, 05 Jun 2011 00:12:14 +0000 http://davidwalsh.name/?p=4970#comment-24317 <code> jQuery.ready( function(){ ... </code>should be: <code> jQuery.fn.ready( function(){ ... </code>or <code> jQuery(document).ready( function(){ ... </code>
jQuery.ready( function(){ ...

should be:

jQuery.fn.ready( function(){ ...

or

jQuery(document).ready( function(){ ...

]]> By: Andrewhttp://davidwalsh.name/github-css/comment-page-1#comment-23675 Andrew Fri, 22 Apr 2011 16:09:11 +0000 http://davidwalsh.name/?p=4970#comment-23675 I tried code above<code>My text</code>And the button does not close well.The left image has 2-3 pixel gap from the rest of button I tried code above

My text

And the button does not close well.The left image has 2-3 pixel gap from the rest of button

]]> By: vinohttp://davidwalsh.name/github-css/comment-page-1#comment-23466 vino Tue, 12 Apr 2011 04:33:17 +0000 http://davidwalsh.name/?p=4970#comment-23466 If anyone is interested the YUI3 lib version of the JS, I use: <code> YUI().use('node', function(Y) { function mouseBIn(e) { var button = e.target; button.addClass('mousedown'); } function mouseBOut(e) { var button = e.target; button.removeClass('mousedown'); } var buttons = Y.all('.minibutton'); buttons.on({ mousedown: mouseBIn, blur: mouseBOut, mouseup: mouseBOut, mouseleave: mouseBOut, mouseout: mouseBOut }); });</code>I use both onmouseout and onmouseleave (forgot why - but I think some brws' support one and others the other) to counter for the leave effect mentioned in above comments. If anyone is interested the YUI3 lib version of the JS, I use:

YUI().use('node', function(Y) {
function mouseBIn(e) {
var button = e.target;
button.addClass('mousedown');
}
function mouseBOut(e) {
var button = e.target;
button.removeClass('mousedown');
}
var buttons = Y.all('.minibutton');
buttons.on({
mousedown: mouseBIn,
blur: mouseBOut,
mouseup: mouseBOut,
mouseleave: mouseBOut,
mouseout: mouseBOut
});
});

I use both onmouseout and onmouseleave (forgot why – but I think some brws’ support one and others the other) to counter for the leave effect mentioned in above comments.

]]>