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.
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
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. ![]()
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
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
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
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
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.
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.
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.
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
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
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.
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
North America
Europe, Middle East and Africa
Asia Pacific