WXforum.net

Web Weather => Weather Website PHP/AJAX scripting => Topic started by: zmarfak on February 12, 2018, 12:28:41 PM

Title: Setup for mobile devices.
Post by: zmarfak on February 12, 2018, 12:28:41 PM

Hello everyone,
Now that my revamped website is up and running, I'm thinking to add a mobile "chapter" to it.
Has anyone got tips, links to share : how to start, best practice ...

As I see it, this mobile part is to give info on the current conditions with some forecast.
Not to overload the screen.
Automatic detection of a mobile device, with a choice to go to the "desktop" part.

That is my opinion about it.
Any thoughts to share ?

Title: Re: Setup for mobile devices.
Post by: Jasiu on February 12, 2018, 03:57:25 PM

Just to note that the overall trend these days is responsive web design (just search on that term and you'll get oodles of info) relying on CSS3 @media queries - essentially having different CSS rules depending on (usually) the browser window width. That's the way I went when I re-did my site (lexmaweather.info). My goal was to have everything accessible on my phone as that's the primary device I use to view the site (and I'm the most important user  :grin: ).

For the few issues where it helps me to know if the user is on a computer, phone, tablet, etc. I use the Mobile Detect library (http://mobiledetect.net).

Title: Re: Setup for mobile devices.
Post by: PaulMy on February 12, 2018, 05:37:53 PM

Hi Patrick,
Sorry I can't comment on your question, and off topic but...
I just looked at your location and that brought back memories of more than 60 years ago when we used to walk past your place every school day from our home on Heistse Hoekstraat to Heilig Hart School.  Small world!

Enjoy,
Paul

Title: Re: Setup for mobile devices.
Post by: zmarfak on February 13, 2018, 10:56:53 AM

Quote from: Jasiu on February 12, 2018, 03:57:25 PM

Just to note that the overall trend these days is responsive web design (just search on that term and you'll get oodles of info) relying on CSS3 @media queries - essentially having different CSS rules depending on (usually) the browser window width. That's the way I went when I re-did my site (lexmaweather.info). My goal was to have everything accessible on my phone as that's the primary device I use to view the site (and I'm the most important user  :grin: ).

For the few issues where it helps me to know if the user is on a computer, phone, tablet, etc. I use the Mobile Detect library (http://mobiledetect.net).

Hi Jasiu, thanks for your comment, I will keep those in mind.

Title: Re: Setup for mobile devices.
Post by: zmarfak on February 13, 2018, 11:08:30 AM

Quote from: PaulMy on February 12, 2018, 05:37:53 PM

Hi Patrick,
Sorry I can't comment on your question, and off topic but...
I just looked at your location and that brought back memories of more than 60 years ago when we used to walk past your place every school day from our home on Heistse Hoekstraat to Heilig Hart School.  Small world!

Enjoy,
Paul

Paul,
great to meet a former "Heisteneer" on the forum, nice to see you still doing great.
I see you also use the Saratoga templates , I just switched over to these.
Saw that you put effort to be able to switch over to different templates.
Nice work