Monday, May 31st, 2010
1 + – + + + – + 1. Binary solo? WTFJS!
Category: JavaScript
< View plain text > javascript 1 + + 1 // => 2 1 + – + 1 // => 0 1 + – + – + 1 // => 2 1 + – + – + – + 1 Read the rest…
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: < View plain text > css .stack:target > ul { Read the rest…
4 rating from 1 votes
Friday, May 28th, 2010
Amazing Audio API JavaScript Demos
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…
3.9 rating from 13 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…
3.7 rating from 12 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…
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…
3.6 rating from 7 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…
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: < View plain text > javascript document.addEventListener(‘DOMContentLoaded’, function () { var eventSrc Read the rest…
3.5 rating from 2 votes
Wednesday, May 26th, 2010
COR Blimey! Cross domain Ajax is really here
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…
3.9 rating from 47 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…
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…
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…
3 rating from 1 votes
Node.NET: Running Node on Windows via .NET
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…
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: < View plain text > javascript // basic Telex with example command { "_ring": 43723, ".see": Read the rest…
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…
3.8 rating from 4 votes
CSS Structural Reset
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…
1.5 rating from 2 votes
