Best way to implement favicons for both modern desktop and mobile browsers? - favicon

Im trying to implement a favicon for a website for both mobile and desktop browsers.
AFAIK, the best way, for all desktop browsers, is currently placing a favicon.ico in the root directory of the website.
For latest version of desktop browsers, this is currently working for Chrome and Firefox. It does not work for Internet Explorer.
For mobile browsers, it does not work in Android nor in iOS.
This is what the favicon looks like in Chrome on Android:
http://i.imgur.com/qwnO4JX.png
Is there a better way to do it? How can I do it for mobile browsers?

Basically preparing a favicon could be a part of Grunt task for example like grunt-favicons.
Anyway if you just need some `best practices` you could refer to the resources like this. And you could use online tools to prepare favicons with all needed markup and explanation: realfavicongenerator.net
Also refer to this question: Favicons - Best practices

Related

Using an unsupported API in Android Wear

I'm really keen to develop a web browser application for Android Wear devices. To make such application I need a WebView object, but the major problem is that Google has made the android.webkit API unavailable in that OS.
Since Android is open-source, is it technically possible to manually include the needed libraries, by coping them from the android source code on GitHub into my project? Are they going to work like as in a normal Android device, and is it legal?
Here is the link to the API I'd like to use.
Developing a browser based on WebView is not a good idea anyway. Although historically Android Browser was based on WebView, it had to use a lot of hidden APIs in order to work. All more or less functional browser apps based on WebView have to do the same, which makes them fragile. Also, the resulting browser app will not be as secure as a real multi-process web browser.
A better idea is to take Chromium and build it using Wear SDK. And there is already one built this way.
You don't have access to a complete source for Android Wear to build a complete image.

Building app, mobile web app and desktop web app using Ionic

We will develop an app that we would like to distribute in through the following channels:
Android and iOS apps through Google Play and iTunes (the app will
use notifications extensively and presence in Google Play and App store is required)
Web app to run in web browsers on mobile devices
Web app to run in web browsers on laptop and desktop computers. We would like to support Chrome, Internet Explorer (starting from IE9),
Firefox and Safari browsers.
Our understanding is that Ionic is developed targeting primarily 1. and that the web apps in 2. and 3. above are not really what Ionic is intended for. We have looked around to try to understand if Ionic likely works for 2. and 3. and also made some quick tests ourselves.
From one of the links at the end: "Your webapp will run in desktop browsers yes, as it is made of html, css and javascript. The phonegap specific javascript calls (accelerometer, compass, file, etc) won't. Basically, if you stick to standard yes you will be able to port relatively easily your app to most browser, the job at this point being mostly a work of theming."
From another one: "I do know that FireFox is simply not supported. I don't know how well Ionic works in IE X."
To try it out we have built a limited version of our app in Ionic. From what we can see the app works for 1, 2 and 3. For example, it runs without issues on FireFox that is mentioned as not supported in the quote above. This means that to us it looks like the first quote saying that the web app will work in desktop browsers is correct.
I understand that this is a fairly generic question and might be hard to answer, but since we have found contradicting information when looking we are trying to understand more before making a decision.
Any feedback would be appreciated.
Thanks,
Markus
Is it a good idea to use ionic to build mobile web version of a website?
Can Ionic Framework run in desktop web browser like Chrome, Mozilla, IE9+?
http://forum.ionicframework.com/t/ionic-components-on-ie/1826
Phonegap web app in regular desktop browsers
http://ionicframework.com/docs/overview/#css-sass
Ionic is tested for mobile only. Internet Explorer for example is not tested and does not properly handle a number of features in Ionic. Desktop browsers act differently than mobile browsers.
Ionic is focused on building native/hybrid mobile apps rather than
mobile websites.
As such, our browser support tends to be whatever Web View API is
available to native apps on a given platform. For Ionic 1.1.0
"xenon-xerus", that means UIWebView for iOS 7+, and Android 4.1 and
up. Windows Phone and FirefoxOS support is on our roadmap.
If it's cheaper for you to test everything on all different desktop browsers than to develop a version for it sharing the same controllers and services --- go ahead but it won't come "out of the box".
Also, I recommend looking at Electron to build desktop apps from webapps.
ionic is targting mobile apps only , but you can develop your desktop app using node webkit and angular material for example and share some code between your apps

What is the best way to redirect pc website to mobile version

I have create a mobile version of my website and i want to redirect from pc to mobile version if user using a mobile. I found few things but let me know what is the best way. It should view any mobile or tablet.
I've used detect mobile browsers with good success. It has lots of downloadable script options like .htaccess for an apache server, php script, jQuery, perl and plenty of others.
It's a good starting point.
Good luck!

How to develop an Opera Mobile plugin?

I'm totally new to opera mobile addons. Can someone suggest me a site which can help me to get started?
I'm currently using a Sony Ericsson P990i. It is loaded with Opera Mobile 8.65.
I type "opera:plugins" in the Opera Mobile address bar; it showed me the list of plugins installed.
So, I'd like to develop plugins for my personal use.
Is there any tutorial/examples of Hello World for opera mobile plugin development?
Till recently we in Opera did not have the ability for running extensions in Opera Mobile. We have recently released a labs build with support for extensions http://dev.opera.com/articles/view/extensions-opera-mobile-labs/
The way to create Opera extensions is documented here http://dev.opera.com/articles/view/getting-started-with-opera-extensions/ The idea is to create extensions, and not exactly worry about desktop or mobile. Just creating nice extensions regardless of platform.

Google Chrome plugin

How does one go about embedding an application inside a web page shown in the Google Chrome browser like Adobe does with its Flash Chrome plug-in ? Is there an Api available to create Google chrome plugins ?
Thanks
Chrome (and many other browsers) support the Netscape Plugin API (NPAPI)
You can also take a look at this book Programming Netscape Plug-Ins
If you need something that works cross-browser (firefox, chrome, safari, and ie), you could look at firebreath: http://www.firebreath.org
The disadvantage to using a plugin is that users have to download and install it before it will work.