The web is a rapidly evolving universe. An important part of our job as front-end developers is keeping up to date and staying close to new tools, trends and workflows. Hundreds of blog posts and articles are published every day, but there is no way you can read all of them. We think you should have a strategy to keep up to date, so we have created this recipe.

Visit, How to keep up to date on FRONT-END TECHNOLOGIES.

Thanks to an old friend and the curators of this document, @jonycheung and @frontendrescue.

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>