Tutorial/Article on Responsive Mobile Design
 

A quick write up on what to do to make vb4 styles mobile friendly would come in handy.

It should cover most of the recommendations from this test tool.

If you want to do that I would suggest you learn a course about responsive design from Lynda or learning from library of Bootstrap responsive css framework.

According to me, vB4 default style is already in 70% responsive design and 30% is need you to finish/design into responsive design :)

Posting a link to your site in no way helps what the OP asked for.

One of the most bloated sites imaginable, even your smallest pages are 1.8 megabytes - might be "friendly" as far as CSS goes, and somewhat responsive - but horribly NOT friendly for mobile browsing. Loads SLOW.

And, no bootstrap at all used.

http://www.webpagetest.org/result/15...KA9/1/details/

This is far from a good example of true mobile friendliness.

Yea, I love the look of your site and your seo is really amazing but your first load time is slow. I did not even try mobile.

Get that load time down and your traffic will go up as will your page rank and keywords.

A start would be to take all those 300px block images and lower the quality and make them progressive. You could probably optimize all your images and save 1 second at least right there of load time.

Go to Ozzie's site also and make sure you use the htaccess file there!

Really great site though! Great content and look!

Thought better if have a real example

Thanks Max Taxable for the link I could find some reasons why it made my site low slower a bit

Yep It's can be slow on mobile because it's responsive from vBulletin theme thus some images and js/css have not been optimized for mobile like default mobile theme of vB.

I agree with you about optimizing for images will improve loading speed for web site a bit more.

but not sure what you are saying here

Why needs to use htaccess?

Are you mentioning about codes to optimize images/css/js with htaccess?

The htaccesss will help with image compression among other things.

--------------- Added [DATE]1444011300[/DATE] at [TIME]1444011300[/TIME] ---------------

As for the Op post, yes a tutorial would be awesome!

Nonsense. It is slow because of the GLUT. No other reason. You have sacrificed performance, for appearance. It only satisfies your own ego, and does a horrible disservice to anyone trying to browse that pile of crap using mobile.

Stop, insulting our intelligence by constantly posting your link as a example of mobile friendliness, because it is way, way far from it. It's become just basically, spam in just about every thread about mobile, and it is the worst possible example to post. In fact it is a example of what NOT to be doing.

Honestly It didn't have an exact tutorial on how to build vB4 style into responsive because each person will like to do their forum template according to their way, problem is you need to know about CSS and Html as I suggested in my second post (learn from a CSS course and study from other sources about CSS/html)

It can do in basic steps

Add this to your header template
Using media queries to custom vBulletin layouts on different mobile screen sizes as you want. (require knowledge about CSS/html tags) It depends on your theme, you can show/hide some parts with your CSS..

I think, if possible, vB designer team should change vB4 default template into responsive design so it will be easier for users to custom their theme again from the default them.

--------------- Added [DATE]1444021469[/DATE] at [TIME]1444021469[/TIME] ---------------

What is the GLUT...I don't think so...can you show which should be improved on our forum?

Yeah someone can make their template into responsive, if not, they can use a mobile theme default from vBulletin for better performance.

Oh I removed the link on my post if you think it's for promoting, for me I think it's an example for the OP...that's all.

I can't imagine anyone taking the time to do a write-up on a project as big as making vb3 or 4 responsive especially since they are probably doing the responsive project as a job and making some money on it. Making a vb style "truly" responsive is a massive undertaking. Using the bootstrap framework involves changing almost all the classes and in several instances having multiple classes for each element on the page. Going further, when using bootstrap, several elements require a type be defined for proper rendering or changing the element tag itself. These items would have to be modified on every single template to make the site perform uniform and proper.

As far as bootstrap tutorials go, there is a ton of info available on the web with examples on how to implement it.