JavaScript


Friday, February 19th, 2010

TeX line breaking algorithm in JavaScript

Category: JavaScript, Library

Bram Stein has done some really fun work. He has taken the Knuth and Plass line breaking algorithm and implemented it using Canvas: The goal of this implementation is to optimally set justified text in the new HTML5 canvas element, and ultimately provide a library for various line breaking algorithms in JavaScript. You can see Read the rest…

Posted by Dion Almaer at 6:57 am
8 Comments

++++-
4.4 rating from 21 votes

Thursday, February 18th, 2010

Quicksand: transition and filtering effect

Category: JavaScript, jQuery

Jacek Galanciak has created a nice visual transition library, Quicksand, that filters and shows a set of data in an interesting way. The jQuery plugin has you quickly calling quicksand like this: < View plain text > javascript $(‘#source’).quicksand( $(‘#destination li’) ); and you have the data to transition between: < View plain text > Read the rest…

Posted by Dion Almaer at 6:55 am
17 Comments

+++--
3.6 rating from 35 votes

Wednesday, February 17th, 2010

Harmony: Bringing together great libraries to enable awesome JS testing in Ruby

Category: JavaScript, Rails, Ruby, Testing

Martin Aumont has released Harmony, which “provides a simple DSL to execute JavaScript and DOM code within Ruby.” This enables you to do very cool things such as unit test JavaScript in the same area as your Ruby tests: < View plain text > ruby require ‘test/unit’ require ‘harmony’   class JavascriptTest < Test::Unit::TestCase   Read the rest…

Posted by Dion Almaer at 6:05 am
3 Comments

+++--
3 rating from 22 votes

Monday, February 15th, 2010

WTFJS

Category: JavaScript

The title need no more flushing out. Brian Leroux has created WTFJS to capture some of the rough edges of JavaScript. The stuff that made Crocky write about the Good Parts. Fun side effects such as: < View plain text > javascript NaN === NaN // false   Number.MIN_VALUE > 0; // true? really? wtf. Read the rest…

Posted by Dion Almaer at 6:22 am
25 Comments

+++--
3.5 rating from 32 votes

Thursday, February 11th, 2010

Copperlicht: A new WebGL 3D Engine

Category: Canvas, JavaScript, Library

We covered GLGE, a WebGL based engine recently, and now we have a new one; Copperlicht. The engine features: 3D World editor: CopperLicht comes with a full 3D world editor named CopperCube. Many supported 3D file formats: .3ds, .obj, .x, .lwo, .b3d, .csm, .dae, .dmf, .oct, .irrmesh, .ms3d, .my3D, .mesh, .lmts, .bsp, .md2, .stl. and Read the rest…

Posted by Dion Almaer at 6:03 am
10 Comments

++++-
4.3 rating from 33 votes

Wednesday, February 10th, 2010

Plupload: A rich upload experience on pluggable backends

Category: Component, JavaScript

The Moxiecode folks (TinyMCE fame) have released a generic component Plupload that allows you to create a rich upload experience on the back of a variety of transports. Whether it be HTML5, Gears, Silverlight, Flash, BrowserPlus or normal forms, you can get an upload experience with drag and drop, progress, client side image resizing and Read the rest…

Posted by Dion Almaer at 6:18 am
14 Comments

++++-
4.1 rating from 87 votes

Tuesday, February 9th, 2010

Think You Know Javascript? Try this Quiz!

Category: JavaScript

If you know you think you know your objects from your arrays and your null from your undefined, here’s a quiz for you from Perfection Kills. I was recently reminded about Dmitry Baranovsky’s Javascript test, when N. Zakas answered and explained it in a blog post. First time I saw those questions explained was by Read the rest…

Posted by Michael Mahemoff at 3:49 am
6 Comments

+++--
3.8 rating from 36 votes

Monday, February 8th, 2010

Pseudo 3D tricks from old computer games for all your Canvas needs

Category: Canvas, Fun, Games, JavaScript

It is quite interesting to see how technology moves in circles. With canvas being the new fun toy to play with for creating browser-based games we have to find solutions to fake a 3D environment to be really fast (sure there is Canvas 3D but it is overkill for most games). The trick is to Read the rest…

Posted by Chris Heilmann at 7:04 am
6 Comments

++++-
4.3 rating from 29 votes

Thursday, February 4th, 2010

jsContract: Design by Contract library

Category: JavaScript

Fan of Eiffel or the design by contract pattern that it espouses? Øyvind Kinsey is, and he just created jsContract an alpha library to give you some pre and post condition abilities. Here is an example: < View plain text > javascript function _internalMethod(a, b){     Contract.expectNumber(a);     Contract.expectNumber(b);     Contract.expectWhen(config.mode === Read the rest…

Posted by Dion Almaer at 6:07 am
24 Comments

+++--
3.4 rating from 29 votes

Friday, January 29th, 2010

Addmap.js – automatically analyse a text for geo locations and add a map

Category: Examples, Geo, Google, JavaScript, Mapping, Yahoo!

As part of an upcoming article on geo location I am putting together a few Geo Toys for myself and here is the first one. Addmap.js is a JavaScript that analyses an elements text content, finds geographical locations and links them to Google Maps. It also adds a map preview and a list of the Read the rest…

Posted by Chris Heilmann at 10:17 am
1 Comment

+++--
3.1 rating from 19 votes

Friday, January 22nd, 2010

De-fusing JavaScript Natives with the Fusebox

Category: JavaScript, Library

John-David Dalton has released Fusebox, a library that allows you to sandbox natives: Extending JavaScript natives gives you the power to customize the language to fit your needs. You can add convenience methods like “hello world”.capitalize() or implement missing functionality like [1,2,3].indexOf(2) in JScript. The problem is that frameworks / libraries / third-party scripts may Read the rest…

Posted by Dion Almaer at 2:17 am
12 Comments

++++-
4.2 rating from 32 votes

Thursday, January 21st, 2010

Jaml: An HTML builder a la Haml

Category: HTML, JavaScript

There have been a few HTML builder APIs out there, but Ed Spencer (new lead of Ext JS) has put together something that looks and feels similar to Haml from the Ruby side. Jaml lets you write HTML like this: < View plain text > javascript div(   h1("Some title"),   p("Some exciting paragraph text"), Read the rest…

Posted by Dion Almaer at 6:43 am
26 Comments

+++--
3.4 rating from 36 votes

Tuesday, January 19th, 2010

ECMAScript Edition 5: WebKit JavaScriptCore Progress

Category: JavaScript

We have a new bible. ECMAScript Edition 5 was voted (despite annoying folk like IBM who seem to only get in the way) in. So, when do we get to play? Over on the Qt blog, Kent has posted on the progress that has been made, and what there is to go, for this to Read the rest…

Posted by Dion Almaer at 6:51 am
54 Comments

++++-
4.3 rating from 38 votes

Monday, January 18th, 2010

Helium CSS: JavaScript Library to test your CSS usage

Category: CSS, JavaScript, Library, Testing

Geuis Teses has released an enjoyable library called Helium that has the goal of testing your stylesheets for unused style. You inject helium into your site (e.g. put it in an included footer) and then when you hit the first page you will have a popup asking for the pages you want to test. Helium Read the rest…

Posted by Dion Almaer at 6:29 am
3 Comments

++++-
4.1 rating from 24 votes

Friday, January 15th, 2010

Pure CSS bar charts as a simple API

Category: CSS, JavaScript, Performance, PHP

I am right now working on a high-traffic project that will run in a sandbox that doesn’t allow me to pull third party JavaScript or use canvas/Flash. Yet I need to generate bar charts from a set of data. The solution to me was to create the charts from HTML using CSS. There have been Read the rest…

Posted by Chris Heilmann at 8:19 am
6 Comments

++---
2.8 rating from 48 votes

jQuery 1.4 is released

Category: JavaScript, jQuery, Library

The incredibly popular jQuery library has released jQuery 1.4 on a new website that will celebrate 14 days of jQuery. There are a lot of new features, and as usual performance gains are showcased. Easy Setter Functions: For a while now, you’ve been able to pass a function into .attr() and the return value of Read the rest…

Posted by Dion Almaer at 12:13 am
23 Comments

+++--
3.6 rating from 117 votes