What's the best way to make a mobile version of your site? - GoFuckYourself.com

Bladewire · 05-01-2012, 10:15 AM

.

What's the best way to make a mobile version of your site, including automatic conversion of videos to mobile sizes? I want to get this done on my sites

.

mavruda · 05-01-2012, 10:41 AM

Bump for that thread - interested to know about too...

raymor · 05-01-2012, 11:10 AM

That very much depends on the site. Smart phones and tablets are pretty good these days. The purpose of HTML and a web browser, as opposed to PDF, is that the browser renders the site appropriately for the device. So if the site is well coded, with proper HTML and CSS, it may be just a matter of leading the site on a couple mobile devices and seeing what doesn't work so well, then remove or adjust the appropriate CSS rules to eliminate assumptions about the client. By getting rid of assumptions about screen size, etc. you make the site work on all devices - past present and future.

AsianDivaGirlsWebDude · 05-01-2012, 11:26 AM

Quote:

Originally Posted by Squirtit

.

What's the best way to make a mobile version of your site, including automatic conversion of videos to mobile sizes? I want to get this done on my sites

.

Bump for hearing about various Mobile Solutions...

ADG

barcodes · 05-01-2012, 12:04 PM

Old but good article:
http://www.smashingmagazine.com/2010...obile-website/

HTML 5:
http://www.html5rocks.com/en/mobile/mobifying/

Wordpress:
http://www.wpbeginner.com/wp-tutoria...ordpress-site/

JQuery:
http://jquerymobile.com/

Paid Solutions:
http://www.jaemobi.com/

You can sniff out mobile devices from your site and redirect them to a different css stylesheet or a subdomain with a smaller mobile friendly version as well.

You can also make a smaller, simpler, mobile friendly (large buttons/links, etc...) version of your site on a subdomain.
Maybe use something like this as a reference:
http://fetishhits.com/our-msites.html
The videos should scale for the mobile device you are using.
Use an html 5 player to play it and not flash since apple doesn't support/can't see it.

There are probably other or better ways to do it. These are just a few examples.

Best of luck

Bladewire · 05-02-2012, 11:31 AM

Quote:

Originally Posted by barcodes

Old but good article:
http://www.smashingmagazine.com/2010...obile-website/

HTML 5:
http://www.html5rocks.com/en/mobile/mobifying/

Wordpress:
http://www.wpbeginner.com/wp-tutoria...ordpress-site/

JQuery:
http://jquerymobile.com/

Paid Solutions:
http://www.jaemobi.com/

You can sniff out mobile devices from your site and redirect them to a different css stylesheet or a subdomain with a smaller mobile friendly version as well.

You can also make a smaller, simpler, mobile friendly (large buttons/links, etc...) version of your site on a subdomain.
Maybe use something like this as a reference:
http://fetishhits.com/our-msites.html
The videos should scale for the mobile device you are using.
Use an html 5 player to play it and not flash since apple doesn't support/can't see it.

There are probably other or better ways to do it. These are just a few examples.

Best of luck

There is a lot of great info there. I especially like the "How To Build A Mobile Website" article good stuff there thanks

Bladewire · 05-02-2012, 11:34 AM

Quote:

Originally Posted by raymor

That very much depends on the site. Smart phones and tablets are pretty good these days. The purpose of HTML and a web browser, as opposed to PDF, is that the browser renders the site appropriately for the device. So if the site is well coded, with proper HTML and CSS, it may be just a matter of leading the site on a couple mobile devices and seeing what doesn't work so well, then remove or adjust the appropriate CSS rules to eliminate assumptions about the client. By getting rid of assumptions about screen size, etc. you make the site work on all devices - past present and future.

I have the W3TC plugin on one of my sites and it will forward to a mobile phone URL based on it's User/Agent list.

What I want to do is have separate mobile friendly video files created in Linux, or elswhere and uploaded. Isn't there a program tube sites use to convert their files in Linux to tube friendly sizes/formats?

Thanks Ray

kate27 · 05-02-2012, 12:56 PM

