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...
![Being a Dev Dad]()
I get asked loads of questions every day but I'm always surprised that they're rarely questions about code or even tech -- many of the questions I get are more about non-dev stuff like what my office is like, what software I use, and oftentimes...
![Sexy Opacity Animation with MooTools or jQuery]()
A big part of the sexiness that is Apple software is Apple's use of opacity. Like seemingly every other Apple user interface technique, it needs to be ported to the web (</fanboy>). I've put together an example of a sexy opacity animation technique...
![Skype-Style Buttons Using MooTools]()
A few weeks back, jQuery expert Janko Jovanovic dropped a sweet tutorial showing you how to create a Skype-like button using jQuery. I was impressed by Janko's article so I decided to port the effect to MooTools.
The XHTML
This is the exact code provided by...
http://gdemir.me/github-badge/
wesite look like firefox personas web page Awesome design