Mobile first, then the rest

After reading through the slide provided by a commentor, I am more than happy to give it a go right away. So I set the “Mobile first” approach to a theme for simplyWP. Well, not everyone can accept that, so it is best to test out my own thing :D

Octopink theme

Mobile stylesheet was place first, then to a bigger devices then only desktop. I find Google Chrome takes the last one as priority, which is good. Tested in both Firefox as well as Internet Explorer (8 and 9), they all runs pretty well.

Mobile and laptop

One problem came in was the media queries in Internet Explorer. IE6 doesn’t take it at all, instead, it takes the first one to show, which is the mobile version (where I will hide the NivoSlider). IE7 doesn’t take media queries well too. A little Google-it, I get MediaQueries.js, where it will enable IE to support the media queries.

The reason I put media queries at header instead of stylesheet is that IE doesn’t work well with it, even with the jQuery plugin.

This is one happy test, and I’m sure there will be more to explore.

HTML5, CSS3?

It is all about the latest and best code for the web developer. Nowadays, all web developers are talking about HTML5 or CSS3 and then more… I was and still wondering, do I need to take action onto them yet?

HTML

So far, I haven’t really thought about going in depth with both of them. I would rather spend time on rack card printing on promotion and marketing the business instead :P

HTML5 is not fully ready yet. It will be fully support only on 2022. 2022 is a long time, I am already 38 year old by that time, and I probably not venturing on my seat anymore.

In this 4000+ days, all web designers and developers are screaming and praying very very hard for the disappearance of IE6, and if it doesn’t, we will go through this same situation today, again.

Browsers

I believe due to the unstable of HTML5 and CSS3 rendering, most browsers don’t dare to go further than the already-been-applied CSS3. Not much browsers are taking risk on this one. Oh, by the way, Apple recently launch a HTML5 demo page Looking good, like the rest of the browsers, too. No risk :)

HTML4 then XHTML2 now HTML5

I still can’t believe my eyes with how HTML5 can do. It is beyond a website now. That’s the evolution from 1980 by Sir Tim Berners Lee.
HTML5
Click to see

However, I hate it! I hate the updates and all. I started web when it was HTML4, we all happily using HTML4 and enjoying how fast it can be finished. Normally I would go for 2 tables or less, because the myth about too much table will slow down the loading speed was in my head too much. Anyway, it took me half year to get use with XHTML1 and 2. Lucky I get used to CSS a long time ago, so it wasn’t that hard to bear with it.

Now that HTML5 is coming, though it is still nunder developing, but a lot of browsers started to support it. After reading through the whole documentary about HTML5, I really do have problem understanding and memorise them all. Seriously, let me just keep with XHTML2 at the moment. Like many developer suggest, as long as XHTML2 strict is applied, I don’t need to do any changes yet… Until it is officially launch.