Friday, June 4th, 2010

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

++---
2.3 rating from 3 votes

Thursday, June 3rd, 2010

Realtime ray tracing^H^H^H^H^H^H texture mapping with JavaScript

Category: Examples

We have posted about ray tracing before, and now we have another example by Jonas Wagner: The environment is mapped using cube mapping. I store all the values of the cubemap as floats. I increase the definition range by multiplying all values bigger than 0.95 with 2. This makes sure that the bright parts of Read the rest…

Posted by Dion Almaer at 6:47 am
4 Comments

+++--
3.2 rating from 6 votes

Border Image Generator Tool; Using local file APIs

Category: CSS

Kevin Decker has upgraded his border-image generator tool. The major update is the ability to not have to host an image, but also use local ones. The tool itself is useful, but the post is very interesting as we get to listen in to the implementation process of Kevin as he got the feature working Read the rest…

Posted by Dion Almaer at 6:01 am
2 Comments

+----
1 rating from 2 votes

Are we going to be stick shift drivers amidst the automatic population?

Category: Editorial

An editorial piece taken from my personal blog goes into some thoughts on the computing platforms and how they are evolving. I have been talking in analogy for the last few days. The common meme is relating the computing usage trends to that of the car industry. As I watch continue to watch my family Read the rest…

Posted by Dion Almaer at 5:43 am
14 Comments

+++--
3.5 rating from 2 votes

Wednesday, June 2nd, 2010

See beauty in the Kaleidoscope

Category: Utility

Sofa love to create beautiful things. They worked on Aristo, the the open source theme that came from Cappuccino, but has also been picked up by jQuery UI and others. This time around Sofa has created a simple purpose Mac application called Kaleidoscope that allows you to visualize diffs for both text docs and images. Read the rest…

Posted by Dion Almaer at 2:17 pm
9 Comments

+----
1 rating from 1 votes

Build a Fish Tank with Canvas and CSS3

Category: Examples

Greg Murray has an early beta of a fun sample app: HTML5 Fish Tank. The app lets you build out your fishes, and then place them in the tank. It puts the low level Canvas and CSS3 transitions/transforms to work. E.g. HTML4 < view plain text > <div id="1275463173677" class="fish" style="-webkit-transition-duration: 3369ms; -webkit-transform-origin-x: 508px; -webkit-transform-origin-y: Read the rest…

Posted by Dion Almaer at 6:27 am
3 Comments

+++--
3.6 rating from 5 votes

Stomple: Stomping to the server via WebSockets

Category: JavaScript, Library

Karl Krukow has created Stomple, a library that “enables using the browser as a reliable messaging client, e.g. for JMS.” It is trivially simple to now have a browser (that supports this new WebSockets world) to join in with JMS backends, and start to consume. To get going it is as simple as: javascript < Read the rest…

Posted by Dion Almaer at 2:38 am
Comment here

+++++
5 rating from 1 votes

Tuesday, June 1st, 2010

ShowSlow monitors your YSlow and Google Page Speed scores

Category: Performance

Show Slow has a great new feature. Sergey Chernyshev and team now monitor your YSlow and Page Speed stats: Show Slow will fire YSlow and Page Speed at your site and collect statistics on a daily basis so you can just sit back and enjoy the graphs! You can also check out the Alex 100 Read the rest…

Posted by Dion Almaer at 6:25 am
7 Comments

+++--
3 rating from 1 votes

Building a Basic Silverlight Application to talk to PHP

Category: PHP

Silverlight is a powerful development platform for creating engaging, interactive user experiences for Web, desktop, and mobile applications when online or offline. Silverlight is a free plug-in, powered by the .NET framework and compatible with multiple browsers, devices and operating systems, bringing a new level of interactivity wherever the Web works. Silverlight 4 adds a Read the rest…

Posted by tberardi at 4:14 am
14 Comments

+++--
3.2 rating from 6 votes

Two JS solutions to run SQL-like statements on Arrays and Objects

Category: JavaScript, Library

Thomas Frank released SQLike a script that allows you to filter arrays and objects in JavaScript with a SQL-like syntax. Query: javascript < view plain text > SQLike.q(     {         Select: ['firstName','|count|','firstName','|sum|','salary','|min|','salary','|max|','salary','|avg|','salary'],         From: dataArray,         GroupBy: ['firstName'],         Having: function(){return Read the rest…

Posted by Chris Heilmann at 4:13 am
23 Comments

++---
2 rating from 2 votes

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