The correct way to display Favicon on Edge browser

I found that it was a problem to display the Favicon of my website in the MS Edge while in Chrome and FireFox there was not any problem.

After playing around it a while I’ve found that the MS Edge do not love relative path but only absolute global http(s) address.

So this is the correct way to display the Favicon in the MS Edge:

<html>
  <head>

    <!-- IE -->
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />

    <!-- Edge -->
    <link rel="shortcut icon" href="https://www.yourdomain.com/favicon.ico" type="image/x-icon" />

    <!-- other browsers -->
    <link rel="icon" type="image/x-icon" href="favicon.ico" />

  </head>
  ... rest of your page...
</html>

The final version of the Web Into App is now online.

After a lot of work (and thinking and debugging) we are proud to announce that the final version of the Web Into App is now online.

The new version name of this release called V.EITHAN. Here are some benefits of the V.EITHAN release:

  • Turn any website into a FREE or a Dedicated App.
  • For Android and iOS platforms and devices.
  • You can compile the Android App into an APK file online (for debug and release). The iOS App is available in the source code, you can compile and distribute it with your own Mac machine (this is a required of Apple).
  • Pay only for the features you are using. One time fee. No subscription. No hidden fee.
  • Set the icon and the certification (the ownership) of your App easily. 
  • A FREE or a Dedicated mode.
  • Push notification to your App users using the Google Firebase.
  • Get the usage statistics of your App with Google Firebase.
  • Add your own AdMob banner and earn money.
  • Update / upgrade the version of your App in the feature.
  • A strong support.
  • Easy to use.
  • Guides and tutorials of how to use our services.

Here is the home page of the Web Into App:
https://www.webintoapp.com

Here are some guides of how to use our services:
https://www.webintoapp.com/guides

For any kind of support feel free to email us to:
webintoapp@gmail.com

Also, please note that we had created a Windows desktop version of the WebIntoApp.com services which called ‘Web-Into-App on Desktop’ for an easy access and an easy management to our website and our services from your Windows desktop. You can download the Windows Installer of this App for free from:
https://www.webintoapp.com/application/setup/WebIntoAppSetup.msi

CoreUI modal not working – Fix CoreUI modal

I’ve faced a problem when displaying the modal of coreui when calling a js function, such as:

$('#modal-create-token').modal('show');

Well, after searching for a solution I’ve founded that adding CSS style as above will fix the probelm, and the modal of the coreui will be display:

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.fade.out {
  opacity: 0;
}

Also, you may need to add to the modal tag ‘data-backdrop=”false”‘, for example:

<div class="modal fade" id="modal-create-token" tabindex="-1" role="dialog" data-backdrop="false">

🙂

Add VUE syntax highlighting support to Sublime Text 3

While the Sublime Text 3 editor can handle with the common web development languages (HTML / JS / CSS / PHP / etc), in order to add a syntax highlighting support for VUE, you may need to add a plugin to the Sublime Text 3 editor.

vue-syntax-highlight

The stages to highlighting VUE in Sublime Text 3 are:

1) Open the VUE file in Sublime Text 3

2) Go to menu view->show console

3) Add this to the console:

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaeeebe013ee18cced0ef93d5f746d80ef60' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

4) Click on Enter. Wait for the installation to finish, this may take a few seconds.

5) Press on CTRL+Shift+p, a new select box should be open.

6) Search for ‘Package Control :: Install Package’ then search for ‘vue-syntax-highlight’

7) Reopen the Sublime Text 3.

That’s it. From now on your VUE script will be highlight in Sublime Text 3

Install Sublime Text 3 on Ubuntu / Debian

Sublime text is my favorite code editor. This editor can handle easily with HTML / Java Script / CSS / PHP and any other web development language.

While installing the Sublime Text 3 on windows is easy, on linux you can install it using the above command lines:

# Download the Sublime Text 3
wget http://c758482.r82.cf2.rackcdn.com/sublime-text_build-3083_amd64.deb

# Install it
dpkg -i sublime-text_build-3083_amd64.deb

That’s it!

Now, in order to open the Sub Lime Text 3 run:

subl

If you want to open a specific document or file:

subl 'the_path_to_the_file_name.php'