Is there a way to alert a user if he accesses my webpage on his mobile device ?
The reason for this is because this particular webpage is not coded in a way to be looked at on a mobile device (at least not yet)
So, if any would access the webpage on his mobile a pop-up will appear saying something like: "This webpage is currently not supported by mobile devices".
Would this be hard to do ?
Yes it is possible, you need mobile detection script, have a look at following project on github. I have used it myself for similar requirements. This solution is for PHP (you haven't mention which technologies you been using).
https://github.com/serbanghita/Mobile-Detect
You can easily do this with Javascript as well, just google for Javascript Device Detection and you'll find enough. Another possibility is using CSS Media Queries; create a pop up, set it to display: none, and in your query make it visible again.
Related
I am just wondering what is the best approach for web development for across all devices.
I just want to know if it is better to have 1 css file for all devices or a css file for individual devices?
Because of http 2 it can load multiple files on one TCP connection rather than using multiple connection which http 1.1 did.
The reason why I am asking this question is that when you go into amazon or linkedIn for example (even stack over flow). if you click "inspect" the site, click on "toggle device toolbar" and using an iphoneX or galaxy s9 setting (for example again). Hit refresh and turn "toggle device toolbar" off.
You would notice that the css looks like its still remembers the mobile phone as if they detect the device and load a css for that device rather than having a single css that fits for all device.
Unless you need to create a completely different design for seperate devices (meaning your site is somewhat complex, and even then not always the best idea), you should not think of designing for "devices" but rather device attributes like screen sizes, which is done via media queries. These can all be in the same CSS file, or you can split them into separate files to improve load time.
I want to change default loading screen when i navigate between pages on WP8 app but I don't know how to do it.
Thank you
So there is many ways of doing it and you need to address what exactly is your best solution.
So the splash screen is the first place to start, here you can specify images that should be used upon start the app. It is also possible to introduce animations.
Your case (As far as I understand) is referring to navigation in-app. Again here I assume you use Silverlight, and not Win-RT?
For this you can create either popups or change the PhoneApplicationFrame. Popups can be displayed across pages during navigation. This however has the issue with memory leak and low performance, because of the popup implementation in WP.
I would therefore go with changing the PhoneApplicationFrame, you can follow this: Specify Popup location, throughout page navigation
Very little information about you app, but maybe this will help:How to create a custom indeterminate progress bar for Windows Phone 8
I have been working with cocos2d-iPhone, cocos2d-x, and cocos2d-html5 for quite some time. I wanted to ask if it is okay to build a website with cocos2d-html5. I want to do it because I want the website look interactive, animated, and scroll around like a game. We can do this with javascript, but is it possible to write it in cocos3d-html5? What are the drawbacks of doing this? And is there any existing website that is built on cocos2d?
Thank you for the help.
As i figured out, you cannot make a cocos2d-html based website as it is for making web apps for web sites. Although a web app can cover up the whole screen but there are a large number of issues assigned to creating such a situation. The internet users are used to using the refresh and back buttons on the web browser as well as opening in the new tab, nothing of these options would work in a cocos2d-html based web app as the navigation would be all done within the application and in no way can the button in the browser respond in the appropriate manner.
Before you ignore this post, I've read countless posts on how to use screen resolution, user agents, and the like to detect mobile platform as whether to display a "full featured" or larger website vs. a smaller one.
I am using .Net MVC4 and can already redirect to my .mobile pages via global.asax.cs and _Layout.Mobile files without a hitch.
My question is thus:
Once on a mobile page, I'd like to know whether this is a phone of tablet (iPad, Android, etc) in order to render a "Call Us" button on the page. I am using jQueryMobile so I've got the code so far to do the following:
Call Us Today
Basically I am checking to see if the device has a radio and can make calls, so as not to frustrate that WiFi-only iPad user who clicks on a "Call Us" link and doesn't get anywhere.
I am entirely cognizant of the fact that there may be a better approach to what I am doing, and I am gratefully open to those suggestions as well.
Thanks in advance,
Dan
Replace the "call us today" text with the phone number. (IMO) this makes it a lot more obvious what the button would do if I clicked it, allows me to click it on my iPad if I want to add it to my contacts, or pickup the phone next to me and ring it as I can actually see the number.
I will be spending the next several weeks transitioning content for my webpage into a mobile version AND a tablet version. I have a few questions to this affect:
What is the accepted way to send users to their correct site, depending on the device/browser they are using? (i.e. do we check in PHP for some kind of browser type or something)? I've looked into nice CSS grids that display great on all devices/resolutions - but at this time I'm not ready to make that full switch - so I'm looking to just have a reduced-version of my current site (whether it's via redirection or something else).
How do we account for hover/mouseover effects in the mobile and tablet space?
Thanks all.
Update:
I did find this for #1: http://code.google.com/p/php-mobile-detect - looks like it's perfect actually.
You should redirect the user based on the user agent, in PHP you can use $_SERVER['HTTP_USER_AGENT']. Using server side detection is by far the most reliable way to redirect someone. In the future you may consider using a responsive style sheet to change the way your layout is displayed (based on screen size, in a sense is more reliable for future devices)
Touch devices do not have a hover state, that doesn't mean you can't do it with some Javascript onTouch events but it's either on or off when you touch something like an anchor