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

HTML: Facilitating User's Life

on

  • 624 views

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

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

Statistics

Views

Total Views
624
Views on SlideShare
624
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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!

HTML: Facilitating User's Life HTML: Facilitating User's Life Presentation Transcript

  • <HTML>FacilitatingUser’sLife
    Improving Web UserExperiencewith Web Standards
    Miguel López
    C.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>
    < Betteruserexperience >
    < Lesscost -more benefits>
  • Bad use of Web Standards
    174 tables
    84 <br>
    245 <img>
    60 <font>
    116 Kb filesize
  • < Less people use>
    < No Multi Platform>
    < Bad user experience >
    < Loosing money! >
  • Thesolution
    (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  0
    Filesize 1 15 Kb  18 Kb
  • Easy tips
    Valid (X)HTML
    Valid CSS
    Correct use of JavaScript
    Microsoft Expression Web isyourfriend
    Use a DOCTYPE!
    Structure <> Presentation <> Behavior
    Use tagssemantically
  • 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>