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!
![Responsive and Infinitely Scalable JS Animations]()
Back in late 2012 it was not easy to find open source projects using requestAnimationFrame() - this is the hook that allows Javascript code to synchronize with a web browser's native paint loop. Animations using this method can run at 60 fps and deliver fantastic...
![CSS Gradients]()
With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements. CSS gradients are another step in that direction. Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...
![New MooTools Plugin: ElementFilter]()
My new MooTools plugin, ElementFilter, provides a great way for you to allow users to search through the text of any mix of elements. Simply provide a text input box and ElementFilter does the rest of the work.
The XHTML
I've used a list for this example...
![Create Snook-Style Navigation Using MooTools]()
Jonathan Snook debuted a great tutorial last September detailing how you can use an image and a few jQuery techniques to create a slick mouseover effect. I revisited his article and ported its two most impressive effects to MooTools.
The Images
These are the same...
http://gdemir.me/github-badge/
wesite look like firefox personas web page Awesome design