Web guidelines in practice
46
WEBRICHTLIJNEN FUN FOR THE WHOLE font-family!
-
Upload
stephen-hay -
Category
Technology
-
view
106 -
download
0
description
Presentation for Dutch front-end developers association Fronteers, on the most important real-world aspects of the Dutch Web Guidelines. *The first slide in Comic Sans was intentionally bad.*
Transcript of Web guidelines in practice
WEBRICHTLIJNENFUN FOR THE WHOLE font-family!
DeWebrichtlijnenin de praktijk
Stephen Hay, Cinnamon Interactive
Ik heb geen blinde gebruikers.
“
”
Ik gebruik <div>’s en alt-tags“
”
This
This
“”
Daar wordik nietvrolijk van.
Kwaliteit.Duurzaamheid
StandaardenW3C specs
WCAG 1.0ISO HTML
+best practices.
Unobtrusive JavascriptConditional comments
[...]
Problemen?
Problemen?CMS’en
Problemen?CMS’en
Editors/IDE’s
Problemen?CMS’en
Editors/IDE’sGebrek aan kennis
Kansen.
Kansen.Verbeterde CMS’en
Kansen.Verbeterde CMS’en
Tool-onafhankelijk ontwikkelen
Kansen.Verbeterde CMS’en
Tool-onafhankelijk ontwikkelenKennisontwikkeling
8020
125
5stappen
No frames.0
Syntactisch correcte code,strict DOCTYPE.
1
Semantisch correcte code.
2
<div id="page_title">Plannen</div> <div id="page_content"> <div id="intro">
<p class="word"><font style="font-size: 12px;"><strong>Plannen 2008</strong></font></p>
<p class="word"><font style="font-size: 12px;"></font></p> <p class="word"><font style="font-size: 12px;"> </font></p> <p class="word"><font style="font-size: 12px;">Blah blah...</p>
[...]
<div id="page_title">Plannen</div> <div id="page_content"> <div id="intro">
<p class="word"><font style="font-size: 12px;"><strong>Plannen 2008</strong></font></p>
<p class="word"><font style="font-size: 12px;"></font></p> <p class="word"><font style="font-size: 12px;"> </font></p> <p class="word"><font style="font-size: 12px;">Blah blah...</p>
[...]
<h1>Plannen</h1><div id="page-content"> <h2>Plannen 2008</h2> <p class="inleiding"> [...] </p> [...]
<div id="page_title">Plannen</div> <div id="page_content"> <div id="intro">
<p class="word"><font style="font-size: 12px;"><strong>Plannen 2008</strong></font></p>
<p class="word"><font style="font-size: 12px;"></font></p> <p class="word"><font style="font-size: 12px;"> </font></p> <p class="word"><font style="font-size: 12px;">Blah blah...</p>
[...]
<h1>Plannen</h1><div id="page-content"> <h2>Plannen 2008</h2> <p class="inleiding"> [...] </p> [...]
Progressive enhancement.
3
Permanente, unieke (en leesbare) URLs.
4
http://example.com/?id=3835&pid=57829&rid=378952&qid=874528&sid=JVWJJ@*UJ@*H
http://example.com/?id=3835&pid=57829&rid=378952&qid=874528&sid=JVWJJ@*UJ@*H
http://example.com/nieuws/2007/gilde/oprichtingscongres/
Be the user.
Meer?http://webrichtlijnen.overheid.nl/
http://drempelvrij.nl/webrichtlijnen
kthxbyewww.the-haystack.com/presentations/gilde2007
