Tuesday, August 17th, 2010

How to Become a JavaScript Bad… Shut Yo Mouth!

Category: JavaScript

[Image CC-A by Terry Johnston] A fun post for a Tuesday morning, Aaron Newton shares his path to becoming a JavaScript ninja, and how you can too. Some of his tips (I encourage you to read the whole article): Study design and designers. I’m not saying you have to have the talent to be an Read the rest…

Posted by Brad Neuberg at 6:00 am

3 rating from 9 votes

Friday, August 6th, 2010

What Can You Build in 1k of JS?

Category: Contests, JavaScript

Here’s a fun way to end the week. Peter van der Zee has cranked up a cool contest where you’ll be judged on what you can build using just 1k of JavaScript. The rules are simple: Create a fancy pancy Javascript demo Submissions may be up to 1k. (And not crash) Externals are strictly forbidden, Read the rest…

Posted by Rey Bango at 11:00 am

2.3 rating from 8 votes

Wednesday, July 28th, 2010

Canto.js: An Improved Canvas API

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: < View 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 Read the rest…

Posted by Michael Mahemoff at 11:10 pm

2.8 rating from 4 votes

Tuesday, July 27th, 2010

YUI 3.2.0 preview release 1 – touch events support, transitions and browser-specific loading

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…

Posted by Chris Heilmann at 1:34 pm

3.6 rating from 7 votes

Saturday, July 24th, 2010

Looking at JS emulator core for GameBoy

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…

Posted by jvaughan at 10:29 pm

3.6 rating from 5 votes

Wednesday, July 14th, 2010

Synthetic Event Library Syn Aims to Make Testing Easier

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…

Posted by Rey Bango at 11:54 am

1 rating from 2 votes

Tuesday, July 13th, 2010

An alternative way to addEventListener

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…

Posted by webreflection at 8:00 am

3.7 rating from 11 votes

Quilt: Stitching Your JavaScript Modules Together

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…

Posted by Rey Bango at 7:00 am

4 rating from 1 votes

Wednesday, June 30th, 2010

jQuery.fn.webkitTransform: bananas on the skew-whiff

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…

Posted by Dion Almaer at 7:01 am

4.2 rating from 6 votes

Friday, June 25th, 2010

How Custom Events Will Save Us All

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 < View plain text Read the rest…

Posted by Dion Almaer at 6:02 am

3.2 rating from 6 votes

Wednesday, June 23rd, 2010

Share the work! Opera comes with SharedWorker support

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…

Posted by Dion Almaer at 6:10 am
Comment here

1 rating from 3 votes

Tuesday, June 22nd, 2010

Drag and drop is a gateway drug with DragDealer

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: < View 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 power Read the rest…

Posted by Dion Almaer at 6:12 am

3.5 rating from 4 votes

Sunday, June 20th, 2010

Do LESS with Less.js

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: < View plain text > css @brand-color: #3879BD;   .rounded(@radius: 3px) {     -webkit-border-radius: @radius;     -moz-border-radius: @radius;     border-radius: @radius; }   #header { Read the rest…

Posted by Dion Almaer at 7:02 am

3.8 rating from 4 votes

Friday, June 18th, 2010

Scaling UI controls appropriately on the mobile Web

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…

Posted by Dion Almaer at 6:04 am

2.3 rating from 3 votes

Inline content assist for text fields and areas

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…

Posted by Dion Almaer at 5:12 am

3 rating from 3 votes

Thursday, June 17th, 2010

Sencha Touch: The end of native; A new touch framework for the Web

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…

Posted by Dion Almaer at 8:00 am

2.8 rating from 6 votes