Tuesday, October 5th, 2010

Wolfenstein 3D… in 1K of JavaScript

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…

Posted by Brad Neuberg at 9:31 am
3 Comments

+++--
3.9 rating from 15 votes

Monday, October 4th, 2010

RequireJS 0.14.2

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…

Posted by jvaughan at 7:03 pm
Comment here

+++--
3.3 rating from 6 votes

Sunday, September 26th, 2010

Promote JS – give newbies a chance

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…

Posted by Chris Heilmann at 1:14 pm
17 Comments

++++-
4.1 rating from 8 votes

Friday, September 24th, 2010

Web Ninja Interview: Marcin Wichary — Creator of Google Pacman Logo, HTML5 Slide Deck, and More

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…

Posted by Brad Neuberg at 6:00 am
6 Comments

+++--
3 rating from 7 votes

Thursday, September 23rd, 2010

How Gmail’s Drag and Drop from the Desktop Works

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…

Posted by Brad Neuberg at 6:00 am
6 Comments

++---
2.7 rating from 3 votes

Wednesday, September 22nd, 2010

Evercookie – using a lot of solutions to force a persistent cookie

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…

Posted by Chris Heilmann at 2:59 pm
14 Comments

+++--
3 rating from 2 votes

Chrome Frame is out of Beta!

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…

Posted by Brad Neuberg at 2:47 pm
3 Comments

+++--
3 rating from 5 votes

HTML5 Link Prefetching

Category: HTML, Performance

From David Walsh comes a good writeup on the HTML5 link prefetch tag: HTML4 < view plain text > <!– 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 Read the rest…

Posted by Brad Neuberg at 6:00 am
4 Comments

+++--
3.4 rating from 7 votes

Tuesday, September 21st, 2010

Animating With Firefox’s mozRequestAnimationFrame

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…

Posted by Brad Neuberg at 7:00 am
1 Comment

+++--
3.1 rating from 8 votes

Monday, September 20th, 2010

Video Conferencing with the HTML5 Device Element

Category: HTML, Standards, Video

Did you know that work is being done to enable videoconferencing from HTML5 applications? Ian Hickson has been doing work on the element in a separate draft to make this possible. The element will be used to allow the user to give permission to a page to use a device, such as a video camera. Read the rest…

Posted by Brad Neuberg at 6:00 am
7 Comments

+++--
3 rating from 8 votes

Friday, September 17th, 2010

Progressive enhancement using nothing but JavaScript?

Category: Node, Yahoo!, YUI

Progressive enhancement is still a confusing matter for a lot of people who are very excited about the capabilities of JavaScript in modern browser environments. It can feel anachronistic to write your solutions for a non-JS environment and then once more enhances in JavaScript. I grew up like that so for me it is a Read the rest…

Posted by Chris Heilmann at 1:06 pm
9 Comments

++---
2.5 rating from 2 votes

Web Ninja Interview: Mr. Doob

Category: Web Ninja Interview

As part of our Doob-a-thon today, we have a Web Ninja Interview with Mr. Doob. The Web Ninja Interview series focuses on people doing amazing and interesting work using JavaScript, CSS, HTML, SVG, WebGL, and more. Mr. Doob has delighted us with many awesome visualization and demos, including the recent Wilderness Downtown project. He is Read the rest…

Posted by Brad Neuberg at 6:15 am
3 Comments

+++--
3 rating from 4 votes

The Wilderness Downtown: How it was Made

Category: Graphics

The Wilderness Downtown HTML5 web site came out recently and blew people away. Via Mr. Doob comes a detailed blog post breaking down how the web site was actually created. First, he makes clear that this was a team effort, including work by Chris Milk, Aaron Koblin, “Spite”, George Michael Brower, Eduard Prats Molner, Guille Lopez, Read the rest…

Posted by Brad Neuberg at 6:00 am
Comment here

++---
2.7 rating from 3 votes

Thursday, September 16th, 2010

Simulating :hover and Double Clicks With Pure CSS on Mobile Devices

Category: CSS

When creating mobile web apps on devices like the iPhone, iPad, and Android you lose the beloved CSS :hover property which can make things so much easier to create. Chris Coyier has been exploring how to respond to single and double clicks still using pure CSS even when we don’t have :hover. For single clicks, Chris Read the rest…

Posted by Brad Neuberg at 7:00 am
3 Comments

+++--
3.7 rating from 8 votes

The CSS Awards

Category: CSS

CSS has always been a powerful tool in the web programmer’s arsenal, especially today with CSS3, CSS Animations/Transforms/Transitions, CSS FlexBox and Columns, CSS with SVG, etc. If you’re trying to do it all with JavaScript, many times you are probably doing things wrong — a CSS solution will often be more elegant, terse, and performant. Read the rest…

Posted by Brad Neuberg at 6:00 am
3 Comments

+++--
3.3 rating from 3 votes

Wednesday, September 15th, 2010

pushState + node.js on the Server Side

Category: Node

pushState is a nifty way to manipulate browser history state without having to mess with the #hash value. You can use this to change the full path portion of the URL: javascript < view plain text > var stateObj = { foo: "bar" }; history.pushState(stateObj, "page 2", "bar.html"); This would change the URL bar to Read the rest…

Posted by Brad Neuberg at 7:00 am
7 Comments

+++--
3.7 rating from 6 votes