I'd like to know what are the shortcuts (href codes) that bring up different functionalities on different devices.
e.g.
mailto: (opens the mail clients on a desktop/mobile)
tel: brings up the "call" option on a phone
What are the others ? Is there an "sms:", etc ?
I am sure that these links depend on the system which they are ran on, and so not all will be implemented on all devices.
However, I found some a link at least for blackberry devices which you will find useful.
Here is a fairly full list:
http://beradrian.wordpress.com/2010/01/15/special-links/
AND
http://docs.blackberry.com/en/developers/deliverables/11844/Feature_link_behaviour_438487_11.jsp
This shows WTAI, tel, dc, cti, mailto, pin as link types.
I know there is also "geo" as one.
I am fairly sure that applications can be used to handle different types of link, so this list is in now way complete.
I hope this helps.
If you're talking about Android I don't think there's no comprehensive list because each app is capable of adding it's own. Some are certainly more popular than others though.
There are quite few tricks which are exclusive to mobiles. I actually just published an article yesterday on the very same topic where you can find a list of protocols, tags you can use exclusively for mobile.
Please check http://www.ikozmik.com/html-css-javascript-tricks-for-mobile-websites
Related
I am making myself a little table of deadlines in HTML and I've come across a question I've never thought about before.
I know that HTML links can reference more than just HTTP(S) webpages. They can open several types of addresses and external applications, particularly on mobile devices. For example, if I wanted to connect users to Lou Malnati's Pizza in Lake Forest, IL there are lots of ways I could do that using only <a> tags.
I can open a phone number in the default phone app
Call Us
I can start an email draft in the default webmail browser
Email
I can go to a specific location in the default maps application
Directions
In iOS I can even open a restaurant's page in the Yelp app
Yelp
There are even more that I'm not mentioning, especially in Darwin systems (including OS X). I was thinking about this as I was writing my table of deadlines, and I started to wonder if I could do the same thing with a datetime. This leads me to my real question.
Is there any URL scheme in Darwin that will open Calendar to specific datetime?
Comme ça (using Darwin's usual ISO 8601)
The Guns Fell Silent
I know that OS X uses the same system of URL based inter-app communication that iOS does, so I figure there's got to be a way. Like I said, this table is really just for me so if it works on my OS X laptop that's good enough for me.
I guarantee an up-vote to anyone who gives an answer that is at all useful. Thanks so much to anyone who can help.
P.S. To be clear, the HTML5 <time> tag is not a solution.
While I was researching this question on my own I found a W3Schools article about the new HTML5 <time> tag. This would be exactly what I'm looking for, except that it does nothing. The <time> tag is theoretically implemented in all HTML5 compliant browsers, including Chrome, Safari, Firefox, Edge, and Opera. But they only implement it in the sense that they are prepared to ignore it (as opposed to viewing it as a syntax error).
Adding a <time> tag changes literally nothing about the UX of an HTML page. It's useful only for deep internals of the browser or search engine presenting it. In the W3Schools article they say...
Note: The time element does not render as anything special in any of the major browsers.
This element can be used to encode dates and times in a machine-readable way so that user agents can offer to add birthday reminders or scheduled events to the user's calendar, and search engines can produce smarter search results.
So I say again, I'm looking for something better than <time> elements.
I can't find anything related to time in the IANA Uniform Resource Identifier (URI) Schemes so I don't think this available out of the box. Only option would be to add a custom protocol to the client's computer if that's possible.
Edit: Calender access protocol might be useful for you but I don't think this is the behaviour you are describing.
When designing responsive sites for customers, it would be nice to see what others have done, what works and what is ill-advised. I'd love to be able to search for similar sites that are responsive, but can find very few, usually none. The only option I know of is to google and then visit every site, checking to see if they're responsive.
I read not too long ago that Google was going to start putting a tag next to mobile-friendly sites in their listings. Did that ever happen? I'm not seeing it. That would be VERY handy.
If I search for something like "responsive websites", I'll get compiled lists of the best responsive websites out there. These are either incredibly artistic, or technological marvels, neither of which I'm looking for. I'm interested in sites that are more run-of-the-mill. Completely functional and responsive, but not awe-inspiring.
have you checked this:
collection of pages and theems {simple and complex too}
Yes, the Mobile-friendly tag is implemented but you can only see it on mobile devices.
Alternatively you can open the dev tools in Chrome and simulate a mobile device, which will also make Google show the tag.
My app will look like this: two people enter a chat or something else in a page and have a skype name or Gtalk. Is it possible to make an anchor to call a voice client from the web page? Is there a flash fallback for this?
I know the skype: prefix that actually doesn't work for me in Ubuntu, but should work for Windows users.
I primarily target PCs & macs, but supporting mobile platforms with a solution will be nice.
For Downvoters: any comments why you do this? Please bother to explain me the obvious thing that I don't know and make this question.
Your question is much too complex. Instead of answering it, which would take several pages, the person might as well write the application him/herself and sell it.
You have to divide your problem in tiny bits, and have a question for each one.
You could at least start with looking at gTalk API and Skype API to see what you need yourself.
I imagine there must be out there a website that collects information about HTML 5 feature and what browsers version started to support them.
This might be a good way to decide based on your website profile, if you can apply that HTML 5 feature without a fallback for your visitors.
Do you know such a site/resource ?
For example I want to know what browsers support the multiple upload feature for inputs and what browser version was the first.
Update
I'm not pleased with the sites suggested so I'm opening a bounty.
Suggestions so far: Html5Test, Caniuse, modernizr.com, QuirksMode
Update 2
Some people don't understand the question. I need to implement the multiple upload feature. I know from analytics what browser are they using ( I know this is not 100% correct ).
I'm willing to sacrifice some of the visitors by not offering some advance features but I need to understand how big is this procent. I'm NOT trying to DETECT in anyway the browser. It's a similar approach with other sites that dropped IE 6 support.
So please don't talk about bad practice.
Try to look at Html5Test or caniuse.
If it's server side, you can analyze user agent to find out if client's version supports HTML5. Wikipedia is your friend.
If it's client side, there's Modernizr library.
A quick search gave me this interesting result (reproduced in several blogs): http://www.findmebyip.com/litmus/
And you can may also want to take a look at this list of how to detect each feature: http://diveintohtml5.ep.io/everything.html
Here is another website, quite incomplete but verbose and "work in progress" as of March 2011, so it might be worth keeping an eye on: http://html5accessibility.com/
This one is off topic, but since I found it, I add it. CSS compatibility in IE browsers (very extensive): http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx
And here you can find info specific to the gecko engine: https://developer.mozilla.org/en/HTML/HTML5
And, of course, MDC has compatibility tables for each feature, but separated in different pages, not as a table, e.g.: https://developer.mozilla.org/en/HTML/Element/input
http://www.modernizr.com/
HTML5Test.com collects the information but they don't give detailed reports for perusal.
A good reference site for some stuff is http://www.browserscope.org/ but that doesn't go into a lot of detail with HTML5 specific support
Another source of related stuff is http://w3c-test.org/html/tests/reporting/report.htm which is creating a set of HTML testing tools that can be run.
You or someone who wanted to create this information could use these tests and then store the UA String of each browser that hit the site with the results of each test.
Then you could just find the earliest version of each browser type that a feature successfully run on.
I think this information is stored in the databases of the sites mentioned but they just don't display it which sort of sucks. Maybe try emailing them and suggesting they add these reports.
Take a look at caniuse.com, it’s exactly what you are searching for.
QuirksMode is also a great resource, and there is an entry for multiple files input.
My vote is for:
http://www.findmebyip.com/litmus
Which i found via this blog:
http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/
You should try this website. I hope this is what you were looking for.
I have a couple of concerns, I'm busy building a normal .mobi site for a client, so basically how I understand this is keep it simply since most phones do not support JavaScript and have a small screen etc. So I build a mobi site using only content and basic links. Now my question is how do mobi widgets work on a mobile site? I've googled and could not find a answer? Is this possible at all? Since these small sites are meant for normal entry level phones and not smartphones?
.mobi is a domain suffix generally used to identify that the content is specific to mobile devices. It doesn't imply any association with Widgets.
Mobile widgets are generally specific to operating systems, and their definition varies across mobile OS's. Nokia Web Runtime Widgets for example use the webbrowser and provide access to device specific API, but it is native to S60 and needs to be installed on the device. Not what you or your client want here I think.
You have couple of options for developing mobile web sites. Have a look at the answer I gave here. It may help point you in the right direction. Search also for questions related to DeviceAtlas, who also provide similar API to WURFL.
Worth also taking a look at this answer.