Friday, June 4th, 2010
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…
Thursday, June 3rd, 2010
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…
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…
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…
Wednesday, June 2nd, 2010
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…
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. < View plain text > HTML <div id="1275463173677" class="fish" style="-webkit-transition-duration: 3369ms; -webkit-transform-origin-x: 508px; -webkit-transform-origin-y: Read the rest…
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: < View Read the rest…
Tuesday, June 1st, 2010
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…
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…
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: < View plain text > javascript SQLike.q( { Select: [‘firstName’,’|count|’,’firstName’,’|sum|’,’salary’,’|min|’,’salary’,’|max|’,’salary’,’|avg|’,’salary’], From: dataArray, GroupBy: [‘firstName’], Having: function(){return Read the rest…
Monday, May 31st, 2010
Category: JavaScript
< View plain text > javascript 1 + + 1 // => 2 1 + – + 1 // => 0 1 + – + – + 1 // => 2 1 + – + – + – + 1 Read the rest…
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…
Friday, May 28th, 2010
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…
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…
Thursday, May 27th, 2010
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…
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…