JW Player is great for mobile videos. it automatically fills the screen like the youtube app.
longtailvideo.com/players

Bird · 05-02-2012, 01:34 PM

Nokia has always had good documentation and samples

http://www.developer.nokia.com/Devel...Code_examples/

FlowerKid · 05-02-2012, 02:05 PM

With todays mobile devices there's no need to create a separate website for it. But keep your code clean and validate it. For the videos it's best to use a common codec like H.264 base profile.

DWB · 05-02-2012, 05:27 PM

Use a tube script like MechBunny. It will build the mobile side for you, encoding and all.

05-01-2012, 10:15 AM	#1
Bladewire StraightBro Industry Role: Join Date: Aug 2003 Location: Monarch Beach, CA USA Posts: 56,232	What's the best way to make a mobile version of your site? . What's the best way to make a mobile version of your site, including automatic conversion of videos to mobile sizes? I want to get this done on my sites . __________________ Skype: CallTomNow Last edited by Bladewire; 05-01-2012 at 10:17 AM.. Reason: ~ QFT ~

05-01-2012, 11:10 AM	#3
raymor Confirmed User Join Date: Oct 2002 Posts: 3,745	That very much depends on the site. Smart phones and tablets are pretty good these days. The purpose of HTML and a web browser, as opposed to PDF, is that the browser renders the site appropriately for the device. So if the site is well coded, with proper HTML and CSS, it may be just a matter of leading the site on a couple mobile devices and seeing what doesn't work so well, then remove or adjust the appropriate CSS rules to eliminate assumptions about the client. By getting rid of assumptions about screen size, etc. you make the site work on all devices - past present and future. __________________ For historical display only. This information is not current: support@bettercgi.com ICQ 7208627 Strongbox - The next generation in site security Throttlebox - The next generation in bandwidth control Clonebox - Backup and disaster recovery on steroids

05-02-2012, 01:34 PM	#9
Bird Confirmed User Join Date: Jan 2005 Location: Stockton Posts: 4,365	Nokia has always had good documentation and samples http://www.developer.nokia.com/Devel...Code_examples/ __________________ ICQ:268731675

05-02-2012, 02:05 PM	#10
FlowerKid Confirmed User Join Date: Sep 2005 Location: Zurich Posts: 1,045	With todays mobile devices there's no need to create a separate website for it. But keep your code clean and validate it. For the videos it's best to use a common codec like H.264 base profile. __________________

05-01-2012, 10:41 AM	#2
mavruda porn cartoonist Industry Role: Join Date: Feb 2007 Location: Vatican City Posts: 2,598	Bump for that thread - interested to know about too...

05-01-2012, 12:04 PM	#5
barcodes Confirmed User Industry Role: Join Date: Mar 2011 Location: Florida Posts: 2,040	Old but good article: http://www.smashingmagazine.com/2010...obile-website/ HTML 5: http://www.html5rocks.com/en/mobile/mobifying/ Wordpress: http://www.wpbeginner.com/wp-tutoria...ordpress-site/ JQuery: http://jquerymobile.com/ Paid Solutions: http://www.jaemobi.com/ You can sniff out mobile devices from your site and redirect them to a different css stylesheet or a subdomain with a smaller mobile friendly version as well. You can also make a smaller, simpler, mobile friendly (large buttons/links, etc...) version of your site on a subdomain. Maybe use something like this as a reference: http://fetishhits.com/our-msites.html The videos should scale for the mobile device you are using. Use an html 5 player to play it and not flash since apple doesn't support/can't see it. There are probably other or better ways to do it. These are just a few examples. Best of luck

05-02-2012, 12:56 PM	#8
kate27 Registered User Industry Role: Join Date: Dec 2011 Location: City of Angels Posts: 55	JW Player is great for mobile videos. it automatically fills the screen like the youtube app. longtailvideo.com/players

05-02-2012, 05:27 PM	#11
DWB Giggity Industry Role: Join Date: Jul 2003 Location: S.E. Asia Posts: 31,779	Use a tube script like MechBunny. It will build the mobile side for you, encoding and all.