Date post: | 13-Jun-2015 |
Category: |
Design |
Upload: | miguel-lopez |
View: | 523 times |
Download: | 1 times |
<HTML>Facilitating User’s Life
Improving Web User Experience with Web Standards
Miguel LópezC.E.O.
Symbia IT: www.symbiait.com Blog: www.augurarte.com
< html >
< Web Standards Matters >
< Good Practices >
< Expression Web ><Visual Studio 2010><Internet Explorer 9>
< More people/users use>< MultiPlatform/Devices >< Better user experience >< Less cost -more benefits >
Bad use of Web Standards174 tables84 <br>
245 <img>60 <font>
116 Kb filesize
< Less people use>< No Multi Platform>< Bad user experience >< Loosing money! >
The solutionWORDS • structure
PICTURES • presentation
CODE • behavior
(X)HTML
CSS, XSLT
ECMAScript
Magic? transformations…
< t a b l e > 174 1< b r > 8 4 7< i m g > 24 5 15< f o n t > 6 0 0Filesize 1 15 Kb 18 Kb
Microsoft Expression Web is your friendUse a DOCTYPE!Structure <> Presentation <> BehaviorUse tags semantically
Easy tipsValid (X)HTML
Valid CSSCorrect use of JavaScript
Summing up<Web Standards Matters>• More users use applications• Multiple platforms / devices• Better user experience• Quick Return Of Investment (ROI)
<Follow Good Practices>• Separate HTML/CSS/JavaScript• Use DOCTYPE• Expression Web | VS2010
<h1>
</h1>