Jquery
Jquery is a wonderful addon for Javascript. The big advantage? A small footprint that takes the best of Javascript and CSS and combines them making your Javascript easier to write well being more effective! So where might you see Jquery on this site?
Menu Icons
Using the ability to dynamically resize icons based on mouse position allows a menu that mimics the OS-X dock almost flawlessly. I’m going to assume that if you made it to this page you probably already noticed how it works.
Code Blocks
Did you notice these little jewels:
PHP Example
$this->execute();
$this->stop(4);
These code blocks use a couple of different technologies. First the sliding is handled by Jquery. The highlighting is done using the aptly named: Highlight.js. Well they don’t score points for creativity on their name they do maintain a light footprint packed full of useful features. Unfortunately the documentation is in Russian, but there are plenty of English tutorials to help you work through it.
Style allow the user to customize the color so that it matches your favorite text editor. The parsing of code blocks integrates nicely into Jquery making a seamless choice for displaying code. It does lack a copy to clipboard feature, but most of those require Flash or Active X, neither of which are used on this website.