Thursday, December 31st, 2009

Web 2.Snow

Category: CSS, Examples, Fun, JavaScript

When I talked about some snow related CSS3 experiment, I could not imagine @Natbat was already preparing something like snowflakes, an almost fully CSS3 featured snow FX created for clearleft, specially suited for Chrome and Safari. And what about @zacharyjohnson? He put snow all over the network via its Winternetizer, the first snow proxy I Read the rest…

Posted by webreflection at 8:13 am
8 Comments

+++--
3.2 rating from 30 votes

How would you layout Wave?

Category: JavaScript, Library

Want to show how to use your layout library? Why not mimic a well known layout and show how easy it is? That is what Volodya Kolesnikov has done with his Google Wave layout in 100 lines of code sample. It is powered by uki (shorted from “ui kit”) and Volodya told us more about Read the rest…

Posted by Dion Almaer at 6:38 am
9 Comments

+++--
3.2 rating from 35 votes

Wednesday, December 30th, 2009

WebKit Inspector Audit View

Category: Performance

The WebKit Inspector tool has a new tab, the Audits panel which aims to be like Google PageSpeed and YSlow! built right in. A little crude, but good to see:

Posted by Dion Almaer at 6:35 am
3 Comments

++++-
4.3 rating from 26 votes

Tuesday, December 29th, 2009

Hand-Drawn Look in Canvas Drawing App

Category: Canvas

Steve Hanov has produced a Canvas-based drawing tool with a hand-drawn look. Lines can be drawn with a “sloppiness” option, with possible values “Draftsman”, “Artist”, “Cartoonist”, “Child”, and – perfect for this time of year – “Drunk” :). The FG Virgil font, applied to text elements, adds to the cartoon vibe. The techniques are used Read the rest…

Posted by Michael Mahemoff at 6:57 am
2 Comments

++++-
4.3 rating from 38 votes

CoffeeScript: A nice little language that compiles to JavaScript

Category: JavaScript, Library

Jeremy Ashkenas is experimenting with a new language that translates down to JavaScript. The language is CoffeeScript and I kinda like the syntax. Jeremy told us: I’ve been working on a little language with a Ruby/Potion-esque syntax that compiles into JavaScript. It tries to enforce “the good parts”, convert statements into expressions automatically, and adds Read the rest…

Posted by Dion Almaer at 6:41 am
11 Comments

+++--
3 rating from 58 votes

Monday, December 28th, 2009

TransM: Programmable Image Transitions

Category: Canvas, JavaScript, Library

The infamous Christian Effenberger has a new library to share: TransM.js 1.0 allows you to add programmable image transitions to your webpages. Features 113 transitions, 32 tweenings, individual corners, overlay graphics and event actions. Requires no plugin/extension or any other external resource! It uses unobtrusive javascript to keep your code clean. You can play around Read the rest…

Posted by Dion Almaer at 6:38 am
3 Comments

++++-
4.3 rating from 33 votes

Friday, December 25th, 2009

Jetty introduces WebSocket support (relunctantly)

Category: Comet

Greg Wilkins tried to get people to do better than WebSocket as it was being defined. His BWTP proposal didn’t get traction so what does he do? He introcuces a great Jetty WebSocket implementation: Chrome and Firefox will soon be supporting WebSocket, so WebSocket (for better or for worse) will soon be available in the Read the rest…

Posted by Dion Almaer at 6:47 am
1 Comment

+++--
3.6 rating from 34 votes

Thursday, December 24th, 2009

Closure Lite

Category: Closure, Google

Michael Bolin formerly of Google has created Closure Lite as a way to let developers get their feet wet in the Closure library without having to go into the compiler and the like (but they should do that eventually!). Closure Lite itself consists of the following subset of APIs: goog.array goog.Disposable goog.dispose goog.dom goog.dom.DomHelper goog.events.NodeType Read the rest…

Posted by Dion Almaer at 6:39 am
5 Comments

