Skip navigation
Currently Being Moderated

What are you folks using HTML5 for?

Dec 17, 2010 10:30 PM

I am curious what you folks are doing with HTML5.

 

What do your clients want you to do with it?

 

Does Dreamweaver CS5 functionality suffice or do you have to complement it with handcoding or by using extensions?

 

I somehow have the impression that many HTML5 extensions are quite expensive.  I don't know if that really is the case.

 

J.S.

UltraSuite

 
Replies
  • Currently Being Moderated
    Dec 18, 2010 5:08 AM   in reply to ultrasuite

    Hi JS

    What do your clients want you to do with it?

    At the moment I am working on a site that requires use of the 'Cache Manifest' and a local database, both of which are not as simple as one would wish.

    As you probably know anything in the cache manifest is downloaded with the page, this can mean, (if not implemented correctly) that the user does have a long wait until the page is fully loaded as one is often talking about Mb's of data, (this was discussed in a thread with the DW dev team when CS5 was released).

    Also the development of a local database to use off-line is not very well documented, and querying the database cannot involve the use of server-side languages.

     

    Does Dreamweaver CS5 functionality suffice or do you have to complement it with handcoding or by using extensions?

    No, dreamweaver is missing much of the required functionality, especially when it comes to the html5 api. It also has abysmal and outdated support for accessibility features and inserting ARIA roles, (which should be simple) often means the use of snippets.

     

    I somehow have the impression that many HTML5 extensions are quite expensive.  I don't know if that really is the case.

    This is my impression also from the ones I have seen advertised, and I have yet to see one that is worth the cost. But as we both know the time to develop even the simple extensions is much more than most users realize, and if someone is doing this for a living, the cost must reflect the time spent and the number sold, so in many cases the cost may be justified.

     

    PZ

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 18, 2010 6:07 AM   in reply to ultrasuite

    ultrasuite wrote:

     

    Does Dreamweaver CS5 functionality suffice or do you have to complement it with handcoding or by using extensions?

    I was commissioned by Adobe to write a tutorial series on using HTML5 and CSS3 in Dreamweaver CS5 (with the 11.0.3 updater). The section on inserting new HTML5 tags and attributes is here: http://www.adobe.com/devnet/dreamweaver/articles/dw_html5_pt1.html#c.

     

    Code hinting for HTML5 is comprehensive, but as the tutorial shows, you need to use a bit of ingenuity to work with HTML5 features in Design view. I wouldn't expect further improvements in the near future, because it's almost certainly going to require a radical rethink of the Dreamweaver UI. Although professional web designers are already implementing a lot of HTML5, the vast majority of websites still use HTML 4.01 or XHTML 1.0, and Dreamweaver will need to support both the old and the new standards.

     

    These days, the only sites I maintain are my own. I have adopted the HTML5 doctype in my main site at http://foundationphp.com/, but have not started switching over to the new semantic elements. Make haste slowly is my motto.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 18, 2010 6:28 AM   in reply to David_Powers

    David wrote -


    I have adopted the HTML5 doctype in my main site at http://foundationphp.com/, but have not started switching over to the new semantic elements. Make haste slowly is my motto.

     

    For all I write about using html5, it is good to know that I am not alone in not having implemented the semantic elements on a personal site yet .

     

    PZ

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 18, 2010 9:58 AM   in reply to ultrasuite

    Semantics, no. Video, yes.

    CSS3 media-queries, yes.

    Current clients want sites to "work on Smartphones."

     

         Introduction to HTML5 Video
         http://dev.opera.com/articles/view/introduction-html5-video/

     

         Video For Everybody!
         http://camendesign.com/code/video_for_everybody

     

         Custom HTML5 Video Player with CSS3 and jQuery -
         http://dev.opera.com/articles/view/custom-html5-video-player-with-css3 -and-jquery/

     

     

    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 18, 2010 10:08 PM   in reply to ultrasuite

    wow .. talk about out of the ashes ..  

     

    What do your clients want you to do with it?

    My clients wouldn't know HTML5 from PHP or ASP.  My clients want something that works well and gives their customers a good experience and they wouldn't care how that was accomplished as long as it works well and everywhere their target customers roam.  Where I have begun to use it, it works well, but it's probably more for me than for them at this point.  CSS3 however is another story.  That just makes everything look cool and who doesn't like that?

     

    Does Dreamweaver CS5 functionality suffice or do you have to complement it with handcoding or by using extensions?

     

    Not yet.  The HTML5 pack is going in the right direction, I think, but as the spec is still evolving, there is going to be a lot of change before it settles out and of course, there is the browser compatibility issue.  It's a lot of fun however .. and it makes a lot of sense in terms of structure and adds simplicity in much of the spec.

     

    Welcome back to crazyland ..

     

    Nancy

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 19, 2010 7:20 AM   in reply to ultrasuite

    Have a look here where I have used HTML5 and CSS to create two columns of even length without resorting to faux columns. Also have a look at the simplified structure.

     

    Keep up to date is my motto.

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 19, 2010 7:38 AM   in reply to Ben Pleysier

    Keep up to date is my motto.

     

    I thought it was "Deal With It"?

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 19, 2010 8:29 AM   in reply to Ben Pleysier

    altruistic gramps wrote:

     

    Keep up to date is my motto.

    Unfortunately, not everyone has the same motto with regard to their browsers. The sidebar drops down below the main content in IE6 and IE7 (still an estimated 23% of all browser usage according to http://marketshare.hitslink.com/browser-market-share.aspx?qprid=2). It looks a dog's dinner in Firefox 2, but you can probably safely ignore it because it now has less than half of one percent share.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 19, 2010 2:23 PM   in reply to David_Powers

    David_Powers wrote:


    Unfortunately, not everyone has the same motto with regard to their browsers. The sidebar drops down below the main content in IE6 and IE7 (still an estimated 23% of all browser usage according to http://marketshare.hitslink.com/browser-market-share.aspx?qprid=2). It looks a dog's dinner in Firefox 2, but you can probably safely ignore it because it now has less than half of one percent share.

    Totally agree, but then we can do what our predecessors did and issue separate style sheets for our IE6/7 customers. Firefox users are usually bright enough to have the latest versions of their browser.

     

    It hardly seems a worthwhile argument for not using HTML5.

     

    Gramps.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 19, 2010 4:53 PM   in reply to Ben Pleysier

    altruistic gramps wrote:

     

    It hardly seems a worthwhile argument for not using HTML5.

    Your example of equal height columns has nothing to do with HTML5. It's controlled by the table layout features of CSS2.1 that are supported by most modern browsers, including IE8.

     

    HTML5 is mainly concerned with semantic markup and new functionality, such as local storage, native support for video and audio, and improved form input fields. Presentation remains the role of CSS.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 19, 2010 7:14 PM   in reply to David_Powers
    Your example of equal height columns has nothing to do with HTML5. It's controlled by the table layout features of CSS2.1 that are supported by most modern browsers, including IE8.

    True, I merely wanted to show that HTML5 can be used now. Have a look at the markup

    HTML5 is mainly concerned with semantic markup and new functionality, such as local storage, native support for video and audio, and improved form input fields. Presentation remains the role of CSS.

    Again, HTML5 can be used now. Have a look here http://html5doctor.com/how-to-use-html5-in-your-client-work-right-now/

     

    There are definite advantages and very few disadvantages

     

    For twenty eleven

    HTML5 is the best under heaven

    Go HTML5

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 20, 2010 7:26 AM   in reply to Ben Pleysier

    Hi

    There are definite advantages and very few disadvantages

    Unfortunately the take-up of anything will always depend upon the user, the client and the designer/developer. The problem is similar to the use of css for layout vs's tables being used for layout, no matter what one does as long as the 'old' way of doing things is still supported, (and help is available when something goes wrong) then any arguments for doing it another way, (even if recommended and better) will always have its opponents.

     

    As for clients, they normally do not know more than what they have been told by 'friends', and until there is a problem do not care, and why should they? After all they are paying 'experts' to do this for them.

     

    Now the normal argument. Users must see the same design across all browsers, well, how many normal users will look at a site on more than one browser? We may compare sites across browsers, but the average user, unless it is a comparison of the site on their pc with a site on a handheld/smartphone then probably never.

     

    Finally, no matter what we do standards and recommendations will always be ignored by those who do not know better, no matter which type of mark-up/tech we use.

     

    PZ

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 20, 2010 11:08 AM   in reply to pziecina

    pziecina wrote:

     

    Unfortunately the take-up of anything will always depend upon the user, the client and the designer/developer. The problem is similar to the use of css for layout vs's tables being used for layout, no matter what one does as long as the 'old' way of doing things is still supported, (and help is available when something goes wrong) then any arguments for doing it another way, (even if recommended and better) will always have its opponents.

    I have no problem with the idea of using HTML5. Some parts of it are extremely useful, and should be adopted immediately. For example, the doctype is perfectly safe to use on any website, as are the new types of form input. The great advantage of using the date and number input types is that they're already supported by some browsers. Older browsers simply treat them as normal text input fields.

     

    I'm less excited by the new semantic elements, because there's no support for them in any assistive technology. It's probably more effective to start using the WAI-ARIA role attributes first. I also think there's a lot of confusion about the way articles can be nested sections and vice-versa. I've done a lot of reading about this subject, and there seems to be little consensus about the most appropriate way of marking up documents. That's why I'm going to make haste slowly in that regard.

     

    I have just finished reading Jeremy Keith's "HTML5 for Web Designers" published by A Book Apart. What struck me was the way he left the semantic elements to the end, and expressed similar doubts about their usage. Most other books and articles wax lyrical about how wonderfully semantic the web is going to be thanks to HTML5. I have my doubts. When I look at the daily procession of visitors to this forum who have no idea about paragraph tags, never mind divs or spans, I foresee websites constructed with a horrendous tag soup. That's not to say that the idea of semantic tags is bad. I'm just pessimistic about how they'll end up being used.

    Now the normal argument. Users must see the same design across all browsers, well, how many normal users will look at a site on more than one browser? We may compare sites across browsers, but the average user, unless it is a comparison of the site on their pc with a site on a handheld/smartphone then probably never.

    I think Andy Clarke has the right approach in his "Hardboiled Web Design". He sees the proliferation of mobile devices as the perfect opportunity to convince clients that it's impossible to make websites look exactly the same across all devices.

     

    The really interesting developments at the moment are coming more from CSS3 than from HTML5.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 20, 2010 11:21 AM   in reply to David_Powers

    David wrote -

     

    I'm less excited by the new semantic elements, because there's no support for them in any assistive technology. It's probably more effective to start using the WAI-ARIA role attributes first.

     

    Jaws 11 will have limited support, (I am told) but until all the other assistive devices catch-up then I have to agree, as for ARIA roles, I did mention this in my original reply to this thread, have submitted a feature request, and discussed this with the dreamweaver dev team in another thread, (at CS5's release regarding html5/css3 support).

    I have just finished reading Jeremy Keith's "HTML5 for Web Designers" published by A Book Apart

     

    I think Andy Clarke has the right approach in his "Hardboiled Web Design"

     

    Both these books sit on my bookshelf, and I would recommend them to anyone interested.

    The really interesting developments at the moment are coming more from CSS3 than from HTML5.

     

    Most people think that css3 is part of html5, but as long as they, "get the message" this is o/k with me.

     

    PZ

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points