Looks great to me.
I've never really messed with HTML5 or mobile responsive design so this past Saturday I decided to give it a try...
I found a free CSS framework and threw together a dummy site to test on. My goal was to see how close I could come to my existing site theme and was surprised at how easy it was. Within a few hours I had a pretty close match and with a few more days playing came up with this:
I ran it through W3C's validator and first shot showed all green with 0 errors as HTML5! I've checked it on Win7 with IE10 and Chrome, a Droid Razor M, and a Samsung Galaxy Tab 10.1 and it works great. I've also tested with multiple browsers using Linux and XP. So far the only issues are with IE on WinXP (what a surprise).
On XP with IE8 there are issues with navigation and image re-sizing, was curious is anyone could check it with IE9? Maybe opinions using smaller tablets would be good as well...
Thanks in advance
Looks great to me.
I thought so too until I saw it on IE. I was psyched and already to start slicing it up to integrate live, now I have to research fixes.
if it's bad on IE8 than it probably self destructs on 6 & 7. I know ther're out of date but I should still have a fall back in place...
Back to the drawing board.
Can you call a separate stylesheet for IE?
Yes, that can all be done in the head of the document like this:
Actually I just did a quick search and found several plugins for ExpressionEngine that detect browser info. That makes it easy for me, I'll just direct IE users to the current theme templates. That will allow me to run the two themes in parallel, much easier...Code:<!--[if !IE]--> IE ignores this <!--[endif]-->
Don't you wish IE would just go away?
I've used hacks for IE but I know that is bad practice. I don't want to have to implement a different solution every time IE updates.
I'm really torn now. I want to cater to mobile much more than I do IE. I think I'll just use one of those hacks to send IE users to a notice page, hows this look?
I came across a site the other day showing various hacks for IE in CSS. Lost the link though!
Speaking of mobile design, I noticed Website Babble is now fully responsive. I was browsing on my BlackBerry Sunday night and I was pleased to be able to read the forums easily though I wasn't signed in.
LOL! Ummm..... yeah that'll get their attention Scott! ha!
okay, is this website a joke? nothing to critique as of now. i would redirect to another page while i work on the site. it's good practice and having a demo exposed is just reckless... you are asking for spam bots and hackers to harass you when or if you finally ever get real content on your site.
Perhaps my post was a little vague. What I was looking for was reports on browser compatibility, not content. I'm trying to build a mobile friendly theme and noticed issues with IE8. I put up a static html version for illustrative purposes only hoping there might be people using obscure browsers or tablets that could report issues with the css. I suppose I should take it down since this thread has been dead for a while now but I didn't want it to be a broken kink on Lisa's forum. Since you brought it up though maybe, I should update the thread with my progress...
I did end up going with the plugin option I mentioned in post #5 and it works very well. I build a quick site that used the plugin on one page and css hacks on the other and the plugin works much better and has no impact on page load times. I ran another live test site through Browser Shots and found a few other browsers that had trouble with the mobile version. I added them and IE8.0 or lower as exceptions in the plugin and they now go to a completely different template. I ran that version through Browser Shots and and every one looked pretty consistent.
My goal is to create a new mobile friendly theme for a site that uses ExpressionEngine as the back end. I like the current theme (which is fairly new itself), and want the change over to be as transparent as possible. I realize it sounds like a lot of work but hey, I learned a lot about mobile design and the changes I am making now will make it much easier to "drop in" a new theme in the future....
Last edited by k2zs; 10-24-2013 at 09:21 PM.
The top navigation overlaps the header when I go "iphone width" using chrome
Ah! Very good, thanks for the information. That's something I missed in my testing.
I like the design. I think you did a good job.