OT: html coding question - Thanks
Michael Torres
matorres124 at gmail.com
Thu Nov 20 14:46:45 MST 2014
True.....good point.....there is a whole lot more that needs to be done to
make this snippit even worth while to be used. This was merely a
demonstration of how to detect the OS and platforms. This class has the
ability to detect browser info and versions. There are a lot more features
that this one class can do to make your application more flexible. I think
the original question was how to change the image sizes when displayed to a
particular device. The "//Do Something" lines would represent that process.
This snippit would also be best served in a OO format, that way an instance
of that session can be re-used throughout the entire application.
Michael
On Thu, Nov 20, 2014 at 2:38 PM, Kevin Fries <kevin at fries-biro.com> wrote:
> I would add one thing to that skeleton. Add a link that sets a session
> variable $req_pc, default it to false. Allow a link that will set it
> true. Then, anywhere you detect like this, only do the detected behavior
> when $req_pc is false, otherwise send your default "pc" or "desktop"
> version.
>
> Kevin
> On Nov 20, 2014 1:22 PM, "Michael Torres" <matorres124 at gmail.com> wrote:
>
>> Yep, pretty easy if you use php....
>>
>> require_once 'Mobile_Detect.php';
>> $detect = new Mobile_Detect;
>>
>> ... you code here ...
>>
>> // Any mobile device (phones or tablets).
>> if ( $detect->isMobile() ) {
>> // Do Something
>> }
>>
>> // Any tablet device.
>> if( $detect->isTablet() ){
>> // Do Something
>> }
>>
>> // Exclude tablets.
>> if( $detect->isMobile() && !$detect->isTablet() ){
>> // Do Something
>> }
>>
>> // Check for a specific platform with the help of the magic methods:
>> if( $detect->isiOS() ){
>> // Do Something
>> }
>>
>> if( $detect->isAndroidOS() ){
>> // Do Something
>> }
>>
>>
>> ... you code here ...
>>
>> On Thu, Nov 20, 2014 at 1:15 PM, Eric Cope <eric.cope at gmail.com> wrote:
>>
>>> Bootstrap handles it well, but you still have to implement it properly
>>> (think Portrait vs landscape, phone vs. Tablet). Its very difficult to do
>>> it properly...
>>>
>>> Eric
>>>
>>> On Thu, Nov 20, 2014 at 1:01 PM, Michael Torres <matorres124 at gmail.com>
>>> wrote:
>>>
>>>> If you are using PHP as your server side code, this is a good class
>>>> that provides that functionality that I need to detect info about different
>>>> platforms....
>>>>
>>>>
>>>> http://mobiledetect.net/
>>>>
>>>> Mike
>>>>
>>>> On Thu, Nov 20, 2014 at 12:56 PM, Kevin Fries <kevin at fries-biro.com>
>>>> wrote:
>>>>
>>>>> Be very careful with this "feature". I can not count the number of
>>>>> sites where they lost my business because it was not done well. Some of
>>>>> these sites will see "Android" or "iOS" and just assume its a phone. Then
>>>>> I hit it on my 10.2" tablet, and it looks stupid. Often, these sites are
>>>>> "auto detecting" and don't just default, so there is no way to ask for the
>>>>> regular site. When done well, its nice when the site is smart enough to
>>>>> offer a good default and also offer to not filter and deliver the regular
>>>>> HTML page. Also, make sure that if you do offer mobile, and you have a
>>>>> link to deliver the full page instead, that this option sticks as you move
>>>>> throughout the site. I have one utility pay site that f's up when I go to
>>>>> it with the tablet, but offers the "pc" page. Click on it, and it will fix
>>>>> the page you are on... click a link, and you are back to the "mobile"
>>>>> version... click on the "pc" link again, and it takes you back the the main
>>>>> page. If this was a business I had an option to not do business with (its
>>>>> our local utility and I am stuck with them), I wouldn't. So as I said, be
>>>>> careful and test, test, test
>>>>>
>>>>> On Thu, Nov 20, 2014 at 10:52 AM, <joe at actionline.com> wrote:
>>>>>
>>>>>>
>>>>>> Thanks Eric and Nathan!
>>>>>>
>>>>>> -----------
>>>>>> > There are many frameworks which do what you want, namely
>>>>>> > bootstrap or Foundation. I think ultimately what you want
>>>>>> > is css @media queries. Do some digging on that and search
>>>>>> > for detecting media type or screen size and displaying
>>>>>> > a specific css for that device.
>>>>>>
>>>>>> -----------
>>>>>> > Joe asked:
>>>>>> >> Is there a way to set up an html page so that it will be
>>>>>> >> displayed at one size on a mobile device, but then make all
>>>>>> >> of the multiple small images that make up the html page scaled
>>>>>> >> down to a different (much smaller) size on a desktop computer?
>>>>>>
>>>>>>
>>>>>>
>>>>>> ---------------------------------------------------
>>>>>> PLUG-discuss mailing list - PLUG-discuss at lists.phxlinux.org
>>>>>> To subscribe, unsubscribe, or to change your mail settings:
>>>>>> http://lists.phxlinux.org/mailman/listinfo/plug-discuss
>>>>>>
>>>>>
>>>>>
>>>>>
>>>>> --
>>>>> “Keep away from people who try to belittle your ambitions. Small
>>>>> people always do that, but the really great make you feel that you, too,
>>>>> can become great.”
>>>>> ― Mark Twain <http://www.goodreads.com/author/show/1244.Mark_Twain>
>>>>>
>>>>> ---------------------------------------------------
>>>>> PLUG-discuss mailing list - PLUG-discuss at lists.phxlinux.org
>>>>> To subscribe, unsubscribe, or to change your mail settings:
>>>>> http://lists.phxlinux.org/mailman/listinfo/plug-discuss
>>>>>
>>>>
>>>>
>>>> ---------------------------------------------------
>>>> PLUG-discuss mailing list - PLUG-discuss at lists.phxlinux.org
>>>> To subscribe, unsubscribe, or to change your mail settings:
>>>> http://lists.phxlinux.org/mailman/listinfo/plug-discuss
>>>>
>>>
>>>
>>> ---------------------------------------------------
>>> PLUG-discuss mailing list - PLUG-discuss at lists.phxlinux.org
>>> To subscribe, unsubscribe, or to change your mail settings:
>>> http://lists.phxlinux.org/mailman/listinfo/plug-discuss
>>>
>>
>>
>> ---------------------------------------------------
>> PLUG-discuss mailing list - PLUG-discuss at lists.phxlinux.org
>> To subscribe, unsubscribe, or to change your mail settings:
>> http://lists.phxlinux.org/mailman/listinfo/plug-discuss
>>
>
> ---------------------------------------------------
> PLUG-discuss mailing list - PLUG-discuss at lists.phxlinux.org
> To subscribe, unsubscribe, or to change your mail settings:
> http://lists.phxlinux.org/mailman/listinfo/plug-discuss
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.phxlinux.org/pipermail/plug-discuss/attachments/20141120/7ffbb097/attachment.html>
More information about the PLUG-discuss
mailing list