++---
2.2 rating from 49 votes

Wednesday, December 23rd, 2009

Orderly JSON

Category: JavaScript, JSON, Library

Lloyd Hilaiel of Yahoo! BrowserPlus fame, has a little holiday gift for us. He has created a simple library called Orderly that “is a textual format for describing JSON. Orderly can be compiled into JSONSchema. It is designed to be easy to read and write.” He shares: A little bit of orderly… javascript < view Read the rest…

Posted by Dion Almaer at 6:34 am
10 Comments

+++--
3 rating from 31 votes

Tuesday, December 22nd, 2009

MathJax: Rich Math display from LaTeX and MathML

Category: JavaScript

I am sure MathML took off somewhere, but I never really saw it. MathJax seems to have a chance at being a practical solution that offers a high quality display of LaTeX and MathML math notation in HTML pages. You can embed the following LaTeX right in your page: HTML4 < view plain text > Read the rest…

Posted by Dion Almaer at 6:44 am
4 Comments

++++-
4.5 rating from 41 votes

Monday, December 21st, 2009

HTML5 Video Autobuffers, Always

Category: Video

John Gruber of Daring Fireball says that the HTML5 video element, simple as it is, always autobuffers on Safari, Chrome, and Firefox. It’s something others have also come up against. Any videos on the page will start downloading right away, regardless of the “autobuffer” attribute’s setting: The HTML5 spec defines an autobuffer attribute for the Read the rest…

Posted by Michael Mahemoff at 6:56 pm
5 Comments

+++--
3.8 rating from 32 votes

Side by side diffs that look great, all in the browser

Category: Showcase

We knew that we needed VCS support for Bespin. We also knew that we wanted to have support that is richer than just having command line access. Since we are in a rich UI environment we can do more, and one of the features I was excited to play with was diff visualization. Well, the Read the rest…

Posted by Dion Almaer at 10:10 am
1 Comment

+++--
3.5 rating from 26 votes

Chrome Extensions and webOS Applications look quite similar

Category: Browsers

Reposted from my personal blog “If you squint, Chrome Extensions and webOS applications look similar” — a wise friend Having now written webOS applications and Chrome Extensions I have been struck by how similar they are, and could be. It may seem weird to see similarity in a browser extension mechanism and a mobile application Read the rest…

Posted by Dion Almaer at 6:00 am
6 Comments

++---
2.9 rating from 21 votes

Friday, December 18th, 2009

The Maturation of a Framework; qooxdoo reaches 1.0

Category: Qooxdoo

From the moment I saw qooxdoo, I felt they had an excellent & very polished set of functionality as well as insanely rich UI controls but I never took the time to look at the commitment that the team had put into this project. So when qooxdoo project lead Andreas Ecker buzzed me to tell Read the rest…

Posted by Rey Bango at 8:27 pm
14 Comments

++++-
4 rating from 65 votes

EtherPad Goes Open Source

Category: Comet, Google, Server

Following their recent acquisition by Google, AppJet announced they would open source EtherPad, the collaborative, real-time, notepad. That’s now done, and you can find the project home at – surprise, surprise – Google Code. Checkout Instructions Browse the Source What’s especially cool about this is that Etherpad is Javascript on both sides of the wire. Read the rest…

Posted by Michael Mahemoff at 4:32 pm
4 Comments

+++--
3.7 rating from 27 votes

Thursday, December 17th, 2009

Project Ares: Full mobile development environment from Palm all in the browser

Category: Bespin, WebOS

Project Ares is the first mobile development environment hosted entirely in a browser, lowering the barriers for web developers to jump into mobile development. I am incredibly excited to see the beta release of Project Ares which has been developed by Matt McNulty and his top notch developers at Palm. I am honored to be Read the rest…

Posted by Dion Almaer at 5:24 pm
9 Comments

++++-
4.5 rating from 41 votes

All Posts of December 2009