Vangos Pterneas | Microsoft Student Partner

June on the Web

HTML5 is about

User Experience

markup

LAYOUT <meta charset=“utf-8” /> <header><aside><footer> <nav><article><section>

<div id=“header”>

<div id=“nav”>

<div id=“article”> <div

id=“sidebar”>

<div id=“footer”>

<div id=“section”>

<header>

<nav>

<article> <aside>

<footer>

<section>

CSS 3

I am CSS 3 text!!!

.css3-box { }

CSS 3

I am CSS 3 text!!!

.css3-box { box-shadow: 10px 15px 8px black; }

CSS 3

I am CSS 3 text!!!

.css3-box { box-shadow: 10px 15px 8px black; border-radius: 18px; }

CSS 3

I am CSS 3 text!!!

.css3-box { box-shadow: 10px 15px 8px black; border-radius: 18px; text-shadow: 2px 5px 3px gray; }

CSS 3

.css3-box { box-shadow: 10px 15px 8px black; border-radius: 18px; text-shadow: 2px 5px 3px gray; transform: rotate(5deg); }

CANVAS

Lines

Shapes

Gradients

Images

Text

AUDIO & VIDEO

GEOLOCATION

The

future

The

future

HTML5 native apps!

Links

HTML5 Doctor

HTML5 Spec

HTML5 Demos

Dive into HTML5

CSS3.info

Visual Studio HTML5 intellisense Visual Studio CSS3 intellisense

Vangos Pterneas vangos.eu/

June on the Web