Fronteers iprofs

fronteers - iprofs

Wilfred Nas - HTML 5 - The not quite so sexy bits.
wnas.nl | twitter.com/wnas | wilfred@wnas.nl

Hallo
ik ben Wilfred
@wnas
wnas.nl

HTML 5 - The not quite so sexy bits.

Freelance fronteer.
ANWB
Essent
ING
Agis
Politie
....


Sinds...
1996


HTML5
The not quite so sexy bits


Canvas


SVG


Video


CSS 3


Javascript api’s


Geolocation


websockets


ook niet over:


ninja’s


rockstars


Nu


HTML5


voor luie mensen


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">


<!DOCTYPE HTML>


Semantiek


wat betekent:


Niets


terwijl


The article element represents a self-contained composition in a document, page, application, or site and that is,
in principle, independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or
newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other
independent item of content.


Examples of sections would be chapters, the various tabbed pages in a tabbed dialog box, or the numbered
sections of a thesis. A Web site's home page could be split into sections for an introduction, news items, and
contact information.


<hgroup>
<h1>heading 1</h1>
<h2>heading 2</h1>
</hgroup>


niet in IE


wel in IE


form elementen


<input>


webkit


Javascript


var i = document.createElement('input');


// Check if "placeholder" attribute
if ( !('placeholder' in i) ) {
$.getScript('js/placeholder.js');
}


http://www.gethiﬁ.com/blog/nmcformhelper


<input
pattern="(^d{5}$)|(^d{5}-d{4}$)"
placeholder="US zip codes only" />

Meer
input


dus:


Niet consistent


Presentatie


safari

opera

ﬁrefox

Leuk?


grote verschillen


niet volledig


leugens


Toekomst


overdraagbaarheid


maar een verzoek


meer semantiek


logischer


vragen?


bedankt


http://www.slideshare.net/wnas


Fronteers iprofs

More Related Content

Viewers also liked

Fronteers iprofs

Editor's Notes