javascript

TwitterFacebook
Get flash to fully experience Pearltrees
Note that some resources will overlap between levels. That should be expected as some books cover a wide breadth of language features. Also, I am NOT covering blogs in this post, only books (print and online).

What to Read to Get Up to Speed in JavaScript - Rey Bango

http://blog.reybango.com/2010/12/15/what-to-read-to-get-up-to-speed-in-javascript/
It uses native where available and an invisible flash player to emulate for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css. audio.js focuses on playing mp3s. It doesn’t currently support the ogg format. As mp3 is the current defacto music transfer format, ogg support is lower on our list of priorities. http://kolber.github.com/audiojs/

audio.js

Simple integration. Using MathJax with blogs, wikis, web pages and other web apps is easy. Learn more about installing MathJax with popular platforms like WordPress, MediaWiki, Drupal, and more. http://www.mathjax.org/

MathJax | Beautiful math in all browsers

http://jupiterjs.com/news/organizing-a-jquery-application

Organizing A jQuery Application - Jupiter JavaScript Consulting

Thursday 11 November, 2010 by moschel Earlier this week, I realized that every organizing-a-jQuery-application blog, article, and conference talk misses the most important lesson on how to organize a jQuery app. They talk about how to organize an individual widget or piece of functionality, but not how you can break up an application into logically separate and testable components. Separation of concerns is the bedrock of software engineering. It is the best way to achieve a quality, error free, and maintainable project. Think about it ...
http://samisamhuri.blogspot.com/2010/11/37signals-chalk-dissected.html The manifest is a nice summary of the contents, and allows browsers to cache the app for offline use. Combine this with mobile Safari's "Add to Home Screen" button and you have yourself a free chalkboard app that works offline. CACHE MANIFEST / /zepto.min.js /chalk.js /images/background.jpg /images/chalk.png /images/chalk-sprites.png /images/chalk-tile-erase.jpg /images/chalk-tile-red.png /images/chalk-tile-white.png /stylesheets/chalk.css The rest of the HTML is mainly structural. There is not a single text node in the entire tree (excluding whitespace). The chalkboard is a canvas element and an image element used to render the canvas contents as an image for sharing.

37signals' Chalk Dissected

evercookie - virtually irrevocable persistent cookies

evercookie is a javascript API available that produces extremely persistent cookies in a browser. Its goal is to identify a client even after they've removed standard cookies, Flash cookies (Local Shared Objects or LSOs), and others. evercookie accomplishes this by storing the cookie data in several types of storage mechanisms that are available on the local browser. Additionally, if evercookie has found the user has removed any of the types of cookies in question, it recreates them using each mechanism available. http://samy.pl/evercookie/
Erich Ocean, a SproutCore contributor since the early days, and others have been hard at work on a new fork of the SproutCore project called Blossom , which reimagines the view layer without the use of any HTML or CSS. How does it do this? It renders the entire view structure of your application on a giant HTML5 canvas element.

Badass JavaScript

http://badassjs.com/

Sylvester - Vector and Matrix math for JavaScript

var V1 = $V([3,4,5]); var V2 = $V([9,-3,0]); var d = V1.dot(V2); // d is 15 var c = V1.cross(V2); // c is the vector (15,45,-45) var M1 = $M([ [1,7,3], [9,4,0], [2,7,1] ]); var M2 = $M([ [6,2,8], [9,1,3], [0,7,6] ]); var M = M1.x(M2); // M is the matrix // 69 30 47 // 90 22 84 // 75 18 43 http://sylvester.jcoglan.com/
SimpleYUI is a new way of loading and instantiating YUI. The SimpleYUI file contains a rollup of basic Ajax library functionality: DOM tasks, event abstraction, transitions, and Ajax. Unlike other ways of loading YUI, SimpleYUI creates a YUI instance immediately upon loading, binding all included components to a global Y . Using SimpleYUI is easy:

http://ericmiraglia.com/yui/demos/quickyui.php

http://ericmiraglia.com/yui/demos/quickyui.php

Google JavaScript Style Guide

http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml Functions that take a variable number of arguments should have the last argument named var_args . You may not refer to var_args in the code; use the arguments array. Optional and variable arguments can also be specified in @param annotations. Although either convention is acceptable to the compiler, using both together is preferred.

Understanding JavaScript’s this keyword | JavaScript, JavaScript

What you need to know Every execution context has an associated ThisBinding whose lifespan is equal to that of the execution context and whose value is constant. There are three types of execution context: global, function and evaluation.

Google Closure: How not to write JavaScript

Surfin’ ain’t easy, and right now, you’re lost at sea. But don’t worry; simply pick an option from the list below, and you’ll be back out riding the waves of the Internet in no time.
Eric Miraglia ( @miraglia ) is an engineering manager for the YUI project at Yahoo. Eric has been at Yahoo since 2003, working on projects ranging from Yahoo Sports to YUI. For the past several years, Eric and his colleagues on the YUI team have worked to establish YUI as the foundation for Yahoo’s frontend engineering work while open-sourcing the project and sharing it with the world under a liberal BSD license. Eric is an editor and frequent contributor to YUIBlog; his personal blog is at ericmiraglia.com . Prior to working at Yahoo, Eric taught writing at Stanford and elsewhere and led frontend engineering teams at several startups. Global variables are evil .

A JavaScript Module Pattern » Yahoo! User Interface Blog (YUIBlog)

css3-mediaqueries-js - Project Hosting on Google Code

Write your media queries like you would for browsers with native support. The script will parse your CSS and apply the styles for positive media query tests realtime (also when you resize). Note: Doesn't work on @import'ed stylesheets (which you shouldn't use anyway for performance reasons).