Represent Your Repositories Using the GitHub Badge!
Update: The badge includes jQuery which breaks any MooTools on your page. Be aware before including...as I wasn't.
Update 2: MooTool's own Thomas Aylott has an awesome MooTools version! You can grab it at: http://github.com/subtleGradient/mootools-github-badge/tree/master!
GitHub users are generally proud of their repositories. Why not bring your repository list into your blog then?
The XHTML / JavaScript
<div id="github-badge"></div>
<script type="text/javascript" charset="utf-8">
GITHUB_USERNAME = 'darkwing';
GITHUB_LIST_LENGTH = 30;
GITHUB_HEAD = 'div';
GITHUB_THEME = 'white';
GITHUB_TITLE = 'David\'s Projects';
GITHUB_SHOW_ALL = 'Show all';
</script>
<script src="http://drnic.github.com/github-badges/dist/github-badge-launcher.js" type="text/javascript"></script>
Sooooooo little code!
So what are you waiting for? Represent and share your GitHub repositories!
![Create a CSS Flipping Animation]()
CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...
![9 Mind-Blowing Canvas Demos]()
The <canvas> element has been a revelation for the visual experts among our ranks. Canvas provides the means for incredible and efficient animations with the added bonus of no Flash; these developers can flash their awesome JavaScript skills instead. Here are nine unbelievable canvas demos that...
![MooTools onLoad SmoothScrolling]()
SmoothScroll is a fantastic MooTools plugin but smooth scrolling only occurs when the anchor is on the same page. Making SmoothScroll work across pages is as easy as a few extra line of MooTools and a querystring variable.
The MooTools / PHP
Of course, this is a...
![Facebook-Style Modal Box Using MooTools]()
In my oh-so-humble opinion, Facebook's Modal box is the best modal box around. It's lightweight, subtle, and very stylish. I've taken Facebook's imagery and CSS and combined it with MooTools' awesome functionality to duplicate the effect.
The Imagery
Facebook uses a funky sprite for their modal...
http://gdemir.me/github-badge/
wesite look like firefox personas web page Awesome design