http://images.alphacoders.com/770/77083.jpg
Who decides what the internetwill be like in the future?
http://t0.gstatic.com/images?q=tbn:ANd9GcT52K1Hs_FHaZxCJURr11Go409cBFnCV7SjyXiSmQRsphpGjMEaNTHTyeHVWw
http://images.alphacoders.com/770/77083.jpg
The World Wide Web Consortium
(W3C)
http://www.deviantart.com/download/127409006/Colourful_lines_by_nathanhoad.png
The W3C works to plan the future of the web
They decide what new     HTML tags,
and    CSS rules    are to be introduced
They decide what new     HTML tags,
and    CSS rules    are to be introduced
They believe in a     web for all
and  a  web  accessible  on
lots  of  different  devices
They believe in a     web for all
and  a  web  accessible  on
lots  of  different  devices
http://www.deviantart.com/download/127409006/Colourful_lines_by_nathanhoad.png
http://www.michaelcropper.co.uk/wp-content/uploads/2012/03/html5-logo.png
The latest version of HTML isHTML 5
The latest version of HTML isHTML 5
http://www.siliconrepublic.com/fs/img/news/201103/rs-426x288/broadband-innovation3.jpg
HTML 5   is still being discussed anddecided on.
But some of its new features are
already well supported by browsers
so we can use them now!
CSS3 is the next planned version of CSS
wordle-css 2.png
Some of the new    CSS3 rules    can beused as well    although (like HTML5)sometimes browsers support themdifferently
http://download.chip.eu/ii/89359306_7fd19a3c3c.jpg
New in HTML5 …
<header>
<nav>
<main>
<footer>
<video>
<audio>
<embed>
<video>
<audio>
<embed>
<canvas>
<canvas>
These new tags make it easier to divideup our pages. They also mean thatsearch engines can more easily indexour pages.
HTML5 also makes it easy to run  video andaudio without plug ins like Flash. This isimportant for mobile devices
HTML5 canvas areas can be programmed usingJavaScript and will mean games  and otherinteractive web pages without flash
http://download.chip.eu/ii/89359306_7fd19a3c3c.jpg
New in CSS3 ..
MediaQueries
Roundedcorners
Gradients
Animations
Media Queries will detect the device viewing ourweb pages, they will mean web pages will bedisplayed differently depending on the screen
size of the device viewing them
To display a nice gradient of two colours
we used to have to use images. This slowed
down web pages, now we won’t need to.
CSS animation will mean less reliance onJavaScript for animations and page effects
To get rounded corners on boxes and buttons
we used to have to use images. No more.
http://download.chip.eu/ii/89359306_7fd19a3c3c.jpg
So what does this all mean?
Websites that can beviewed properly on lots ofdifferent devices
A more interesting web ..
 
more full of video andinteractive experiencesthan ever before
green_button.gif
iPHONE.png
http://download.chip.eu/ii/89359306_7fd19a3c3c.jpg
So what does this all mean?
Less need for browser plug ins like Flash
and Silverlight.
These slow down web pages, areunavailable/unreliable on mobile
devices, use lots of battery life
and are more insecure.
http://t1.gstatic.com/images?q=tbn:ANd9GcTDW3gub0KvYM0VZ2q7kVVzoYXJIcshoFCt-cO5kXjF2A4DvjmUa4rnKXVV
http://t3.gstatic.com/images?q=tbn:ANd9GcTUAurcAzuCWYLHDSQzTpQ3rT4E-qkjRNRiPMkf_XIGJsxARqtgJx030iUN
http://download.chip.eu/ii/89359306_7fd19a3c3c.jpg
So what does this all mean?
WEB DEVELOPERS
WEB DEVELOPERS
HAVE LOTS OF NEWTOYS TO PLAY WITH!
http://download.chip.eu/ii/89359306_7fd19a3c3c.jpg
FIND OUT MORE …
www.CSS3.info
www.diveintohtml5.info
www.W3.org