Slashdot Mirror


How To Use HTML5 Today

snydeq writes "InfoWorld's Dori Smith offers developers a hands-on guide to using HTML5 today. 'Many of the media reports about HTML5 have focused on the politics, the "not until 2022" sound bite, or on HTML5's prospects as a "Flash killer." The reality of HTML5 is simply that it's the long-needed and long-overdue update to HTML4 — and you can start to implement it today,' Smith writes. Video, semantic tags, smart form input validation — Smith steps through several HTML5 features that can already be implemented, while noting several other presentation features that will soon be on their way. Smith also discusses IE work-arounds, such as HTML 5 Shiv and Google Chrome Frame."

13 of 155 comments (clear)

  1. heh by Pojut · · Score: 5, Funny

    Smith also discusses IE work-arounds, such as HTML 5 Shiv

    Shanks a lot for the info ::fft fft::

    1. Re:heh by mcgrew · · Score: 4, Informative

      Pardon the interruption, and sorry I'm a little late to the party, but I wish they would link the quick loading single page version of TFA rather than five ad-laden three paragraph apiece pages.

      I avoid infoworld and many other such sites because of this cluelessness. Annoying your readers is a grat way to keep them from coming back. This is the first infoworld article I've read in quite some time; now I remember why I quit going there.

  2. Is HTML 5 still structured as XML? by Crazy+Taco · · Score: 4, Interesting

    Is HTML 5 still structured like XHTML? I hope that it is, because one of the biggest pains in the HTML standard was the inconsistent syntax. I think a strength of strict XHTML was that it could be easily parsed by an XML parser, and if we are going back to the syntax of HTML 4 I think that's a step backwards.

    --
    Beware of bugs in the above code; I have only proved it correct, not tried it.
    1. Re:Is HTML 5 still structured as XML? by GreyWolf3000 · · Score: 4, Informative

      There is an XML syntax for HTML5 that you can optionally use.

      --
      Slashdot: Where people pretend to be twice as smart as they really are by behaving like children.
  3. Dive into HTML5 by 0100010001010011 · · Score: 5, Informative

    Is also a great resource. With less ads, things broken up by chapter, examples, how to detect if something is enabled, etc.

    http://diveintohtml5.org/

  4. Re:Meanwhile, back at the ranch ... by bunratty · · Score: 4, Interesting

    Why wait? I use HTML5 today. I start documents with and code away. The W3C validator even validates HTML5 documents. What are you waiting for? Maybe for Internet Explorer, but that's Microsoft's responsibility to update.

    --
    What a fool believes, he sees, no wise man has the power to reason away.
  5. Re:All well and good... by 99BottlesOfBeerInMyF · · Score: 4, Insightful

    But why do I have a sinking feeling that adoption of this new standard will be held back by Internet Explorer's atrocious handling of it?

    I think between Google Chrome Frame and HTML 5 Shiv, MS will have a lot less power to hold back Web standards than they usually wield.

  6. Re:Meanwhile, back at the ranch ... by fuzzyfuzzyfungus · · Score: 5, Insightful

    The problem isn't "deciding on a new standard"(though there certainly can be engineering challenges and whatnot), the problem is that the W3C doesn't have any power beyond a modicum of respect and whatever consensus it can hammer out.

    They could pump out purely theoretical standards, either with no real implementations, or an alpha implementation stashed on somebody's git repo somewhere, all they like, as fast as their merry little legs could carry them; but that would be basically meaningless.

    The delay comes out of the fact that, unless enough parties from the various browser makers can be convinced to care, the standard is dead on arrival. Politicking is slow.

  7. Minor improvements by Animats · · Score: 4, Interesting

    (Read the "print" version of the article, instead of the "tiny blocks of text spread over many pages of ads" version.)

    I have misgivings about HTML5. It gives the page more control, and the user less. That's been a trend in HTML for years, and it's getting worse.

    I'm dreading "canvas". Ad blockers need to get smarter. Noticed that popups are winning over Firefox's popup blocking? We're also going to see pages that use 100% of the CPU just for display. We're going to need a browser option for "don't run canvas code for windows that aren't on top.

    The "input type" mechanism for forms is lame. There are a number of standard types like "tel", but it's just text with no line breaks. They should have provided for either regular expressions or syntax like the COBOL Picture clause ("CREDIT_CARD_NUMBER PIC 9999-9999-9999-9999").

    Dynamically-loaded fonts have been working for some time now in all the mainstream browsers. (IE6 and Firefox 3.5 were the last mainstream browsers not to have it.) We've been playing with that for our steampunk site. Downloadable fonts without anti-aliasing turn out to look ugly for small font sizes, because most of the display-type fonts have too much detail and not enough hinting for small font sizes. (In an annoying piece of Apple incompatibility, the iPad requires fonts in SVG, of all things. Everybody else, including Microsoft, is going to Web Open Font Format.) I'd recommend against using this feature much unless you have a good sense of typography. (Bad example: our steampunk search engine.)

    1. Re:Minor improvements by 99BottlesOfBeerInMyF · · Score: 4, Informative

      I have misgivings about HTML5. It gives the page more control, and the user less. That's been a trend in HTML for years, and it's getting worse.

      I disagree. HTML5 gives the user more control. Right now we're hampered by proprietary plug-ins to provide functionality, like Silverlight and Flash. With HTML5 taking over those functions, the browser codes it, so you can choose which browser you want based upon how well it lets you control the elements on the page. It's basically moving parts of Web pages from single vendor closed implementations to open implementations that compete to serve you best.

      Well, that and a lot more nice tags to break up pages into sections, add support for custom fonts, etc. But that doesn't mean the user loses control. These are markup languages meant to be interpreted. If you don't like custom fonts, noting stops a browser from offering an option of rendering the all as a font of your choosing in the color of your choosing, etc.

      We're going to need a browser option for "don't run canvas code for windows that aren't on top.

      And we can add it. Moreover, we can add a lot more finely grained controls than that, since it is now specified in the canvas element instead of a Flash movie. It's no longer just "run" or "don't run". It can be "run but never let the sound get above this volume, confine it to the page, and modify the way it runs so it never overlaps any text". Hell, we could add the option of making canvas elements that overlap other elements 90% transparent by default and always having a close and display button.

      They should have provided for either regular expressions...

      They did. It's even demonstrated in the article.

  8. Re:Multi-column! Multi-column!! by mozumder · · Score: 4, Insightful

    It's because page-width is variable that multi-columns are needed. There is a visual usability limit to column sizes, about 5-10 words or so.

    It is a mistake to think that print properties do not apply to web. The same visual rules apply to web, or anywhere.

  9. Re:All well and good... by DragonWriter · · Score: 5, Insightful

    IE8 is a lot further along than IE7; and IE9, which should hit beta later this year, supports all HTML5 elements.

    No, IE9 passes all of Microsoft's HTML5 tests.

    Which is very different than supporting all HTML5 elements. (And even more different than meaningfully supporting all HTML5 elements.)

  10. Don't! by Yvan256 · · Score: 4, Funny

    Don't blink. Blink and you're dead. They are fast, faster than you could believe, don't turn your back, don't look away, and don't blink. Good luck.