Monday, May 31st, 2010

1 + – + + + – + 1. Binary solo? WTFJS!

Category: JavaScript

javascript < view plain text > 1 + + 1              // => 2 1 + – + 1            // => 0 1 + – + – + 1        // => 2 1 + – + – + – + 1   Read the rest…

Posted by Dion Almaer at 1:16 pm
4 Comments

+----
1 rating from 1 votes

OS X Leopard-style Stacks in CSS3 only

Category: CSS

Gordon Brander has a fun demo implementing the “Stacks” dock concept from Leopard using CSS3 only, including the following: :target pseudo-class transform transition border-radius border-image CSS gradients rgba colors text-overflow: ellipsis Check out the source to see it at work, with code such as: css < view plain text > .stack:target > ul {   Read the rest…

Posted by Dion Almaer at 6:01 am
8 Comments

++++-
4 rating from 1 votes

Friday, May 28th, 2010

Amazing Audio API JavaScript Demos

Category: Showcase, Sound

David Humphrey and the hit squad of audio gurus have some new amazing demos for us. Perfect for a Friday. This is all through the rich Mozilla Audio API work which will hopefully be pushed into other browsers at some point in the not so distant future. Charles Cliffe has some awesome WebGL visualizations from Read the rest…

Posted by Dion Almaer at 7:01 am
Comment here

++++-
4.1 rating from 12 votes

Rounded corners. Moving.

Category: Animation, Graphics, UI

Chris Vanrensburg: “In a similar vein to a recent experiment with animating position, I wanted to see how curves could be applied to animating size changes for an object. To be expected, applying different interpolation curves for the width and height CSS style properties produces some fun effects (to be seen towards the bottom of Read the rest…

Posted by Dion Almaer at 5:41 am
5 Comments

+++--
3.9 rating from 11 votes

Thursday, May 27th, 2010

A second look at the “webbyness” of an “installable” Web App

Category: Editorial

Many in the Web community have been guarded about the notion of “apps” and what a Web app is. Google itself, via Gears and now HTML5 support, were pushing the notion of giving the browser the abilities to do app-like things…. rather than pushing for a native app runtime. The Chrome Web Store and its Read the rest…

Posted by Dion Almaer at 1:35 pm
4 Comments

++++-
4 rating from 2 votes

Canvas optimization tip: Get image data as infrequently as possible

Category: Canvas, Performance, Tip

We have learned to touch the DOM as little as possible for performance sakes. Batch up changes, and do one call to innerHTML say. Talk over the evil boundary of the DOM as infrequently as possible. Well, Selim Arsever has found a similar tip for Canvas that caused a ~40% performance improvement on some of Read the rest…

Posted by Dion Almaer at 7:01 am
9 Comments

++++-
4.5 rating from 2 votes

towel.js: momentum drag, simple code

Category: JavaScript, Library, MooTools

Scato Eggen, in honor of Towel Day in the Netherlands, has released an open source framework called towel.js. towel.js is an extension for Mootools, designed to make event-based code easier to write and even more important: easier to read. At the hart of towel.js is a modular helper system called towel, including two helpers called Read the rest…

Posted by Dion Almaer at 6:37 am
Comment here

+++--
3.9 rating from 8 votes

Chrome supporting EventSource for server push, and richer Worker API

Category: Chrome

Rick Waldron has been delving into Chrome and Chromium to find some nice updates. First, he uncovers new support for the EventSource API that allows for simple server push of DOM events as shown in this simple client and server pairing: javascript < view plain text > document.addEventListener(‘DOMContentLoaded’, function () {     var eventSrc Read the rest…

Posted by Dion Almaer at 6:19 am
3 Comments

+++--
3.5 rating from 2 votes

Wednesday, May 26th, 2010

COR Blimey! Cross domain Ajax is really here

Category: Ajax, Standards

There is a lot of solid support for cross-domain Ajax in modern web browsers, yet most developers are still unaware of this powerful capability. Usage requires just a little bit of extra JavaScript work and a little extra server-side work to ensure that the correct headers are being sent. IE8’s implementation lags a bit behind Read the rest…

Posted by Dion Almaer at 6:09 am
10 Comments

++++-
4 rating from 41 votes

Tuesday, May 25th, 2010

TabNabbing: Phishing By Switching Background Tab Content

Aza Raskin identifies yet another form of phishing attack. Tabnabbing is the process of replacing the entire contents of a page while it’s in a background tab. Want to see it in action? Just visit Aza’s article, switch to another tab for 5 seconds and see what happens. Nice clean demo, and as scary as Read the rest…

Posted by Michael Mahemoff at 10:10 am
7 Comments

+++++
5 rating from 1 votes

Monday, May 24th, 2010

FireBreath: Cross platform plugin framework

Category: Plugins

FireBreath 1.0 has been released. What is it you ask? FireBreath aims to be a cross-platform plugin architecture, targeting: NPAPI browsers on windows, mac, and linux: Gecko/Firefox Google Chrome Apple Safari ActiveX Control hosts: Microsoft Internet Explorer 6, 7, and 8 You can run a script and start hacking on a new plugin, and it Read the rest…

Posted by Dion Almaer at 6:34 am
3 Comments

+----
1 rating from 1 votes

Busting framebusters – clickjacking is still a big issue

Category: JavaScript, Security

If you followed the security world a bit in the last year (or fell for the “don’t click this button” Twitter worm) you will have noticed that clickjacking still is a big problem. Clickjacking basically means that you embed a third party web site into yours inside an iframe and give this frame a opacity Read the rest…

Posted by Chris Heilmann at 5:38 am
4 Comments

+++--
3 rating from 1 votes

Node.NET: Running Node on Windows via .NET

Category: Node, Server

Node eventually wants to support all POSIX operating systems (including Windows with MinGW) but at the moment it is only being tested on Linux, Macintosh, and Solaris. At the Node.js meetup in Palo Alto, someone asked about running node on Windows, and the answer wasn’t pretty yet. You can probably hack it together, and it Read the rest…

Posted by Dion Almaer at 12:24 am
2 Comments

+++++
5 rating from 1 votes

Friday, May 21st, 2010

TeleHash: Real-time wire protocol for JSON

Category: JSON

TeleHash is a brand new “wire protocol for exchanging JSON in a real-time and fully decentralized manner.” If you are into switches and Erlang, it will look maybe a bit familiar, with entries such as: javascript < view plain text > // basic Telex with example command {     "_ring": 43723,     ".see": Read the rest…

Posted by Dion Almaer at 9:35 am
3 Comments

++++-
4 rating from 2 votes

SoundManager2 now with HTML5 Audio

Category: Sound

Scott Schiller, the best moustache-d frontend engineer around, has updated his awesome SoundManager library. The latest SoundManager 2 version now comes with free HTML5 Audio support which makes it a HTML5 Audio()-capable JavaScript Sound API, backwards-compatible via Flash fallback for MP3/MP4 formats. Existing SM2 API seamlessly uses HTML5 where supported, currently experimental; and of course… Read the rest…

Posted by Dion Almaer at 9:22 am
11 Comments

+++--
3.8 rating from 4 votes

CSS Structural Reset

Category: CSS, Tip

Browsers weren’t given guidance in early HTML specs for default styles on elements. Does the body have a margin or a padding? What colors? etc. The easiest way to deal with multiple browser is so reset the CSS for them all, and built up from there. We then got Eric Meyer’s reset and YUI reset Read the rest…

Posted by Dion Almaer at 6:55 am
14 Comments

+----
1.5 rating from 2 votes

All Posts of May 2010