Your SlideShare is downloading. ×
0
HTML: Facilitating User's Life
HTML: Facilitating User's Life
HTML: Facilitating User's Life
HTML: Facilitating User's Life
HTML: Facilitating User's Life
HTML: Facilitating User's Life
HTML: Facilitating User's Life
HTML: Facilitating User's Life
HTML: Facilitating User's Life
HTML: Facilitating User's Life
HTML: Facilitating User's Life
HTML: Facilitating User's Life
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

HTML: Facilitating User's Life

524

Published on

Easy tips to success in HTML design (with standards!)

Easy tips to success in HTML design (with standards!)

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
524
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • You can changetheworld,becauseyou are convincedaboutit, becauseyouhaveallthetools and applicationstoimproveyour HTML code
  • Allthisscaredus!
  • Si tenemos, pongamos por ejemplo un site con 1M visitantes/mes, de un fichero de 133 Kb  130Mb caudal x 12 = 1560 Mb/añoSi tenemos, pongamos por ejemplo un site con 1M visitantes/mes, de un fichero de 18 Kb  17,5Mb caudal x 12 = 210 Mb/año
  • Toend up, header 1, “Lifeisbeautiful”, let’smakeevenbetter!
  • Transcript

    • 1. <HTML>FacilitatingUser’sLife<br />Improving Web UserExperiencewith Web Standards<br />Miguel López<br />C.E.O.<br />Symbia IT: www.symbiait.com<br />Blog: www.augurarte.com<br />
    • 2. < html ><br />
    • 3. < Web Standards Matters ><br />< Good Practices ><br />
    • 4. < Expression Web ><br /><Visual Studio 2010><br /><Internet Explorer 9><br />
    • 5. < More people/users use><br />< MultiPlatform/Devices><br />< Betteruserexperience ><br />< Lesscost -more benefits><br />
    • 6. Bad use of Web Standards<br />174 tables<br />84 <br><br />245 <img><br />60 <font><br />116 Kb filesize<br />
    • 7. < Less people use><br />< No Multi Platform><br />< Bad user experience ><br />< Loosing money! ><br />
    • 8. Thesolution<br />(X)HTML<br />CSS, XSLT<br />ECMAScript<br />
    • 9. Magic? transformations…<br />< t a b l e > 174  1<br />< b r > 8 4  7<br />< i m g > 24 5  15<br />< f o n t > 6 0  0<br />Filesize 1 15 Kb  18 Kb<br />
    • 10. Easy tips<br />Valid (X)HTML<br />Valid CSS<br />Correct use of JavaScript<br />Microsoft Expression Web isyourfriend<br />Use a DOCTYPE!<br />Structure <> Presentation <> Behavior<br />Use tagssemantically<br />
    • 11. Summing up<br /><Web Standards Matters><br /><ul><li>More users use applications
    • 12. Multiple platforms / devices
    • 13. Better user experience
    • 14. Quick Return Of Investment (ROI)</li></ul><Follow Good Practices><br /><ul><li>Separate HTML/CSS/JavaScript
    • 15. Use DOCTYPE
    • 16. Expression Web | VS2010</li></li></ul><li><h1><br /></h1><br />

    ×