http://ping.fm/0ycoe
[caption id="" align="alignleft" width="289" caption="Image by kurafire via Flickr"]
A big concern can arise when a web browser can entry the site in both HTML or CSS. For somebody who is just getting to grips with the language then, this can be quite frustrating as there are no other solutions at hand. What you need really is a backup option which the web browser can change to if all else fails. Web Designer Depot have highlighted the Modernizr Javascript and API library as a great way to combat this:
"Believe it or not, just about anyone with basic HTML and CSS knowledge can learn, at the very least to some degree, to use the Modernizr library. Modernizr is a JavaScript library that lets you tell the browser something like the following, but in programming terms: &ldquoHey, browser! Do you support [insert feature here]? Great, allow&rsquos see it in action! But if you don&rsquot support it, I want you to do this instead: [insert behaviour here].&rdquo
Modernizr, therefore helps you to identify what features a browser will support and help you to prevent the site from breaking down on a particular browser because it doesn't allow certain HTML5 code or CSS3 features. According to Web Designer Depot:
"This allows you to experiment with new HTML5 and CSS3 features without worrying about your site breaking or looking less-than-optimum in nonsupporting browsers. Naturally, this is so much better than just hoping things don&rsquot break with Modernizr you have more control over what happens in nonsupporting browsers"
That control is crucial as a website designer as the last thing you want to happen when working on a website is for it to break down because of a lack of support. Once you are up to pace on HTML5 and CSS though you probably will have the ability to skate around these issues anyway but until then, Modernizr is a good tool to have handy.
....More at An introduction to Modernizr for designers
More Reading
No comments:
Post a Comment