dreamweaver cs6 iconIf you are wondering what’s new in DreamWeaver CS6, here is a run down of some of the new features in the CS6 version of DreamWeaver. From updated live view to fluid grid layout these make it easier and quicker to produce quality content with particular enhancements for mobile app development.

The new features in the CS6 version of DreamWeaver include:

 

In a flash class recently I was asked which technologies some one needs to be aware of and competent with when dealing with web design. In answer I quickly knocked a simple ideas chart to showcase which web technologies you need to know, and also some notes about where things are/were and where they are going…

Which web technologies

Which web technologies

The big thing of course is html5 and Flash. As you can see from the diagram, everything Flash can do (broadly speaking) can be done in HTML5, with the caveat that HTML5 covers CSS3/JavaScript/HTML5 and things like WebGL.

 

With everyone talking about HTML5, CSS3, JavaScript, etc I thought it would be a good idea to put together some simple cheat sheets regarding HTML5, CSS3 and JQuery.

They are by no means exhaustive – and they are not meant to be. They are just simple sheets indicating some basic elements, with a  few examples thrown in. I plan to use these in future courses, and over time I might expand upon them, but I thought it would be useful for people to get a simple overview of what these topics are about.

 

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:
 

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]

Google Adwords

© 2011 The Highlander Blog Suffusion theme by Sayontan Sinha