Author Topic: Setup for mobile devices.  (Read 707 times)

0 Members and 1 Guest are viewing this topic.

Offline zmarfak

  • Contributor
  • ***
  • Posts: 135
    • Matar
Setup for mobile devices.
« 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 ?
Patrick
Davis Vantage Pro2 with a Meteobridge NANO SD and WL (6.04) on a Intel NUC 
https://www.matar.be

Offline Jasiu

  • Forecaster
  • *****
  • Posts: 947
    • LexMAWeather
Re: Setup for mobile devices.
« Reply #1 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).
https://lexmaweather.info
On Mastodon: @LexMAWeather@toot.community

Offline PaulMy

  • Forecaster
  • *****
  • Posts: 5509
    • KomokaWeather
Re: Setup for mobile devices.
« Reply #2 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

Offline zmarfak

  • Contributor
  • ***
  • Posts: 135
    • Matar
Re: Setup for mobile devices.
« Reply #3 on: February 13, 2018, 10:56:53 AM »
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.

Patrick
Davis Vantage Pro2 with a Meteobridge NANO SD and WL (6.04) on a Intel NUC 
https://www.matar.be

Offline zmarfak

  • Contributor
  • ***
  • Posts: 135
    • Matar
Re: Setup for mobile devices.
« Reply #4 on: February 13, 2018, 11:08:30 AM »
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
Patrick
Davis Vantage Pro2 with a Meteobridge NANO SD and WL (6.04) on a Intel NUC 
https://www.matar.be

 

anything