Monday, March 15th, 2010

A Better Mobile Web; What else?

Category: Mobile

Cedric Dugas feels so passionate about fixed positioning in WebKit that he created A Better Mobile Web to talk about it: The Problem It is impossible to have an element fixed in CSS on the page in the mobile Webkit browser. When you are surfing the web on your phone, webkit opens the page completely Read the rest…

Posted by Dion Almaer at 10:41 am

4.3 rating from 16 votes

A deep dive and analysis of the JavaScript Module pattern

Category: JavaScript

Ben Cherry has a really nice detailed analysis of the module pattern. He starts with the simple pattern that Crock-y documented back in the day….. and then goes on to discuss augmentation (loose and strict) and then deeper into some cool patterns: Cloning and Inheritance < View plain text > javascript var MODULE_TWO = (function Read the rest…

Posted by Dion Almaer at 6:38 am

3.5 rating from 20 votes

Friday, March 12th, 2010

Ambilight Sample; video and canvas

Category: Canvas, Examples, Video

Sergey Chikuyonok gets his Philips Ambilight foo on as he created a HTML5 video + canvas sample that mimics the TV effect. As the video runs, a snapshot is sent over to JavaScript land where colors are worked out: function getMidColors(side) { var w = buffer.width, h = buffer.height, lamps = getOption(‘lamps’), block_width = getOption(‘block_size’), Read the rest…

Posted by Dion Almaer at 6:30 am

4.5 rating from 49 votes

Thursday, March 11th, 2010

YQL Geo library – all your geo needs in pure JavaScript

Category: Geo, JavaScript, Library

I just finished doing some talks on geo hacking (slides are available here) and how to use some of the Geo technologies Yahoo and Google provide as part of a University gig in Atlanta. As a lot of the students liked the idea of APIs like GeoPlanet and Placemaker but had a hard time getting Read the rest…

Posted by Chris Heilmann at 10:04 am

4.7 rating from 25 votes

SVG Wow!

Category: SVG

Erik Dahlström and Vincent Hardy have put together a cool website, called SVG Wow!, that showcases SVG doing things you didn’t expect SVG can do: There are alot of unique demos on there. One of my favorites uses SVG, HTML5 Audio, Web Fonts, and YUI to play music accompanied by flying animated lyrics (Chrome and Read the rest…

Posted by Brad Neuberg at 5:35 am
Comment here

3.8 rating from 23 votes

Ext JS 3.2 beta: stores, components, transitions, and themes

Category: Sencha

The Ext JS team have announced the 3.2 beta which includes new components and goodness. Take the animated DataView transitions for example: On top of that, the release includes: Multiple sorting and filtering on Composite Fields Slider improvements Toolbar plugins: ToolbarReorderer and ToolbarDroppable New Accessibility Theme: compliant with Section 508 of the Disabilities Act. Read the rest…

Posted by Dion Almaer at 1:12 am

3.5 rating from 71 votes

Wednesday, March 10th, 2010

CSS3 Please! Instant results… Thank You

Category: CSS, Examples

Paul Irish and Jonathan Neal have created a fun example of various CSS tweaks that you can make, and see the results instantly. CSS3, Please! lets you play with fancy new rules such as: border-radius box shadow gradients rgba support in backgrounds transforms font-face Really nice way to make tweaks inline in the page….. nicely Read the rest…

Posted by Dion Almaer at 8:39 am

3.5 rating from 37 votes

HTML Minification

Category: HTML, Performance

Good old Kangax has been playing with HTML minification and has shared his new tool in an early stage. What does it do? Kangax has forked John Resig’s HTML parser which parses the HTML and sends that into the Minifier. This has rules that do things like whitespace optimization, comment removal, and collapsing boolean attributes Read the rest…

Posted by Dion Almaer at 6:14 am

3.6 rating from 32 votes

Harmony: Canvas Drawing Tool

Category: Canvas, iPhone, Showcase

Harmony is a new drawing tool, a HTML5/Canvas experiment with great potential. It provides some unique brush styles, and can produce some great-looking charcoal pencil style sketches, among other things. Better to try it out than explain it in words. Creator Mr. Doob (Richard Cabello) explains how he used Canvas to make it darker the Read the rest…

Posted by Michael Mahemoff at 4:50 am

4.4 rating from 66 votes

Tuesday, March 9th, 2010

Spectrum Visualization with the HTML5 Audio Data API

Category: Sound

The HTML5 specification introduces the and media elements, and with them the opportunity to dramatically change the way we integrate media on the web. The current HTML5 media API provides ways to play and get limited information about audio and video, but gives no way to programatically access or create such media. We present a Read the rest…

Posted by Dion Almaer at 6:20 am

4 rating from 27 votes

Monday, March 8th, 2010

modulr: a CommonJS module implementation in Ruby for client-side JavaScript

Category: JavaScript, Ruby

modulr is a CommonJS module implementation in Ruby for client-side JavaScript Ruby? what does that have anything to do with it? Ah, its from one of those Prototype guys isn’t it…. Yup, Tobie is at it again, this time with modulr: modulr accepts a singular file as input (the program) on which is does static Read the rest…

Posted by Dion Almaer at 6:28 am

2.2 rating from 33 votes

Friday, March 5th, 2010

Friday fun: Let’s translate YUI3 to jQuery

Category: jQuery, Library, YUI

I just came across this wonderful Gist on gitHub: < View plain text > javascript var $; YUI().use(‘*’, function(Y){   $ = Y.get;   for(var p in Y) {       $[p] = Y[p];   } });   // test $(‘body’).append("boo!"); In case you want to use YUI3 but really really like jQuery syntax Read the rest…

Posted by Chris Heilmann at 8:52 am

2.4 rating from 71 votes

Firefox gets hardware acceleration in early stage

Category: Browsers, Performance

Bass Schouten is a cool name, and the Mozillan has presented Direct2D hardware acceleration. You have to grab Firefox nightly, do the about:config / gfx.font_rendering.directwrite.enabled game, but then you get to see it in action. IE9 showed off how they will support hardware rendering, and I am sure we will see more at MIX, but Read the rest…

Posted by Dion Almaer at 6:25 am

4.4 rating from 28 votes

Thursday, March 4th, 2010

Color Picker: Works even in IE6

Category: Component

Works even in IE6 Love that quote from the color picker over at RaphaelJS land. This plugin by Dmitry Baranovskiy gives you an easy color picker in short order: var icon = Raphael(“picker”, 23, 23).colorPickerIcon(11, 11, 10); icon.attr({cursor: “pointer”}).node.onclick = function () { document.getElementById(“benefits”).style.visibility = “visible”; var out = document.getElementById(“output”); = “visible”; // this Read the rest…

Posted by Dion Almaer at 6:02 am

3.4 rating from 39 votes

Wednesday, March 3rd, 2010

Touching Cloth; Canvas Fu

Category: Canvas

Andrew Hoyer shows his canvas Fu with Cloth, a great experiment using nice physics. What makes this simulation special is the speed at which everything is computed. Javascript (the language this is written in) is not exactly the most efficient language for this type of computation. This being said, much time was spent squeezing out Read the rest…

Posted by Dion Almaer at 6:12 am

4.8 rating from 65 votes

Tuesday, March 2nd, 2010

Fin: self updating template language

Marcus Westin has created a new templating language called fin. It is an interesting beast, and he gave us a run down: Since this past November I’ve been working on a realtime templating system I call “fin”. I’d love to get some eyes on it, and hope that you’ll find it exciting. There is no Read the rest…

Posted by Dion Almaer at 11:35 am

2.3 rating from 29 votes

All Posts of March 2010