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

++++-
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 Comments

+++--
3.3 rating from 4 votes

Liquid Particles

Category: Canvas, Fun

Sit back and enjoy: The bulk of the code is just: javascript < view plain text > function run() {     ctx.globalCompositeOperation = "source-over";     ctx.fillStyle = "rgba(8,8,12,.65)";     ctx.fillRect( 0 , 0 , canvasW , canvasH );     ctx.globalCompositeOperation = "lighter";         mouseVX    = mouseX – Read the rest…

Posted by Dion Almaer at 2:58 am
6 Comments

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

Posted by Dion Almaer at 10:51 am
17 Comments

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

+++--
3.5 rating from 12 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

++++-
4 rating from 5 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

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

++++-
4 rating from 2 votes

A/B testing your Cohorts with Google Analytics result views

Category: JavaScript, Library, Testing

javascript < view plain text > 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() {               Read the rest…

Posted by Dion Almaer at 6:37 am
1 Comment

+++--
3 rating from 2 votes

Monday, June 7th, 2010

Safari 5: Features, Performance, Standards

Category: Browsers, WebKit

Safari 5 got out of the gate a touch early as the PR team shot their new release out before anything else was out there: “Safari continues to lead the pack in performance, innovation and standards support,” said Philip Schiller, Apple’s senior vice president of Worldwide Product Marketing. “Safari now runs on over 200 million Read the rest…

Posted by Dion Almaer at 8:15 pm
9 Comments

+----
1 rating from 1 votes

Google I/O Sessions for Web Devs

Category: Google

The Google I/O sessions are now live. I/O was a big event this year, and the press liked to focus on the splashy double headed keynotes (day 1: go web!, day 2: go Android :/). The bulk of the real content from Google engineers was very solid indeed, and there are gems for Web developers Read the rest…

Posted by Dion Almaer at 11:17 am
3 Comments

++++-
4 rating from 1 votes

Snow Reports: One app written. Deployed to iPhone, Android, webOS

Category: iPhone, Mobile, WebOS

Steve Gill of Nitobi has posted about a PhoneGap application called SnowReports. The application is open source and forkable on GitHub and shows how you can take a mobile Web application and port it between iPhone, Android, and webOS (and PhoneGap itself can even go beyond to other platforms such as Nokia/Blackberry). Steve also put Read the rest…

Posted by Dion Almaer at 7:10 am
5 Comments

+++--
3 rating from 2 votes

WebStorm: JetBrains goodness for the Web

Category: Tools

I jump between vi, textmate, and IntelliJ when coding. I am a long term IntelliJ IDEA fan (I actually long for IDEA 3 when it peaked for me as a lean editor without millions of plugins) and a lot of people think of it as a Java IDE company. In recent years it has diversified Read the rest…

Posted by Dion Almaer at 6:03 am
11 Comments

+++--
3 rating from 1 votes

Friday, June 4th, 2010

Fuchs-ing an iPad HTML5 app for performance

Category: Performance

Thomas has a great post today on how he took the lovely Every Time Zone HTML5 app for the iPad and went deep to make it perform smoothly to match its beauty. He has documented what he did: Canvas optimizations over images: Thomas found out that using -webkit-gradient produces images which slow down the rendering Read the rest…

Posted by Dion Almaer at 11:45 am
1 Comment

++++-
4 rating from 1 votes

amelie() – a devious plan to get rid of IE6

IE6 must die – we all know this. Even Microsoft knows and acknowledges this (the IE9 team would love everybody to upgrade). The problem is that as a technical argument we don’t get far. The people who force their users to still use IE6 as the main “browser” don’t want to change their environments as Read the rest…

Posted by Chris Heilmann at 10:17 am
29 Comments

++++-
4 rating from 1 votes

Apple HTML5 microsite touts standards, but only works on Safari

Category: Apple, Browsers

Apple has a new microsite touting HTML5 standards, yet when you hit the site in a browser other than Safari and try to run a sample you get: Erm. Hmm. Faruk has it right: The point isn’t that all of the examples should work in all browsers, but that it most of them actually do…. Read the rest…

Posted by Dion Almaer at 3:22 am
16 Comments

+++--
3 rating from 2 votes