JavaScript


Wednesday, April 16th, 2008

Busy.js: Loading indicators with Canvas

Category: Canvas, JavaScript, Library

Christian Effenberger is back with some more canvasy goodness. He has released Busy.js, a library that allows you to add/remove loading indicators to html elements on your webpages (inc. overlay color & transparency). It uses unobtrusive javascript to keep your code clean. Requires no plugin/extension or any other external resource. Usage < View plain text Read the rest…

Posted by Dion Almaer at 9:13 am
5 Comments

++++-
4 rating from 48 votes

Tuesday, April 15th, 2008

Mosaic Image Builder with Ajax

Category: JavaScript, Showcase

Andy Na has posted about building mosaic pictures using binary ajax techniques. You can check out the demo in action. The library allows you to do this via: < View plain text > javascript var demo = new MosaicBuilder("60×45" /* image name prefix */, 23 /* number of image files */); demo.buildMosaic("60×45.bmp" /* image name Read the rest…

Posted by Dion Almaer at 6:20 am
4 Comments

+++--
3.9 rating from 30 votes

jQuery and Prototype Benchmarks

Category: JavaScript, jQuery, Performance, Prototype

Piotr Solnica did a couple of posts on jQuery and Prototype benchmarks back in the day, and John-David Dalton just found them. In part one, he runs tests such as: < View plain text > javascript $(‘td.first’).addClass(‘marked’); // jQuery   $$(‘td.first’).each(function(cell){   cell.addClassName(‘marked’); });   // or   $$(‘td.first’).invoke(‘addClassName’, ‘marked’); and concludes: Executed tests show Read the rest…

Posted by Dion Almaer at 5:13 am
16 Comments

++++-
4.5 rating from 170 votes

Monday, April 14th, 2008

Event Delegation for blur and focus

Category: Browsers, JavaScript, Standards, Unobtrusive JS, Usability

Over at Quirksmode.org, Peter-Paul Koch is researching if Event Delegation which works splendidly with click events is also possible for blur and focus. Event Delegation means that you piggy-back on the behaviour of browsers to report events on child nodes up the tree to their parents. Instead of applying event handlers to each element you Read the rest…

Posted by Chris Heilmann at 9:20 am
5 Comments

+++--
3.3 rating from 37 votes

Server-side jQuery, E4X, and more with Jaxer

Category: Aptana, Articles, JavaScript, Server

Davey Waterson of the Aptana Jaxer team has posted an article on using jQuery on the server-side with E4X and more that shows an example of server-side Ajax with a popular framework. The article describes a polling application that features: Using jQuery server-side to manipulate a DOM before it’s sent to the client Doing some Read the rest…

Posted by Dion Almaer at 8:45 am
4 Comments

++++-
4.2 rating from 35 votes

Appcelerator on App Engine

Category: Google, JavaScript, Showcase

I had a funny feeling that we would see frameworks and tools starting to support Google App Engine. Appcelerator has added support into their SDK, so you can now create an App Engine project. They just ported Tejus’s appTunes demo to the App Engine and deployed it at http://apptunes.appspot.com. The example uses embedded Flex components Read the rest…

Posted by Dion Almaer at 7:19 am
Comment here

+++--
3.9 rating from 28 votes

using.js: manage JavaScript dependencies

Category: JavaScript, Library, Performance

Jon Davis created Using.js, a simple library to manage dependencies with the goals of: Seperate script dependencies from HTML markup (let the script framework figure out the dependencies it needs, not the designer) Make script referencing as simple and easy as possible (no need to manage the HTML files) Lazy load the scripts and not Read the rest…

Posted by Dion Almaer at 6:10 am
4 Comments

+++--
3.5 rating from 22 votes

Joose expands with new ORM

Category: Gears, JavaScript

Malte has continued to work on Joose, his meta object system for JavaScript. He has added a lot of documentation, including cookbooks that tell the story nicely. He also told us about a feature that is near and dear to my Google heart: Joose now includes a simple object relational mapper for the Gears database Read the rest…

Posted by Dion Almaer at 4:55 am
Comment here

+++--
3.3 rating from 17 votes

Friday, April 11th, 2008

Dromaeo: JavaScript Engine Testing

Category: JavaScript, Performance

John Resig has put out Dromaeo maybe a touch before he wanted to due to people finding it :) The site hosts a subset of the WebKit Sun Spider JavaScript engine tests right now, with the desire to push on and do a lot more. You can run tests and then compare your own results. Read the rest…

Posted by Dion Almaer at 3:20 pm
10 Comments

+++--
3.7 rating from 25 votes

Upside Down Text

Category: Fun, JavaScript

Yup, check the calendar, it’s Friday! John Dyer has implemented the much asked for upside down text JavaScript that lets you code this: < View plain text > HTML <script type="text/javascript" src="upsidedown.js"></script>   <div class="upsidedowntext">I can be read in any orientation</div> <div>I can be read in any orientation</div>   <div class="upsidedowntext">This is Tom Cruise taking Read the rest…

Posted by Dion Almaer at 12:23 pm
8 Comments

++---
2.9 rating from 25 votes

Thursday, April 10th, 2008

Ajaxian Featured Tutorial: Hacking transparent PNG support into IE6 with IE PNG Fix, CSS and jQuery

Category: CSS, JavaScript, jQuery

During his work in redesigning the Pathfinder web site, Brian Dillard came across the infamous IE6 transparent PNGs issue and used two methods to tackle the issues. He decided to do a nice write-up explaining how he worked around the fact that IE6, while it would render PNGs, would not retain their alpha-channel transparency and Read the rest…

Posted by Rey Bango at 2:12 pm
17 Comments

+++--
3.2 rating from 58 votes

NetBeans now includes JavaScript support

Category: JavaScript, Utility

That looks like some nice, smart completion doesn’t it? Tor Norbye has moved from Ruby to get solid JavaScript support in NetBeans. There are a ton of features, as you can see in his post. You can even do things like setup browser compatibility (saw this first in VisualStudio): Great to see IDEs getting better Read the rest…

Posted by Dion Almaer at 5:54 am
1 Comment

++++-
4.1 rating from 19 votes

Wednesday, April 9th, 2008

Canvas2Image: Save out your canvas data to images

Category: Canvas, JavaScript, Library

More from Jacob Seidelin. He has created Canvas2Image, a library that takes <canvas> data and makes an image out of it. This means that you can create canvas images on the fly and then: < View plain text > javascript var strDataURI = oCanvas.toDataURL();   // returns "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACt…" See the full API in use here: Read the rest…

Posted by Dion Almaer at 10:00 am
9 Comments

+++++
16889 rating from 61 votes

DOMAssistant 2.7 is Out, Strong Unicode Support and Enhanced Performance

Category: Framework, JavaScript

Now that DOMAssistant has a formal team behind it, the updates keep coming fast and furious. The team announced last night the release of DOMAssistant 2.7, with a host of new features and big improvements in CSS selector performance: After a lot of hard work, we’re more pleased than ever to present the new version Read the rest…

Posted by Rey Bango at 9:03 am
1 Comment

+++--
3.3 rating from 17 votes

Super Mario; 14KB of JavaScript

Category: Canvas, Fun, Games, JavaScript

Jacob Seidelin is doing great work, and for something fun, he build a piece of Super Mario in just 14KB of JavaScript: Here’s an experiment in keepings things small and confined to one Javascript file. There are no external image files or anything, everything is rendered with Javascript using either canvas elements or old fashioned Read the rest…

Posted by Dion Almaer at 12:39 am
15 Comments

+++++
2.5160689200723E+48 rating from 127 votes

Tuesday, April 8th, 2008

JS Time Machine

Category: Component, JavaScript, UI

Kristian Thornley had a unique requirement for displaying data change overtime and thought that he would build a Mac Leopard JS Time Machine. Kristian told us that “currently the effect suffers if the data in the panels are too detailed and I will probably set up some event handlers e.g. onScale preScale postScale which could Read the rest…

Posted by Dion Almaer at 9:31 am
5 Comments

-----
-1031 rating from 29 votes