Sep 162011
 

Just a quick update to my JavaScript libraries collection. Here are some more JavaScript libraries – things just seem to be getting better and better as far as JavaScript and HTML5 and the web are concerned!

three.js – A brilliant lightweight 3D engine (works with WebGL, amongst other things)

https://github.com/mrdoob/three.js/ 

newton.js – box2d plus raphael (does not seem to be released yet, but looks fantastic)

[tubepress video="bJ_ONON90fo"]

paper.js -  The Swiss Army Knife of Vector Graphics Scripting (looks like great fun)

http://paperjs.org/about/

processingjs - Processing.js is the sister project of the popular processing visual programming language, designed for the web – superb for data visualisations

Sep 092011
 

I have recently been taking an interest in WebGL, so I thought I would post some information about WebGL here, and also add some links to some of the examples that I have found.

What is WebGL? WebGL is a graphics library that extends JavaScript to allow it to generate some truly spectacular 3D graphics, within the browser, with no plug-ins needed. It uses the computer’s GPU (Graphics Processing Unit), and as such is a fairly low-level language (read: complicated).

WebGL interactive water example / (http://madebyevan.com/webgl-water/)

[tubepress video="R0O_9bp3EKQ"]

Jul 102010
 

What can HTML5 and CSS do? Here are a list of HTML5/CSS3 experiments that I have come across. Have a look, they are great fun.

A solar system…

http://neography.com/experiment/circles/solarsystem/

Blowing up video…

http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/

Leopard style stack example…

http://gordonbrander.com/lab/css3-stacks/#stack

Harmony…

http://mrdoob.com/projects/harmony/#shaded

Fishtank…

http://gregmurray.org/fish/

Canvas molecules…

http://alteredqualia.com/canvasmol/

As I find new ones I will post them, but if anyone knows of any others, let me know and I will add them to the list.

Did you like this? Share it:
Jun 062010
 

With the recent advent of all the hoopla over flash and html 5 and the iphone/ipad, I decided to go back to Javascript and have a look to see what is around.

I was particularly looking for Javascript libraries to help me with the new drawing features for HTML5 etc, and in my research I came across three that I think are well worth further investigation…

jQuery

jQTouch

Raphael

Now I am sure there are more out there, and I would love to hear from anyone as to what Javascript tools/libraries do you use, but the three above I was particularly taken with and so I recommend to everyone, have a look and let me know what you think.

Dec 232009
 

I came across a situation recently where the skype extension for firefox was messing up the layout of a page. Basically the page looked fine in all major browsers, however when you opened it up in firefox with the skype extension for firefox enabled it messed with the formatting of the page. If you have the same problem you can fix it simply by adding the following meta tag to your page:

<meta name=”SKYPE_TOOLBAR” content=”SKYPE_TOOLBAR_PARSER_COMPATIBLE” />

this effectively just blocks the skype extension from working. Once you have done this only phone numbers formatted with tags as follows will be recognised by the skype exxtension: