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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

HTML: Facilitating User's Life

  • 507 views
Published

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

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

Published in Design , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
507
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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>