JavaScript
Wednesday, July 28th, 2010
Category: Canvas
, JavaScript, Library
Javascript author extraordinaire David Flanagan released Canto.js recently, a lightweight wrapper API for canvas, introduced here and documented at the top of the source code. Example: PLAIN TEXT JAVASCRIPT: canto("canvas_id").moveTo(100,100).lineTo(200,200,100,200).closePath().stroke(); Notice three things: canto() returns an abstraction of the canvas - a "Canto" object. As with jQuery and similar libraries, there's method chaining; Read the rest...
Tuesday, July 27th, 2010
Category: Browsers, CSS, JavaScript, Library, YUI
Over at the the YUI blog the team just announced the preview release of YUI 3.2.0. YUI3 now has some interesting new features that the team wants you to try and tell them if they work out for you. The changes to the already very powerful library are quite ambitious: Touch event support for mobile Read the rest...
Saturday, July 24th, 2010
Category: JavaScript
JavaScript as a general-purpose "Turing-complete language" is illustrated - the example discussed in the first part of a series: How a CPU can be emulated through JS, and how one might start building an emulation core for the GameBoy console. Looking forward: How a game image can be loaded into the emulator over the Web. Read the rest...
Wednesday, July 14th, 2010
Category: JavaScript, Testing
The team at Jupiter IT have release Syn, a library which allows you to create synthetic events for use in testing. This standalone library is meant to assist in testing complex UI behavior by simulating user actions such as typing, clicking, dragging the mouse. Testing rich, dynamic web applications sucks. At Jupiter, we've tried almost Read the rest...
Tuesday, July 13th, 2010
Category: Examples, JavaScript, Standards, W3C
I can't believe none of us knew DOM2 This is how a tweet from @SubtleGradient, re-tweeted by @jdalton, has been able to steal my rest tonight ... and this post is the consequence ... What's new in a nutshell There is a W3C Recommendation about addEventListener behavior, which clearly specify the second argument as an Read the rest...
Category: JavaScript
It floors me what young, talented developers are building these days. Kit Goncharov, who only recently turned 17, just cranked out Quilt, a JavaScript preprocessor written in JavaScript. Quilt is very similar to the Sprockets JS preprocessor in that it allows you to improve code organization by logically separating your code into multiple modules within Read the rest...
Wednesday, June 30th, 2010
Category: CSS, JavaScript, jQuery
Franz Enzenhofer has created a nice new webkitTransform plugin that helps you manage transforms and state. Franz tells us more: With jQuery.css you can't easily change the webkitTransform CSS because webkitTransform is not your average CSS. If in one step you add .css('-webkit-transform', "rotate(20deg)") and in the next step .css('-webkit-transform', "scale(2.0)") the rotate value gets Read the rest...
Friday, June 25th, 2010
Category: JavaScript
I am a big fan of both Andrew Dupont, and custom events. In his presentation he goes through some very nice use cases. Some are cross cutting (e.g. the fact that you can unit test, or debug, or ... so much easier) and some are specific such as: Scripty2 animation heartbeat PLAIN TEXT JAVASCRIPT: Read the rest...
Wednesday, June 23rd, 2010
Category: JavaScript
Rick Waldron has detailed the SharedWorker support that Opera has added in 10.6 beta (and has been available in Safari 5 and Chrome 5). Web Workers are fantastically simple. Simple message passing. No thread locks and semaphores and craziness. However, not being able to share a thing as a constraint is painful, and a nice Read the rest...
Tuesday, June 22nd, 2010
Category: Component, JavaScript
DragDealer is a fine new JavaScript component that abstracts both touch and point interfaces. It makes life easy to do sliders and the like: PLAIN TEXT HTML: <div id="my-slider" class="dragdealer"> <div class="red-bar handle">drag me</div> </div> <script> new Dragdealer('simple-slider'); </script> But, it can do so much more. Most of the Read the rest...
Sunday, June 20th, 2010
Category: CSS, JavaScript
Dmitry Fadeyev has a great writeup of less.js, the implementation of the LESS styling language in JavaScript itself. Traditionally you would write a less file such as: PLAIN TEXT CSS: @brand-color: #3879BD; .rounded(@radius: 3px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } #header { Read the rest...
Friday, June 18th, 2010
Category: JavaScript, Mobile, Usability
Using the mobile Web with modern devices that give you the "full Web" and allow you to zoom in and out on the page (if zooming hasn't been turned off of course). Sam Stephenson (of Prototype and 37Signals fame) has taken on the problem of the sizing of controls. If you zoom out, normally, controls Read the rest...
Category: Component, JavaScript, Library
Sergey Chikuyonok has created a really nice, easy to use, and good looking content assist library for input text fields and text areas: It calculates precise position of characters in <textarea> or <input> tag and places completion proposals popup under it. You can explicitly call popup window to assist/replace word (depends on caret position) with Read the rest...
Thursday, June 17th, 2010
Category: JavaScript, Library, Mobile, Sencha
As I walked around Moscone last week, I saw some prophets speaking of a future that isn't all Native. A future where the Web is the platform. Others saw it too: I pondered who would be behind the act and smiled as I had a good idea. The group behind this all is the newly Read the rest...
Wednesday, June 16th, 2010
Category: JavaScript
I checked out this new POC app called Booktorious by August Lilleaas. It's actually pretty neat in that it's a 100% client side web application that reads EPUB books. So I jumped over to epubBooks and downloaded Through the Looking-Glass just to see how far down the rabbit hole I could go with this (sorry Read the rest...
Tuesday, June 8th, 2010
Category: JavaScript, Library, Testing
PLAIN TEXT JAVASCRIPT: var header_test = new Cohorts.Test({ name: 'big_vs_small_header', sample: 1, // we want to include all visitors in the test cohorts: { big: { onChosen: function() { $('#big').show(); Read the rest...
