Html5 browsertest and JS making older browsers compatible.

Hi

I try to find my way in HTML5 and building sites ready for (near) future, so… some questions about HTML 5 that I hope to find answer here.

I am not using FW to code the pages.

I understand that not all new HTML5 tags are understood by all browsers.

http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)

How do we test?
I found this http://html5test.com.

My question. How reliable is such a service? Are there other ways to test?

I discovered also this: GitHub - aFarkas/html5shiv: This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer. WIKI says: http://en.wikipedia.org/wiki/HTML5_Shiv

Is it useful to include that JS always as a standard solution? I am thinking about loadtime and uncontrollable effects, since I seldom test in browsers on Windows platform.

Thanks for your thoughts.


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Something went berzerk with my link.

http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)

Hope it goes well now.


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

No luck here, the webinterface strips the last ) from the link. My apologies, but WIKI helps with providing the right one, I saw.


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Personally, for testing I use Browserstack (http://www.browserstack.com) as it covers so many different ways to test a site on a huge combination of browsers / devices / operating systems. They also have a useful offline testing mode to check sites as you build.

Some of my sites look shocking on other devices :slight_smile: !!

A good learning tool.


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I understand that not all new HTML5 tags are understood by all browsers.

True. But it’s been my understanding (have I been wrong?) that those browsers will simply ignore the tags (assuming no js fixes), and depending on how you write your code, will not negatively impact the layout. Here’s what I mean, let’s use this first code block as the baseline example:

<header>
    <h3 class=“myHeading”>Stuff</h3>
</header>

Old browsers will only see the h3 tag; no header tag. And because the class style is attached to the h3 nothing gets lost:

<h3 class=“myHeading”>Stuff</h3>

However, if you write it like this (again with no js fix):

<header class=“myHeading”>
    <h3>Stuff</h3>
</header>

then you will lose any style or positioning info attached to the class because older browsers will only see:

<h3>Stuff</h3>

As you can see it really hinges on how you choose to code your tags as to whether you need to use something like modernizr or the Google shiv.

I discovered also this: GitHub - aFarkas/html5shiv: This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer. WIKI says: http://en.wikipedia.org/wiki/HTML5_Shiv

This is a simple a lightweight stop-gap that works well. Yes, it relies on js which is not without problems but it’s a simple fix.

Is it useful to include that JS always as a standard solution? I am thinking about loadtime and uncontrollable effects.

I’ve been using one of the two options above by default and have never noticed any load problems or adverse effects. For me it’s had a minimal footprint.

Todd


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m generally thick about these things, but isn’t HTML5 good to go as far
as new browsers? If the goal is old browser inclusion, then why not just
use something other than HTML5 structures - divs instead of headers and
such?

At some point I think it is advised to abandon the old technology, or to
refuse the new - but to cater to both is such a waste in my opinion. I
wonder if this is why so many browser-testing sites have gone away, because
new browsers are more predictable and the audience for old browsers is no
longer a sustainable market. Like buggy whips.


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes, most browsers have good HTML5 support but things fall apart below IE9 which is decent.

I think the consensus is that these js fixes are a small and acceptable solution compared to giving up the semantic power of html5 which might be a bigger step backwards.

Todd

I’m generally thick about these things, but isn’t HTML5 good to go as far
as new browsers? If the goal is old browser inclusion, then why not just
use something other than HTML5 structures - divs instead of headers and
such?


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

@Todd This is exactly my point.
To avoid tags inside tags (divitis) I would like to style the tags directy.
Rather

<footer class="footer_content">

than

<footer><div class="footer_content">

Thanks for positive advise for GitHub - aFarkas/html5shiv: This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer.
And JS, sure a user could disarm all JS. But then there is the fallback to text-only browsing, no whistles and bells at all. Or?

@The Big Erns I guess you are right, just wanted to see how you folks think about this “preparing for future”.


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If someone disables JS on their browser, many important sites won’t work at all. Anything built in Rails will just kick them out. I’ve been using HTML5 since two or three years ago, when Rails 3 came out and used it as the default. Most of my work is in corporate (read IE-enabling) business tools – intranets, extranets, document management systems – and not one of those clients has had an issue with HTML5 + the Shiv in my experience.

Walter

On Feb 7, 2014, at 10:59 AM, atelier wrote:

Thanks for positive advise for GitHub - aFarkas/html5shiv: This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer.
And JS, sure a user could disarm all JS. But then there is the fallback to text-only browsing, no whistles and bells at all. Or?


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks, Walther. Feels good to start using something that has been tested and approved.


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options