Excellent tips about efficiency in javascript from the Dev Opera Team.

Link here.

Build your own ajax loader in pure CSS (you know, without images…)

Link here.

MrDoob.com is a web site that show us funny (and useless) stuff built in javascript and webGl.

Just look around and enjoy it!.

Twitter hosts this cool jsonp interface that enables you to pull down all kinds of twitter data to your client application, jsonp enables us to get around XSS, so the application does not need a serverside component at all.
Script here.

Today we’re going to take a look at sprite animation. There’s been a lot of talk this year about the future of technologies like Adobe’s Flash and for good reason – with the performance of JavaScript frameworks having come so far since they were first conceived, it’s now possible to create equally as powerful animations and effects without needing to use any third party plugins.In today’s screencast I’m going to show you what a sprite is and just how easy it can be to create an entire animated scene using jQuery, CSS & Sprites.

Explication here.

Demo Source Code

Liquid Columns

“Liquid columns do not leave any excess white space and fits perfectly within its layout, only downside of this is that we are restricted to having a fixed number of columns per row.”

Script and explication here.

Many times we need split a list in lists of N elements, here is the fastest python code:


def chunks(l, n):
""" Yield successive n-sized chunks from l.
"""
for i in xrange(0, len(l), n):
yield l[i:i+n]

Excellent tutorial I am going to show you how to create a jsonp rating stars , the idea is just to get the rating values from the server using a jsonp call, after that the stars will appear below the items according to the values received from the server.

Demo Direct Download

Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. Here’s what it takes to get going: load the typeface.js library and some typeface.js fonts, then proceed like normal.

Along with HTML5 Boilerplate’s rock solid commitment to cross-browser consistency, H5BP brings you delicious documentation, a site optimizing build script, and a custom boilerplate builder. In addition to this, we now support lighttpd, Google App Engine, and NodeJS with optimized server configurations (along with Apache, Nginx, and IIS) and we’ve reduced the overall size of the published boilerplate by 50%.

• Combines and minifies javascript (via yui compressor)
• Combines and minifies CSS
• Optimizes JPGs and PNGs (with jpegtran & optipng), saving 15-50% of page weight
• Removes development only code (any remaining console.log files, profiling, test suite)

• Basic to aggressive html minification (via htmlcompressor)
• Revises the file names of your assets so that you can use heavy caching (1 year expires) without cache conflicts.
• Upgrades the .htaccess to use heavier caching
• Updates your HTML to reference these new hyper-optimized CSS + JS files
• Updates your HTML to use the minified jQuery instead of the development version
• Remove unneeded references from HTML (like a root folder favicon)
• build according to what environment you want: production, test or development