How To Minimize Your Javascript and CSS Files for Faster Page Loads

Over the last 11 years I’ve spent a great deal of time trying to improve client websites with an eye for minimalist interface design and code. While the minimalist design esthetic is not the choice for every client the notion of less code and faster load times always goes over well. Today, many of web applications I design and code for have a plethora of Javascript and CSS files. Fortunately, there are many options to solve this rather simple problem. Compression, obfuscation and bundling are all great options.

Below you’ll find a list of the sites I’ve visited to learn more about Javascript and CSS compression. Please let me know through email or a comment if you know of any other great compression resources, and I’ll be glad to post them. Most of the descriptions below are taken from the developers of the example. Thanks, Max.

Max KieslerHow To Minimize Your Javascript and CSS Files for Faster Page Loads

Powered by ScribeFire.

Google Code Revamps with jQuery

This is a very nice example of how the open technologies of jQuery and Google API’s can be combined to create very powerful websites.

We have revamped Google Code, the site which is the home to developers, and open source hosting. A ton of work went into cleaning up the UI integrating and unifying content, and simplifying.
The site uses jQuery for a lot of its work, and also eats a lot of dogfood.

AjaxianGoogle Code Revamps with jQuery

Powered by ScribeFire.

A List Apart: Articles: Graceful E-Mail Obfuscation

Many web users don’t understand the inevitable consequences of exposing their e-mail address on the web. Experienced web developers and website owners, however do. Thousands of spam bots tirelessly crawl the web to collect e-mail addresses exposed on websites, in blog comments and elsewhere. These addresses end up in databases sold to unsavory marketers, who bombard the owners’s inboxes with unsolicited mail.
Of course, spam is an increasingly complicated problem that can never be solved by the efforts of web developers alone. But don’t underestimate your own powers.

A List Apart: Graceful E-Mail Obfuscation

Aptana Studio

We are very proud to have released Aptana Studio 1.0 (formerly Aptana IDE). After over two years of non-stop development and close to a million downloads, we have finally reached ‘1.0’. Along with the release of 1.0, we have also created two editions of the product: Community and Professional. The Community Edition is the keystone of the Studio product, where all core features and capabilities are developed. The Professional Edition brings additional features and services beyond the free Community edition. Aptana Studio isn’t the only product we’re working on, and you’ll see more from us soon. In the mean time, if you are using Aptana Studio professionally, support our efforts by ‘going Pro’. Whichever edition you chose to use, Community or Professional, we look forward to your feedback, feature requests, and comments. It is our community that helps us build a better product — a product that ultimately is for you.

-Paul Colton, CEO
Aptana Studio

250+ Tools and Resources For Coding the Web

We’re all living on the web, and we all seem to be starting our own websites, so it’s time we all learned the languages that make it run. We’ve gathered over 250 resources to help you get going. This list is aggregated from previous Mashable posts.

Mashable.com: 250+ Tools and Resources For Coding the Web

Digital Web Magazine – jQuery Crash Course

As developers, we have more and more JavaScript libraries to choose from and, of course, the option not to use any at all. Over time, we each tend to favor one method of coding over another. For those who’d like to learn more about jQuery, one of the more popular libraries, here’s a crash course written with code-savvy web designers in mind.

Digital Web Magazine: jQuery Crash Course

How To Debug Web Applications With Firefox | BetterExplained

Debugging is one of the most painful parts of developing web apps. You have to deal with browser inconsistencies with HTML, CSS and javascript, let alone the difficulty of debugging javascript itself.

BetterExplained: How To Debug Web Applications With Firefox