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.

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.

Every so often i come across sites that give away free icons, textures, etc. I particularly look out for free textures, as i use them in my 3D and actionscript work.

So i thought, let’s put it in a blog and share it around. Here are a list of web sites that i have found.

If anyone has any others, let me know.

free icons

List of free texture sites

food textures

free vector glass buttons

useful textures

more textures

lovetextures.com

chicago reference pack

various patterns

free illustrator patterns

If you want to create a some nice snazzy banners, image galleries, etc, in flash, here is a nice application done in Flash – Cu3er.

It is free, and it works via an xml file, which you edit. It is easily customisable and will display images/slides in a 3D structure. You can specify things like transitions, buttons, symbols, colours, etc.

It is well worth a look at.

Have fun :-)

Again, a new standard, HTML5, being worked on, but not finalised yet. And again, some browsers are starting to use some of the new HTML5 commands.

I have not tried them yet (but I plan to), but here is a short list of browsers/links to help you get started…

Browsers that have started implementing HTMl5

Chrome

Firefox 3.5

Opera

Safari

Useful HTML5 links

w3.org HTML5 spec

safari features

alistapart.com HTML5 article

websites using html5

In case you were wondering, you can create rounded corners in web pages now, without graphics.

However it takes CSS3 to do it, and although the standard has not been finalised yet, it doesn’t mean that the browsers are not taking advantage of any new techniques that they like.

Such as rounded corners.

At the moment I have only tested Safari andFirefox with this code – I do not know if it is possible in Chrome, IE, etc – but here is the css code…

Firefox (mozilla)

-moz-border-radius: 5 px [for all corners, circle]

© 2010 The Highlander Blog Suffusion WordPress theme by Sayontan Sinha