Activate your free membership today | Log-in


Tuesday, June 15th, 2010

Raphaël paints some logos and gives them to you for free

Category: Design

Raphaël. Painter. Turtle. One the back of the fact that Raphaël will continue to do great things in the JS space due to Sencha Labs funding we have another little gift. 104 MIT licensed icons: Go check out the page and zoom in to see the vector goodness.

Posted by Dion Almaer at 3:16 pm
3 Comments

+++++
5 rating from 1 votes

Sencha = ExtJS + jQTouch + Raphaël + Connect

Category: Sencha

Whenever you name your company after your first product you run into the issue that people think that is who you are. The company behind ExtJS has grown up a lot recently, and partly to show that, now come to you as Sencha, a new identity. They have also clearly separated their GPL/commercial offerings from Read the rest…

Posted by Dion Almaer at 8:26 am
8 Comments

+++++
5 rating from 1 votes

Suburban World; The fantastic HTML5 Aves gaming engine is back

Category: Games

Do you remember being really impressed by the initial

Posted by Dion Almaer at 7:28 am
4 Comments

+++--
3 rating from 4 votes

Y.preload: load before execution

Category: Performance

Caridy Patino has posted on a new YUI3 module for preloading of content, implementing Stoyan's ideas. You can now strap on some preloading goodness to your YUI application: PLAIN TEXT JAVASCRIPT:   YUI({     //Last Gallery Build of this module     gallery: 'gallery-2010.05.05-19-39' }).use('gallery-preload', function(Y) {   Y.preload ([     'http://tools.w3clubs.com/pagr2/1.sleep.expires.png',   Read the rest...

Posted by Dion Almaer at 6:13 am
Comment here

OOOOO
Rate the above post

Monday, June 14th, 2010

animateWithCSS: Aza’s jQuery Plugin

Category: Animation, CSS

PLAIN TEXT JAVASCRIPT:   // Makes all paragraph elements grow a border and then atrophy away. $("p").animateWithCSS(   {border: "5px solid #555"}, // CSS properties to animate   1000,                       // Duration in ms   "cubic-bezier",        // The timing function   function() {  Read the rest...

Posted by Dion Almaer at 5:36 pm
11 Comments

+++--
3.5 rating from 2 votes

Craziness with CSS: Animated Twitter Fail Whale

Category: CSS

Developers continue to do crazy things to show us what can be done with CSS3. The latest is a fully animated Twitter fail whale by Steve Dennis: The idea for this came to me this morning after being greeted first thing this morning by another Twitter outage. I’d been looking for something to stretch my Read the rest...

Posted by Dion Almaer at 7:10 am
6 Comments

OOOOO
Rate the above post

JSonduit: Turn the Web into a JSON feed

Category: JSON

Chris Winberry recently built a node-htmlparser library that we posted on. Now we know why he built that library. He has released JSonduit.com: Any data, anywhere. JSonduit is a service that can turn practically anything on the web into a JSON feed that any website may consume. A JSON conduit, if you will. Feeds are Read the rest...

Posted by Dion Almaer at 5:28 am
4 Comments

OOOOO
Rate the above post

Friday, June 11th, 2010

How fast does FIFA.com score a goal?

Category: Performance

It's the World Cup again. Being a Brit, I am on tender hooks with the first England game coming up tomorrow with the USA. A family feud for me. We start to see great microsites such as the Twitter @worldcup site, and as we think about what the fastest goal will be... what about the Read the rest...

Posted by Dion Almaer at 12:30 pm
7 Comments

OOOOO
Rate the above post

Connect: Great middleware for Node!

Category: Node

Tim Caswell has been doing awesome work, and his latest project is Connect, a high performance middleware framework for node.js. Ruby has Rack. Python has WSGI. Java has Servlets. Now, JavaScript has Node/Connect. I was able to set it up in minutes and took the following screencast of a sample application in action: Take a Read the rest...

Posted by Dion Almaer at 6:20 am
3 Comments

+++--
3 rating from 1 votes

Liquid Particles

Category: Canvas, Fun

Sit back and enjoy: The bulk of the code is just: PLAIN TEXT JAVASCRIPT:   function run() {         ctx.globalCompositeOperation = "source-over";         ctx.fillStyle = "rgba(8,8,12,.65)";         ctx.fillRect( 0 , 0 , canvasW , canvasH );         ctx.globalCompositeOperation = "lighter";       Read the rest...

Posted by Dion Almaer at 2:58 am
6 Comments

OOOOO
Rate the above post

Thursday, June 10th, 2010

CSS calc() in the house

Category: CSS, Tip

Finally. Don't make me jump to JavaScript to tweak the CSS when I want a relative calculation for a value. The effervescent Paul Rouget shows us the CSS calc() goodness that has a bug going for Mozilla. Some good simple use cases: PLAIN TEXT CSS:   /* * Two divs aligned, split up by a Read the rest...

Posted by Dion Almaer at 10:51 am
17 Comments

++++-
4.5 rating from 2 votes

Facebook has a BigPipe to smoke competitors on performance

Category: Facebook, Performance

Remember a time when you would make fun of Facebook for having such poor performance? You would see 400 scripts that would be loading, some of which that would have code for no reason. That was in the distant past now. Makinde Adeagbo gave that great talk at JSConf about the copious amount of code Read the rest...

Posted by Dion Almaer at 6:10 am
14 Comments

++---
2.4 rating from 5 votes

Wednesday, June 9th, 2010

MagnifyMa: A CSS magnifying glass

Category: CSS, Examples

Jack Prosser has fun proof of concept CSS magnifying glass. He told us a little about it: The main concept works on using CSS3 for the radius, making a round circle view point. This contains an iframe which is the exact same content. Using CSS3 again I scale the content in the iframe so that Read the rest...

Posted by Dion Almaer at 5:51 am
3 Comments

+++--
3.7 rating from 3 votes

HTML5: Deja Vu on Ajax

Category: Editorial, HTML

What does Open Web mean? What does Ajax mean? Is it AJAX or Ajax? Remember those discussions? We had the arguments ... the purists who would shout and scream if you said something was Ajax and didn't use XHR with async mode + XML as the format. Ajax beat our AJAX and became the new Read the rest...

Posted by Dion Almaer at 5:10 am
12 Comments

+++++
5 rating from 1 votes

Tuesday, June 8th, 2010

Google Chrome Frame Gets Beta Love

Category: Browsers, Google

*thump*. That is the sound of Google Chrome Frame getting a beta tag on it with a new version that comes up to Chrome 5 levels: Instead of adding new bells and whistles, we've fixed more than 200 bugs to make integration with Internet Explorer seamless while improving security, stability, and performance. For example, we’ve Read the rest...

Posted by Dion Almaer at 6:24 pm
4 Comments

OOOOO
Rate the above post

A/B testing your Cohorts with Google Analytics result views

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...

Posted by Dion Almaer at 6:37 am
1 Comment

OOOOO
Rate the above post