mobile in the lead
 

We're shifting to a new responsive layout at The Hun's. Found a good way to slowly move everybody over. In the process of doing this now. At the moment 20% of the traffic on thehun.net goes to the new layout, and 40% of the mobile page is going there. The separate mobile page will disappear completely eventually...

Checking the stats I saw 46% percent desktop, 38% phone and 16% tablet traffic. So phone and tablet combined are now bigger than desktop traffic traffic wise...

I guess this explains why we have been so fiercely against mobile redirect. WAKE UP PEOPLE! If you're still not responsive you're falling behind!!!

You missing tons of money by not redirecting that traffic :)

I imagine SOME situations where you would surf TGPs via mobile phone, but damn, did not imagine it was that huge.

Nothing unusual in that,people simply dont get pc's anymore if they want to just surf web,mobile phone or tablet is more then enough.

:thumbsup :thumbsup

I think you're confused.

Dazed and confused

Interesting. I haven't met any of that kind of guy though... Not sure if that is such a big trend as you say.
I mean the guy who does not have either PC or laptop.
Tablet I understand though, but mobile for surfing.. At home - no way.

at least mobile's more convenient than sneaking a desktop computer to the toilet whenever you want to be alone without the risk of getting caught...

it crazy I am seeing 50% on some things also. And android is twice as many as iphone

also real surprising to me is that mobile sessions are as long or longer than pc

Thanks for sharing your stats. Responsive html5 designs are the way to go. I'm amazed at how many sites have not realized this. Make your site compliant and take advantage of this mobile/tablet revolution. If you don't you're leaving money on the table.

Welcome to 2 years ago.. p

Did you use an existing framework? I've started working with twitter bootstrap.

We used bootstrap 2 before, for a couple of years we had a separate mobile site, both using the responsiveness of bootstrap. Bootstrap 3 was kind of an eye opener with their 'mobile first' approach. It has some downsides - one of which is taking the definitions to the HTML again instead of to the CSS - but all-in-all I'm happy with the result. No redirect, just a responsive design that works on all platforms and devices. Ideal for SEO as well. No duplicate content and what not.

Good move! Responsive is the way to go.

We were responsive for a long time, not with one source though. Must easier to maintain :)

Reason for this post though is that I was surprised mobile has surpassed desktop and I don't think most people realize that.

I was especially surprised since my audience tends to be the 'older' generation. With phones getting better and faster this was inevitable though.

:2 cents::2 cents: :thumbsup:winkwink:

We started the redevelopment of all our sites and of course everything will be responsive. We already finished with our AEE site you can check at http://www.avnshow.com

Yup. Responsive is the way to go. That is why we made all sites with easyXsites.com responsive :)

I watch my porn on my phone. Not a big fan of jerking off in my home office :2 cents:

I'm surprised, I didn't realize that:2 cents: ss

Good move

first gallery on the hun i get a warning from eset antivirus address blocked on some ad. just saying.

what exactly is "responsive"? how do you do it?

Responsive is when the layout responds to the device you're viewing it with... A small example in Bootstrap 3:

Bootstrap has a 12 column grid, the class 'col-xs-12' tells the browser to make the div 12 columns wide, so on a 'xs' (extra small, like a phone) the column would be as wide as the screen.

With 'col-md-6' it will tell the browser to make the div 6 columns wide, so two of them will fit next to eachother.

Finally the 'col-lg-3' tells the browser than on a large screen a div is 3 columns wide, so all 4 divs would fit on one row.

A good example of this is on http://www.thumbs-up.net/. Play around with the screen width, you'll see what I mean.

So a responsive design is fundamentally different from a mobile redirect to a mobile-ready layout.

BTW, that's the immediate downside of Bootstrap 3. You put the design back in the HTML instead of HTML. It would have been easier to define a div with a class and then in the CSS could have a way to define it's characteristics. In a way you can, but that makes things very complicated:

In your CSS you can do this:
That would do about the same, you'll get a different CSS set for every screen size that way. Basically this is what Bootstrap does as well.

On a video site I am involved with:

15% PC/Mac
60% Android
21% iOS
Then everything else from Linux to Blackberry are 1% each filling in the rest.

The majority of the traffic on the site is from Facebook and Twitter. Way more than Google.


Adult Blogs:
42% Desktop
58% Mobile

^^ this. For most situations, bootstrap is just extra weight. For most gigs, I just use a smattering of media queries

Bootstrap 3.1 is 100 kb... And served through a cdn if you want. But a one time 100kb download is nothing...

bootstrap ftw. lol at extra bloat. if ur worried about the extra 100kb load than there are probably bigger issues going on (no caching, unoptimized images, not asynchronously loading resources, etc)