All topics go here

Wednesday, June 16th, 2010

JSKB: JavaScript Knowledge Base. Shrinking your code via BrowserScope and Caja

Category: Performance

We have a screwed up tensions on the Web. The size of your source code really matters for performance. The larger your .js…. the longer it takes it to get down the pipe. This has a perverse incentive to write terse uncommented code. Add to this the problem of having to work cross browser, and Read the rest…

Posted by Dion Almaer at 8:16 am

3 rating from 2 votes

POC ePub Book Reader Booktorious

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…

Posted by Rey Bango at 7:00 am
Comment here

4 rating from 1 votes

Guess the color. Hex geekery.

Category: Fun, Games

How hex geeky do you feel today? Take a sec to guess the hex!

Posted by Dion Almaer at 3:23 am
1 Comment

2.6 rating from 5 votes

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 rating from 2 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

3.3 rating from 3 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

2.8 rating from 6 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: < View plain text > javascript YUI({     //Last Gallery Build of this module     gallery: ‘gallery-2010.05.05-19-39’ }).use(‘gallery-preload’, function(Y) {   Y.preload ([     Read the rest…

Posted by Dion Almaer at 6:13 am
Comment here

2 rating from 2 votes

Monday, June 14th, 2010

animateWithCSS: Aza’s jQuery Plugin

Category: Animation, CSS

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

Posted by Dion Almaer at 5:36 pm

3.4 rating from 9 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

4 rating from 2 votes

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 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.3 rating from 3 votes

Friday, June 11th, 2010

How fast does 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

4 rating from 1 votes

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.3 rating from 4 votes

Liquid Particles

Category: Canvas, Fun

Sit back and enjoy: The bulk of the code is just: function run() { ctx.globalCompositeOperation = “source-over”; ctx.fillStyle = “rgba(8,8,12,.65)”; ctx.fillRect( 0 , 0 , canvasW , canvasH ); ctx.globalCompositeOperation = “lighter”; mouseVX = mouseX – prevMouseX; mouseVY = mouseY – prevMouseY; prevMouseX = mouseX; prevMouseY = mouseY; var toDist = canvasW / 1.15; var Read the rest…

Posted by Dion Almaer at 2:58 am

4.5 rating from 2 votes

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: < View plain text > css /* * Two divs aligned, split up Read the rest…

Posted by Dion Almaer at 10:51 am

3.8 rating from 4 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

3.7 rating from 19 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

4 rating from 5 votes