searchacar Posted June 4, 2014 Share Posted June 4, 2014 Hi, I am bit confused as never done mobile website. I was thinking we have to use jquery to create a website into mobile. is it possible we can use only php/mysql and html? Is it mean that mobile website is smaller version or is it mean we have to use some certain technologies like jquery, html5. How google/other search engines will know this is mobile version and other is general website for computers. I was thinking differently but today i donwload free version of mobile website and in coding they only used html css? what about php can we use it too without jquery for database. sorry to ask realy basic question. I am trying to create a first mobile website. any advice / hints will be much appreciated. Quote Link to comment Share on other sites More sharing options...
fastsol Posted June 4, 2014 Share Posted June 4, 2014 The "mobile" websites that were around the last few years are kind of a dieing bread at this point. The new and easier way is to use css media queries. The main difference for a mobile site is that you move things around to fit nicely in a smaller viewport. This generally would include making the main menu smaller or making it a slidedown menu from the top of the page. Generally you would also use floating divs or inline-block divs so they can move around as the viewport shirnks. Here is a good tutorial that I started learning from when designing my sites http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries You can also see this in action on the websites in my signature. Just look at them on a desktop screen then start making the browser window skinier and you'll see how things move around and change once the viewport size hits specific pixel dimensions. Another site of mine that really moves things around is http://remotelystartedmn.com Those links should give you a fairly good understanding of what a modern mobile site is. The days of m.mysite.com are closing and moving to css media queries. The difficulties in the old way is having to maintain 2 different sites for the same info. The new way is still 1 site with some css to make it look different. Quote Link to comment Share on other sites More sharing options...
searchacar Posted June 4, 2014 Author Share Posted June 4, 2014 Thanks for the reply fastsol. but can we technically save files in .php e.g index.php etc? I have installed one template here http://mobile.caarz.co.uk/ is this ok. this is using .html not .html5 but i need to pull data out from database using php. do i need to render them or will it work like normal php using echo method. Quote Link to comment Share on other sites More sharing options...
Solution fastsol Posted June 4, 2014 Solution Share Posted June 4, 2014 You don't have to do anything different compared to a desktop site. You just do some css media queries to move things around like the examples I showed. Use whatever coding you want for the page php/HTML it doesn't matter cause it's just the css that makes it mobile ready. Quote Link to comment Share on other sites More sharing options...
Psycho Posted June 4, 2014 Share Posted June 4, 2014 searchacar, There is nothing technically different about a "Mobile" website. It is a website same as any other website. It can be created with flat HTML files, PHP, ASP, ColdFusion, etc. etc., etc. All it means is creating the layout of the site so that it displays 'nicely' on a mobile device. Go to a Wiki page on your Phone and you will see what I mean. You are viewing the "same" page on your phone that you would be viewing on a computer with a large monitor - but the output and layout are much, much different. And the terminology today is not "mobile" websites, rather "responsive" websites. Because it is not so much re-purposing the site based on specifically mobile devices but being responsive to the size of the output device. The layout for a phone would likely be much different than say a tablet with a much larger display. Quote Link to comment Share on other sites More sharing options...
searchacar Posted June 4, 2014 Author Share Posted June 4, 2014 thanks both of you guys. Psycho made it very clear to me. Fastsol effort is much appreciated especially example he posted i have looked again and it is getting more clear. I was trying to learn some technology for this like jquery, and functions like render in php. But this made me very clear that i still can do with my old php coding. thanks guys. your response is much appreciated. Quote Link to comment Share on other sites More sharing options...
Psycho Posted June 4, 2014 Share Posted June 4, 2014 FYI: There is a plug-in for Chrome called "User Agent Switcher" which allows you to spoof the User Agent of your browser. That is what the sites use to determine which output to provide. This is handy for testing purposes. Quote Link to comment Share on other sites More sharing options...
searchacar Posted June 4, 2014 Author Share Posted June 4, 2014 FYI: There is a plug-in for Chrome called "User Agent Switcher" which allows you to spoof the User Agent of your browser. That is what the sites use to determine which output to provide. This is handy for testing purposes. that's good one. i have saved that in my favourites for future reference. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.