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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

HTML: Facilitating User's Life

508
views

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
508
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
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
      Improving Web UserExperiencewith Web Standards
      Miguel López
      C.E.O.
      Symbia IT: www.symbiait.com
      Blog: www.augurarte.com
    • 2. < html >
    • 3. < Web Standards Matters >
      < Good Practices >
    • 4. < Expression Web >
      <Visual Studio 2010>
      <Internet Explorer 9>
    • 5. < More people/users use>
      < MultiPlatform/Devices>
      < Betteruserexperience >
      < Lesscost -more benefits>
    • 6. Bad use of Web Standards
      174 tables
      84 <br>
      245 <img>
      60 <font>
      116 Kb filesize
    • 7. < Less people use>
      < No Multi Platform>
      < Bad user experience >
      < Loosing money! >
    • 8. Thesolution
      (X)HTML
      CSS, XSLT
      ECMAScript
    • 9. 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  0
      Filesize 1 15 Kb  18 Kb
    • 10. Easy tips
      Valid (X)HTML
      Valid CSS
      Correct use of JavaScript
      Microsoft Expression Web isyourfriend
      Use a DOCTYPE!
      Structure <> Presentation <> Behavior
      Use tagssemantically
    • 11. Summing up
      <Web Standards Matters>
      • More users use applications
      • 12. Multiple platforms / devices
      • 13. Better user experience
      • 14. Quick Return Of Investment (ROI)
      <Follow Good Practices>
      • Separate HTML/CSS/JavaScript
      • 15. Use DOCTYPE
      • 16. Expression Web | VS2010
    • <h1>
      </h1>