background preloader



Related:  Java Script

keyCodes When a KeyboardEvent fires, you can test which key was pressed because that event contains information you can write logic against. document.addEventListener("keydown", function(event) { console.log(event.which); } For example, by pressing "a", you'll get 65. Apparently it's best to write logic against which, as keyCode and charCode are complicated: The event.which property normalizes event.keyCode and event.charCode.

EaselJS Recent Updates Follow @CreateJS November 2014 Hello HTML5 2/19/2010 04:13:00 PMPosted by Ian Fette, Gears Team If you've wondered why there haven't been many Gears releases or posts on the Gears blog lately, it's because we've shifted our effort towards bringing all of the Gears capabilities into web standards like HTML5. We're not there yet, but we are getting closer.

Make a Rotatable 3D Product Boxshot with Three.js Home : Articles : Make a Rotatable 3D Product Boxshot with Three.js Tutorial by Matt Doyle | Level: Intermediate | Published on 12 August 2011 Categories: Learn how to use the Three.js JavaScript library to create a 3D rotatable product boxshot in the page. No Flash required! Works best with Chrome, Firefox, or any other WebGL-enabled browser

Getting Started with EaselJS One of the features of HTML5 that developers are most excited about is the Canvas element. The Canvas element essentials provides a bitmap canvas for dynamically rendering shapes and bitmap graphics. It is very similar to the Flash Player's Bitmap and BitmapData classes. However, working with the Canvas element can be difficult, especially if you need to manage, update and or / animate multiple shapes and bitmaps. Unlike the Flash Player, the Canvas element does not have a concept of a display list or individual items to render. 2 Common infrastructure — HTML5 1 Introduction 1.1 Background This section is non-normative. The World Wide Web's markup language has always been HTML. HTML was primarily designed as a language for semantically describing scientific documents, although its general design and adaptations over the years have enabled it to be used to describe a number of other types of documents. The main area that has not been adequately addressed by HTML is a vague subject referred to as Web Applications.

Announces Cocktails – Shaken, Not Stirred Developers, time to geek out. Yahoo! has been working behind the scenes for the past several months on an exciting new technology that we think will deeply impact the web developer community. We call it “Cocktails” and it’s the technology powering Livestand, which we launched today at Product Runway. “Cocktails” is a mix of HTML5, Node.JS, CSS3, JavaScript and a lot of ingenious, creative mind-bending tricks from Yahoo!

Reading local files in JavaScript Introduction HTML5 finally provides a standard way to interact with local files, via the File API specification. As example of its capabilities, the File API could be used to create a thumbnail preview of images as they're being sent to the server, or allow an app to save a file reference while the user is offline. Additionally, you could use client-side logic to verify an upload's mimetype matches its file extension or restrict the size of an upload. The spec provides several interfaces for accessing files from a 'local' filesystem:

Follow Drone As I posted the other day, I have been spending some time playing around with dynamic drawing with the HTML5 Canvas element and EaselJS. I have put together quite a few examples and experiments and will be posting them (along with what I learned from them) over the next couple of weeks. The first example I want to share is a simple one which I call "follow". It basically uses EaselJS to create a snake like shape that follows you mouse.

Related:  ajaxframeworksWeb Development & HTML5FrameworksHTML5 Part 2Programming Languages (High Level)html5olegwaters