Saturday, October 9th, 2010
Category: Canvas
, Examples
Francois Laberge has a fun demonstration of creating 3d looking effects via lighting and normal mapping on 2d photos. The demos progressively add features, from left to right lighting, to glow effects, to a multiple colored lighting extravaganza! Very nice work Francois!
Friday, October 8th, 2010
Category: IE
One of the unique new features of Internet Explorer 9 is the ability to 'pin' web sites to the Windows task bar: While this feature is cool, the way to do it is to use the META tag and drop in some fairly grotty markup into your page: PLAIN TEXT HTML: <!-- C-razy IE9 Read the rest...
Thursday, October 7th, 2010
Category: Flash
, WebGL
File this one in the crazy cool hacks category. Peter Nitsch has been experimenting with using Flash to access a user's webcam, and then feeding this data into WebGL: I tend to stay away from the HTML5 vs Flash "debate", principally because I think it's inane. Both platforms offer certain advantages over the other and Read the rest...
Category: Cappuccino
, Showcase
The Cappuccino community loves to build rich and beautiful applications. The latest example of this is PicsEngine 4.0 by Michael Villar. The application features a clean UI and nice drag and drop support.
Category: Announcements
, Framework
, JavaScript
, Library
Dave Balmer (formerly YUI, currently working with me on webOS) has created a fantastic cross platform mobile Web framework called Jo. What do I mean by cross platform? webOS, iOS, Android, Symbian, Safari, Chrome, and even Dashboard Widgets. It's philosophy is: If you want to jam an existing web page into an application framework, jo Read the rest...
Wednesday, October 6th, 2010
Category: 3D
, CSS
, HTML
, Presentation
Over on my personal blog I talk about a 3D slide deck I've created that uses HTML5, CSS3, and a bit of SVG (video). The main idea behind this deck is to be able to 'zoom' into topics to as deep a level as necessary. Slides are nested, like an outline. For example, I gave Read the rest...
Tuesday, October 5th, 2010
Category: JavaScript
, jQuery
Here's a live blog from jQuery creator John Resig's talk at FOWA, where he's giving us an update on the new toys from the jQuery team. Data Link jQuery already supports a data API: PLAIN TEXT JAVASCRIPT: $("div").data("test", 5); $("div").data("test")===5; $("div").removeData(); This is better than attaching data directly to data nodes for various Read the rest...
Category: Games
, JavaScript
The JS1K conference wrapped up recently. One of the winners that jumped out at me recently was an implementation of Wolfenstein 3D.... in 1K of JavaScript: The author mentions some of the features: WOLF1K features a 32×32 map ( a 1024 cells grid ) with textured walls colored by orientation ( North, South, East, West Read the rest...
Monday, October 4th, 2010
Category: JavaScript
James Burke has rapidly of late sequenced through a series of releases of RequireJS file and module loader for JavaScript - reaching Release 0.14.2 (mostly bug fixes) this week. The software recently gained preliminary support for anonymous modules. Looking forward, Burke has posted a design sketch and code on GitHub ("rough at the moment, mostly Read the rest...
Sunday, September 26th, 2010
Category: JavaScript
Do a search for JavaScript and you find a painful set of returns. The worst offender is having Java results show up. Ouch. (Remember: Java is to JavaScript as Ham is to Hamster!). Compare to a search for Java, or C#, or Ruby, (or ....). Ouch. We need better. To begin with the pirates of Read the rest...
Friday, September 24th, 2010
Category: Web Ninja Interview
You know what time it is.... it's time for another Web Ninja Interview! Huzzah! The Web Ninja Interview series focuses on people doing amazing and interesting work using JavaScript, CSS, HTML, SVG, WebGL, and more. One of the goals behind the Web Ninja Interview series is to talk with the web gurus behind many amazing Read the rest...
Thursday, September 23rd, 2010
Category: Google
The CSS Ninja details how Gmail's drag and drop from the desktop works; when you drag a file from the desktop into Gmail the file will automatically start uploading. The CSS Ninja recreated the code in a demo (source code [zip]). The code works in Firefox and Chrome. On Firefox the File API is used Read the rest...
Wednesday, September 22nd, 2010
Category: Security
Samy has put together an impressive solution to store persistent cookies on user's computers even when they have cookies disabled. The Evercookie script reaches deep into the toolbox to fish out some very interesting and devious tricks for local storage: Standard HTTP Cookies Local Shared Objects (Flash Cookies) Storing cookies in RGB values of auto-generated, Read the rest...
Category: Chrome
, Google
, IE
Big news: Chrome Frame is now stable and out of beta! Today, we’re very happy to take the Beta tag off of Google Chrome Frame and promote it to the Stable channel. This stable channel release provides our most polished version of Google Chrome Frame to date, allowing users to access modern web technologies like Read the rest...
Category: HTML
, Performance
From David Walsh comes a good writeup on the HTML5 link prefetch tag: PLAIN TEXT HTML: <!-- full page --> <link rel="prefetch" href="http://davidwalsh.name/css-enhancements-user-experience" /> <!-- just an image --> <link rel="prefetch" href="http://davidwalsh.name/wp-content/themes/walshbook3/images/sprite.png" /> You use the link tag to do prefetching, setting the rel to "prefetch" and giving the URL to the Read the rest...
Tuesday, September 21st, 2010
Category: Animation
, Firefox
Firefox 4 is going to be a very exciting release. Robert O'Callahan details one of the new features, which should help animation, called mozRequestAnimationFrame. First the motivation: In Firefox 4 we've added support for two major standards for declarative animation --- SVG Animation (aka SMIL) and CSS Transitions. However, I also feel strongly that the Read the rest...