In November of 2013, AT&T decided to catch my attention with a limited time offer on U-VERSE and high speed internet. Sorry, I didn’t bite but I thought the integration of the animated countdown clock was worth the bookmark!

If you need a minifier for CSS and JS assets, feel free to explore Minify.

Minify is a PHP5 app that helps you follow several rules for client-side performance. It combines multiple CSS or Javascript files, removes unnecessary whitespace and comments, and serves them with gzip encoding and optimal client-side cache headers.

Ensure the min directory lives at the project root of your file server, then you can begin concatenating and minifiying your css and js assets into one source. See below,

//If you externally link assets such as,
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/jquery-1.8.0.min.js"></script>
<script src="js/jquery.total-storage.min.js"></script>

//Concatenate them like so,
<link rel="stylesheet" href="min/?f=css/bootstrap.min.css,css/main.css">
<script src="min/?f=js/jquery-1.8.0.min.js,js/jquery.total-storage.min.js,js"></script>

Here are a set of useful guidelines on doing jQuery a bit better, Coding Standards & Best Practices.

Topics include:

• Loading jQuery
• jQuery Variables
• Selectors
• DOM Manipulation
• Events
• Ajax
• Effects and Animations
• Plugins
• Chaining
• Miscellaneous

Thanks to, JavaScript Weekly.