IE HTML5 & CSS3 with Selectivizr & HTML4SHIM

While reading though my book about HTML5 and CSS3 they talk about a JavaScript library that helps Internet Explorer understand CSS3, and its new ways of styling websites. Selectivizer, previously IE-CSS3, will let you use good HTML5 code and some of the new ways of doing styling in CSS3 without adding lots of extra code that other browsers don’t need.

The problem with a lot of these JavaScript libraries is that they expect you to know how to get these things working without much explanation. So after a few pages of searching Google I did find Rey Bango’s blog and he gives a good explanation on how to use it and set it up.

Here is the code snippet that he gives about how to get it running on a page:

<script src="jquery-1.4.2.min.js"></script>
<!--[if lt IE 9]>
<script src="selectivizr.js"></script>
<noscript><link rel="stylesheet" href="css/ie-fallback.css" media="screen, projection"></noscript>
<![endif]-->
<link href="style.css" rel="stylesheet">

Also if you are trying to use HTML5 for building new websites or fixing up an old site you should also check out the html5shim that will fix IE so that it will understand some of the new elements added to HTML5.

To get it working on your site just add this code, no downloading needed because it’s all hosted up on Google Code:

<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

These are a few things that are needed to make a site work right in IE because IE is such garbage.

Learning HTML5 and CSS3

In the past few months I have been finding out that the school district I work at has not gotten enough money for some of the costs of running the schools. Because of this they have been cutting jobs and adding more work load to me and others around me. So this has driven me to look for something to help my situation, even though now I know I will have a job for the next year so far. Almost 7 years ago I learned how to build websites and I was coding all my own sites, then later switched over to Drupal and now I am using WordPress. While these are great tools I wanted to learn how to do all my own coding and start offering my services to local businesses.

So far I have learned how to do basic things now in HTML5 and CSS3, and I have been applying what I am learning to building out a site I am working on that has business listings. It’s amazing how much I have been able to remember because I learned how to do XHTML the right way and it has lots of things that are almost the same as HTML5.

One place I have been having problems getting use too was how much JavaScript you need to know, it’s almost all new to me but to make things work in most every browser you have to have a few tricks in your pages. Some other things I will be learning more about would be how to code a user system in PHP and some MySQL backend storage. I also need to get better with building some graphics for the pages. But it is all something that will happen and I know I can learn easy enough.

So where will I be building out more information on what I am doing is going to happen on WebLuke.com since I got it a few years ago and now it’s just pointing back to WebLuke.net.

Here is a link to the book I found that seems to be good at going over HTML5 and CSS3.