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!
![Serving Fonts from CDN]()
For maximum performance, we all know we must put our assets on CDN (another domain). Along with those assets are custom web fonts. Unfortunately custom web fonts via CDN (or any cross-domain font request) don't work in Firefox or Internet Explorer (correctly so, by spec) though...
![Introducing MooTools Templated]()
One major problem with creating UI components with the MooTools JavaScript framework is that there isn't a great way of allowing customization of template and ease of node creation. As of today, there are two ways of creating:
new Element Madness
The first way to create UI-driven...
![Create a Sheen Logo Effect with CSS]()
I was inspired when I first saw Addy Osmani's original ShineTime blog post. The hover sheen effect is simple but awesome. When I started my blog redesign, I really wanted to use a sheen effect with my logo. Using two HTML elements and...
![Create a Simple News Scroller Using MooTools, Part I: The Basics]()
News scroller have been around forever on the internet. Why? Because they're usually classy and effective. Over the next few weeks, we'll be taking a simple scroller and making it into a flexible, portable class. We have to crawl before we...
http://gdemir.me/github-badge/
wesite look like firefox personas web page Awesome design