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. Read more...
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 Read more...
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] Read more...