javascript
Get flash to fully experience Pearltrees
mvc
Green Felt News » How we hash our Javascript for better caching
This fragility annoyed us and so we came up with a solution: We replaced all of our tags with calls to a custom “script” function in our HTML template system (we use Template::Toolkit ; [% script("sht.js") %] is what the new calls look like). The “script” function is a native perl function that does a number of things:
In reading up on them I came across an interesting point, from the specification: Furthermore, various operations -- such as inserting nodes as children of another Node -- may take DocumentFragment objects as arguments; this results in all the child nodes of the DocumentFragment being moved to the child list of this node. This means that if you take a bunch of DOM nodes and append them to a fragment then you can simply append the fragment to the document, instead (and achieve the same result - as if you had appended each node individually). I instantly smelled a possible performance improvement here. I investigated a little bit further and noticed that DocumentFragments support the cloneNode method, as well.
John Resig - DOM DocumentFragments
11 Ways to Increase Your jQuery Performance | AddyOsmani.com | W
This post will give you 11 easy steps that are going to instantly improve your jQuery application’s performance, building on top of this excellent post from NetTuts. There isn’t anything that difficult in here and almost anyone can apply these methods to their project. If you’ve got a few extra tips you would like to share, please feel free to include them in the comments section.
Monday, October 19th, 2009 >Hamish Friedlander of SilverStripe has developed jQuery Concrete as a way to enable developers to easily add functions to groups of DOM elements based on the structure and contents of those DOM elements. Concrete provides a brand new model of JavaScript code organisation – a replacement for Object Oriented programming that is focused on adding functions to DOM elements based on their structure and content.
jQuery Concrete; ConcreteUI programming in jQuery
This is the first session in Crockford’s JavaScript Trilogy. In this talk, he’ll walk you through many of the features in JavaScript, as well as discuss the language itself and some JS programming styles. Here’s another great watch for newcomers!
17 Hours of JavaScript from the Masters - Nettuts+
jQuery and General Javascript Tips to Improve Your Code | tripwi
If you work in the web industry you have probably paid attention to the responsive hype hitting us like a tsunami. The word “Responsive” is almost as hot as “Cloud” has been in the hosting industry over the last two years. The reason for the popularity of responsive website design right now is the need for making websites accessible to mobile users that are soon to be accountable for 10% of the internet requests . A good example of this trend is the sudden large availability of premium responsive WordPress themes that sell like fresh-baked bread.
The best technique Steve Souders has explored several different ways to load JavaScript without blocking both on his blog and in his books. After thinking about it and experimenting, I’ve come to the conclusion that there’s just one best practice for loading JavaScript without blocking: Create two JavaScript files.
The best way to load external JavaScript | NCZOnline
Bluff: Beautiful graphs in JavaScript
To draw a graph, you create a new Bluff graph object using the id of a canvas element on the page, set some options, add the data and labels, then tell the graph to draw. A basic example:
This project collects working solutions for automatic hyphenation in (X)HTML pages. For different human and script languages, server- and client-side. A JavaScript-solution, called Hyphenator.js 9 is available as well.
75 (Really) Useful JavaScript Techniques | Developer's Tool
Stack A stack follows the Last-In First-Out (LIFO) paradigm: an item added last will be removed first. The Array class has 2 methods that provide stack functionality. they are push() and pop() . push() appends an item to the end of the array, and pop() removes and returns the last item in the array.