Tuesday, June 15th, 2010
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.
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…
Category: Games
Do you remember being really impressed by the initial
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...
Monday, June 14th, 2010
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...
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...
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...
Friday, June 11th, 2010
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...
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...
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...
Thursday, June 10th, 2010
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...
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...
Wednesday, June 9th, 2010
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...
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...
Tuesday, June 8th, 2010
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...
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...