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."

18 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.
    2. Re:Is HTML 5 still structured as XML? by Nadaka · · Score: 3, Interesting

      Unfortunately, No. HTML5 was designed by the guys that thought that XML was to hard, So they wrote a 5000 page spec that codified all the ways that browsers tried to handle broken syntax and made that the standard...

      You think I am joking. I am not.

      My hat of html05 know no limit. (ok, so thats a joke, but few here will get it.)

  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:All well and good... by Randle_Revar · · Score: 3, Informative

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

  7. Re:All well and good... by bunratty · · Score: 3, Informative

    IE8 was released last year and passes Acid2. IE9 will be released soon, and it performs much better than IE8 on Acid3 (the latest preview scores 83/100). Yes, they are still lagging behind, but they're at least trying to keep up with the pack.

    --
    What a fool believes, he sees, no wise man has the power to reason away.
  8. 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.

  9. 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.

  10. Thanks, no by thePowerOfGrayskull · · Score: 3, Insightful
    I've learned long ago that developing against standards that are not yet official is the road to pain. This is demonstrated even in the summary itself:

    Smith steps through several HTML5 features that can already be implemented, while noting several other presentation features that will soon be on their way.

    So - I'm supposed to start implementing cutting edge changes for my production sites, when the browsers that support those changes are "soon to be released"?

    Smith also discusses IE work-arounds, such as HTML 5 Shiv and Google Chrome Frame."

    Soo... now I'm already having to code workarounds before the standard is even official? Again - thanks, no. I'll wait until it's ratified as a standard, and the first revision of major browsers offers compliance.

  11. 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.

  12. 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.)

  13. 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.

  14. Re:Multi-column! Multi-column!! by RJFerret · · Score: 3, Insightful

    Huh? That would be a scrolling nightmare.

    Sure enough, looking at the link provided, it's totally unreadable. The information on the page is out of context with the rest of the information on the page, the text providing context is off screen below. Instead of being able to quickly read or skim any of it, I gave up and closed the tab, returned here to report.

    You might only have a hammer in your toolbox, and believe everything you see is a nail, but it's not. Newspapers needed the crutch of multiple columns because their format was hopelessly wide. Web pages have the opposite problem, they are infinitely tall. (One of the wonderful attributes of the Readability tool is to increase a web pages width to fill the screen.)

    Worse, more web access is being done on mobile devices, thankfully that site was one column in Opera mini, I suppose we'll have to spoof to make it readable on other browsers?

    It's not a mistake to think that print properties do not apply to the web, it's a mistake to misapply properties designed to overcome one liability, to media that has the opposite liability!

    PS: Below you claim, "Multi-column can actually prevent scrolling entirely, by using the horizontal space instead of forcing you to scroll vertically." Seemingly to overlook the obvious extra white space required between multiple columns that isn't normally wasted--multiple columns add length.